--- Array (4)
0 => Array (2)
  page_nm => "トップ"
  page_sysnm => "top"
1 => Array (2)
  page_nm => "チュートリアル"
  page_sysnm => "topics_list7"
2 => Array (2)
  page_nm => "チュートリアル"
  page_sysnm => "tutorial_category_list"
3 => Array (3)
  page_nm => "テンプレートを追加(カスタマイズ)する"
  page_sysnm => "topics_detail7"
  this => 1 ---

テンプレートを追加(カスタマイズ)する

RCMSでは、HTML/CSSの知識があれば、テンプレートをカスタマイズすることにより、自由にデザインを変更することができます。カスタマイズしたいテンプレートは
[サイト基本設定>ページ構成>(各ページ)設定]で確認します。

適用範囲の説明
---------------------------------------------------------
テンプレートを全てのページで適用したい場合に選択
特定のページで適用したい場合、適用したいページを選択
複数の「問い合わせ」や「アンケート」を同ページで表示し、タイトル毎にデザインが異なる場合
適用したいデバイスを選択
---------------------------------------------------------

適用するテンプレートを確認する

「トピックス一覧(topics_list1)」ページのメインコンテンツに設定しているテンプレートの、PC用をカスタマイズする場合の操作方法をご説明します。

1.[サイト基本設定]→ [ページ構成]を開きます。
2.テンプレートを適用したいページの[設定]をクリックして、ページの設定画面を開きます。

3.[コンテンツ設定]を開いて、メインコンテンツ設定]に配置しているコンテンツを確認します。

ポイント

テンプレートをカスタマイズするには、まず、どのようなコンテンツで作成しているか各ページの「設定」から確認します。

テンプレートを追加する

1.[デザイン] → [テンプレート編集]を開きます。
2.[モジュール][コンテンツタイプ][テンプレート]はページ構成の[設定]で確認したのと同じものをプルダウンから選択します。
今回は、「モジュール:記事 コンテンツ:一覧 テンプレート:記事一覧(カスタマイズ用2)」を選択し ます。
3.今回は、「トピックス一覧1(topics_list1)」のページを選択します。
適用範囲:[全てのページで適用]もしくは、特定のページのみに適用する場合は、プルダウンより該当ページを選択
4.今回は「PC用」を選択します。
デバイス:該当のデバイスを選択
5.[追加する]をクリックして、新しくカスタマイズしたテンプレートを開きます。

ポイント

「5」で追加したテンプレートの内容を編集後、最下部の「追加する」をクリックすると、カスタマイズしたテンプレートが作成され、[カスタマイズしたテンプレート]の下に一覧として表示します。

「お問い合わせ」や「アンケート」モジュールなどは、「入力」「確認」「完了」と遷移するモジュールについては、テンプレートもそれぞれ用意されていますので、「入力」「確認」「完了」 画面ごとにカスタマイズ可能です。

なお、テンプレートの具体的な記述方法やHTML、CSS、Smartyに関するお問い合わせについては、別途有償にてサポートしておりますので、お気軽にご相談ください。

【サイトを作ろう!-入門編-】のその他のチュートリアル