logo
 

MODXをレスポンシブにするMobile Template Switcher(3)

Mobile Template Switcherを使ったスマートフォン対応のフローは下記のとおりです。

  1. スマートフォン用テンプレートを作成
  2. スマホ用テンプレートの組み込み・テスト
  3. すべてのリソースのキャッシュ制御を無効(OFF)に設定
  4. Mobile Template Switcherの組み込み

ここでは、Mobile Template Switcherの組み込み手順をまとめます。

Mobile Template Switcherの組み込み

MODX公式サイトのMobile Template SwitcherというプラグインのページでDownloadボタンをクリックしてコードを表示し、そのコードをコピーしておきます。

MODX管理画面にアクセスし、「エレメント」→「プラグイン」→「プラグインを作成」します。

Mobile Template Switcher

プラグイン名」に「Mobile Template Switcher」と入力し、「プラグインコード」にコードを貼り付けます。

Mobile Template Switcher

設定」タブの「プラグイン設定」に下記のコードをコピー&ペーストし、「Mobile Template」にスマートフォン用に作成したテンプレート名を入力します。

&usecookie=Use Cookie;list;no,yes;no &template=Mobile Template;text;mobile

Mobile Template Switcher

システムイベント」タブの「OnLoadWebDocument」にチェックします。

Mobile Template Switcher

プロパティ」タブの「既存カテゴリー」を任意のものに設定し、「説明」にこのプラグインの説明を入力して、「更新」します。

Mobile Template Switcher

これで、MODX CMSがPCとスマートフォンのテンプレートを振り分けるようになります。

関連記事

MODXとは

新着情報

 
RSS