テンプレートの使い方

 ブログではデザインを変更すると、すべてのページに適用されてしまいますが、
MODxは個々のページ(コンテンツ)を作成してから、「テンプレート」というデザインを各ページに割り当てることができます。
企業などで異なる商品やサービスのページに対して違うデザインを提供することができます。

 

 

■テンプレートの適用

1.ドキュメントの編集画面を開きます
2.[使用テンプレート]で、適用したいテンプレートを選択します。
3.上部の「保存」をクリックします。

■テンプレートの入手

MODx公式ページのForrumsのDevelopment & Coding-Templates
http://modxcms.com/forums/index.php/board,4.0.html
に有志がアップロードしてくれているものがあります。
掲示板なので、テンプレートに関する質問やTipsなども入り混じっていますが、最近の発言では、投稿の題名の先頭に[template] と付けるのがマナーとなっているようです。
サムネイルがあるものもあります。多くはzip圧縮されています。

1.任意のテンプレートを選択し、ダウンロードします。
2.ダウンロードした圧縮ファイルを解凍します。ここでは「andreas01」を参考に解説します。
3.圧縮ファイルの中に同名のフォルダ「andreas01」がひとつあり、その中にフォルダが3つ「images」「Install」「style」あります。
4.「Install」の中の「INSTALL.txt」を読みます。(英語です^^)
5.FTPで、[assets]-[templates]の中に「andreas01」(「images」「style」)をアップします。


MODxの管理画面に入ります。
1.[リソース]-[リソース管理]-[テンプレート管理]をクリックします。
2.[テンプレートの作成]をクリックします。
3.テンプレート名に「andreas01」と入力します(本当は任意でかまいません)。テンプレート説明も任意で入力します。
4.「Install」の中の「Andreas01.template.html」をメモ帳で開き、全文をコピーして、[テンプレート コード (html)]に貼り付けます。
5.上部の「保存」をクリックします。

■スニペットの作成
スニペットとは、MODxの表示時の機能を拡張するプログラムです。
andreas01では自動的にメニューを作成するスニペット「DropMenu」を拡張した「DropMenuS」が提供されています。

1.[リソース]-[リソース管理]-[スニペット]を選択します。
2.[スニペットの作成]をクリックします。
3.スニペット名に「DropMenuS」と入力します。間違えてはいけません。
4.「Install」の中の「DropMenuS.snippet.php」をメモ帳で開き、全文をコピーして、[スニペット コード (php)]に貼り付けます。
5.上部の「保存」をクリックします。

■チャンクの作成
チャンクとはHTMLコードの部品で、複数のテンプレートから名前で呼び出して表示することができます。例えば、会社の住所や連絡先を記述してあるチャンクをフッターとして作成し、各テンプレートから「Footer」名で呼び出しておけば、修正はこのチャンクひとつで済みます。

[リソース]-[リソース管理]-[チャンク管理]を選択します。
[チャンクの作成]をクリックします。
チャンク名に「Footer」と入力します。間違えてはいけません。
「Install」の中の「Footer.chunk.html」をメモ帳で開き、全文をコピーして、[チャンク コード (html)]に貼り付けます。(修正してもかまいませんよ)
上部の「保存」をクリックします。