テンプレートの一覧が表示されます。デフォルトで、「1カラム」「2カラム」「3カラム」テンプレートが作成されています。
テンプレート追加ボタン：
新規テンプレートを追加することができます。
テンプレートの編集画面に進みます。
複製・削除メニューが表示されます。
テンプレート編集
一覧画面
テンプレート追加
「＋テンプレート追加」ボタンをクリックすると、左記の画面が表示されます。
テンプレート名：
テンプレート名を設定できます。
カラム数：
カラム数を設定できます。
「登録」ボタンをクリックすると、新規テンプレートが追加されます。
テンプレート編集画面では、下記のエリアの設定が可能です。
- ヘッダーエリア
- フッターエリア
- サイドエリア（2カラム以上のテンプレートを作成した場合）
※ 青枠点線内のコンテンツエリアは、各ページ編集から設定いただけます。
編集画面全体
① コンテンツ追加
「＋」ボタンをクリックすると、コンテンツ追加選択画面が表示されます。お好きなコンテンツを選択してください。
②
デバイスプレビュー切り替え：
デスクトップ、タブレット、スマートフォンなど、さまざまな画面サイズでどう見えるかの確認を行えます。
コンテンツレイヤー確認：
追加したコンテンツの並び順を確認できます。この画面から並び順の変更や、複製、削除も可能です。
テンプレート設定：
現在のテンプレートの設定を行えます。
共通デザイン設定：
ホームページ全体のデザインを設定することができます。
③ CSS、JavaScript編集
現在のテンプレートのCSS/JavaScript設定をすることができます。
※ ホームページ全体に設定したい場合は、共通デザイン設定内のCSS/JavaScript設定から操作を行ってください。
アイテム設定：アイテムの細かな設定をすることができます。
お気に入り登録： 詳細はこちらから
⑤ コンテンツ編集エリア
選択したコンテンツの詳細設定をすることができます。
エリア設定： 詳細はこちらから
アイテム設定： アイテムの細かな設定をすることができます。
その他： コンテンツのIDとCLASS名を指定できます。
コンテンツ追加
追加したいエリアの上下のコンテンツに、マウスオーバーすると、「＋」マークが表示されます。
「＋」マークをクリックすると、左記の画面が表示されます。
※ テンプレート編集画面では、ヘッダーエリア・フッターエリアに最適なコンテンツを追加することができます。
お好きなコンテンツを選択すると、編集画面に追加されます。
テンプレート設定
テンプレート名：
テンプレート名を設定できます。
ページ内リンクのスクロール：
同ページ内コンテンツへのリンクをクリックした際のスクロールにアニメーションを設定できます。また、スクロール後の位置をトップからのオフセットで調整できます。
<head>追加タグ：
<head>タグに追加したいタグを指定することができます。
※ 追加したタグはこのテンプレートを設定しているページのみ適用されます。全ページに適用したい場合は、ダッシュボード > 設定 > その他 > <head>追加タグ に設定してください。
保存
画面右上の「保存」ボタンをクリックすることで、編集した内容を保存することができます。
※「保存」ボタンをクリック後、画面下部に「テンプレートを保存しました。」メッセージが表示されるまで、ブラウザを閉じないでください。