WordPress - モバイルデバイスから別のhtmlページにリダイレクトする方法

Last Updated：2017年03月20日| | コメントを残す

概要

近年、モバイルの重要性に大きくなるにつれて、PC /モバイル機器にかかわらず、サイトを表示する反応型のWebサイトがますます多くなっています。

既存の非反応型のWebをモバイルに対応する方法はいくつかあります。

  1. cssを使用して反応型サイトにする
  2. プラグインを使用してモバイルWeb実装

プラグインにも大きくXNUMX種類がありますが、

  • 非反応性ウェブサイトをモバイル版に変換するもの（例：WPtouch Mobile Plugin）と
  • モバイルスイッチとして、PC用のテーマとモバイル用のテーマを別に指定するプラグインがあります（例：Any Mobile Theme スイッチャー）。

WPtouchモバイル Pluginの場合、プラグインをインストールしてプラグインを設定すると、既存のウェブサイトをモバイルではWPtouch Mobile Pluginで変換したモバイルバージョンを表示する方法で、Any Mobile Theme Switcherは、PC用のテーマとモバイル用のテーマを別々に指定し、PCとモバイルデバイスでそれぞれ異なるテーマを表示します。

既存のWPのウェブサイトを他の反応型のテーマのモバイル版を使用して問題なく表示くれれば Any Mobile Theme Switcher素晴らしい選択かもしれません。 テストした結果、複雑なサイトの場合はWPtouch Mobile Pluginでは満足のいく結果が得られず、モバイルスイッチャーを使用してある程度まともな結果を得ることができました。 この場合、モバイル用のテーマをパソコン用のテーマによってある程度変更する必要があります。

Mobile-Detectを使用する

別の選択肢として、モバイル機器では、ユーザーが指定したページにRedirectionする場合も考えてみることができます（例えば、PCでは、既存のWebサイトがそのまま表示され、モバイル機器では、ユーザーが指定した特定のhtmlページに接続）。 そのための方法の一つは、 Mobile-Detectをテーマフォルダに含まれていてheader.phpファイルに次のコードを追加することです。

if( is_front_page() ){

include_once('mobile-detect/Mobile_Detect.php'); //Mobile Detect.php 경로
$detect = new Mobile_Detect();

if ( $detect->isMobile() || $detect->isTablet() ) {
$redirect_url = 'http://모바일_버전_페이지_주소';
header('Location: ' . $redirect_url ); // Redirect the user
}
}

テストしてみた結果、この方法で簡単にモバイル用のHtmlの切り替えができました。

追加： Mobile Detectファイルのダウンロードは、次の図を参照してください。
Mobile Detect Download

既存の非反応型のWebサイトをモバイル機器に合わせて変更することは容易なことではありません。 専門家の場合、CSSを使用して反応型のウェブサイトに変更することができますが、非専門家の場合は容易ではない作業です（この操作の詳細については、Lynda.comの講座が多くの助けになります： http://www.lynda.com/WordPress-tutorials/WordPress-Building-Responsive-Themes/104261-2.html).

RedirectPlusプラグインを使用する

追加： 上記の内容に応じて、ファイルをダウンロードして設定する作業が容易ではないことがあります。 この場合に使用できるプラグインに RedirectPlusというプラグインを発見した。

RedirectPlus - WordPress モバイルリダイレクト Plugin

RedirectPlusは、モバイルデバイスを検出して、モバイルサイトにリダイレクトする WordPress用のプラグインです。 チェックボックスオプションを使用してタブレット機器の場合、モバイルサイトにリディートするかどうかを選択することができます。 また、iPhone、アンドロイド、Windowsの携帯電話に別の方法で設定できるオプションも提供されるとね。 このプラグインは、フルバージョンのWebサイトを表示できるようにする機能も提供します。

主な特徴：

すべてのモバイル/タブレットデバイスをモバイルに最適化されたURLにリダイレクト

  • サイト全体または特定のページにリダイレクト
  • タブレットへのリダイレクトを有効に選択可能
  • アイパッドやその他のタブレットについて、別のURLのオプション
  • iPhone、アンドロイド、ウィンドウズフォンなどについて、別のURLオンション
  • モバイル最適化のURLから再度メインのWebサイトにリダイレクトさせるオプションを提供

他にも Country and Mobile Redirect for WordPress - Professional Editionのようなプラグインもありますね。 このプラグインは、SEO、標準301、302リダイレクトを使用する WordPress用URLリダイレクトプラグインです。 このプラグインを使用して目的のページを404ページに使用が可能です。 国、都市、ホームページを基準にリダイレクト、モバイルサイトにディディレクション、Analytics（分析）、WMLP準拠、 WordPress マルチサイトの互換性、翻訳可能など、さまざまな機能を提供しています。

コメントを残す

コメント