レイアウト管理

レイアウトの選択

coreblo-cms では「システムページ」と「コンテンツページ」の2 種類で構成されています。

1. システムページ
システムページには固定で「top(トップページ用レイアウト)」「search(検索結果用レイアウト)」「news(ニュースページ用レイアウト)」「sitemap(サイトマップ用レイアウト)」の4 つが用意されています。
各システムページはそれぞれ個別にデザインやユニット配置を適用することが出来ます。

2. コンテンツページ
コンテンツページとは「コンテンツ管理」や「ニュース管理」で登録された記事を表示するページです。
新規にドメイン作成時には「contents」という名称で1 テンプレート登録されています。
「コンテンツページ」は複数のデザインを追加登録し、「カテゴリ管理」で作成されたカテゴリと連携させることで、カテゴリごとにその特徴に合ったデザインで表示することが出来ます。

 
レイアウトとカテゴリ
レイアウトとカテゴリまたはページとの関係

レイアウト選択画面

レイアウト選択画面
  • ページ種別選択ボタン
    システムページの編集か、コンテンツページの編集かを選択します。
  • 登録済みレイアウトの表示
    システムページレイアウト選択時
    • 「top(トップページ用レイアウト)」
    • 「search(検索結果用レイアウト)」
    • 「news(ニュースページ用レイアウト)」
    • 「sitemap(サイトマップ用レイアウト)」
    の4 つが固定で表示されます。
    コンテンツページレイアウト選択時
    新規にドメイン作成時に発行された「contents」というテンプレートが選択できます。
    複製、または新規にレイアウトを追加すると一覧に追加されます。
  • 挿入タグ
    レイアウト内に「追加のMETAタグ」や「ログ解析用のスクリプト」を挿入することができます。
    挿入位置
    • META追加挿入
      <head>内<meta>の最終行に挿入されます。
    • HEAD内Javascript挿入
      </head>の直前に挿入されます。
    • FOOTER挿入
      </body>の直前に挿入されます。
  • レイアウト選択エリア
    各ページ毎に基本デザインレイアウトパターンを選択します。
    選択できる基本デザインレイアウトパターンは6種類、左右2パターンの計10 種類から選択する事ができます。
  • ページタイトル等テキスト入力欄
    • レイアウトタイトル
      管理用のタイトルを入力します。自由に記入ください。
    • メタキーワード
      html ヘッダのメタ情報「keyword」内に記述されます。
    • ディスクリプション
      html ヘッダのメタ情報「description」内に記述されます。
  • レイアウト変更ボタン
    「レイアウトを変更した場合」「ページタイトルや備考等を変更した場合」に内容を保存するボタンです。
    レイアウトの変更を登録をクリックするとレイアウト変更が完了します。
    ※ページデザイン設定後にレイアウトパターンを変更すると、設定済みの「基本デザイン」「サブエリア」のCSS、ユニットの配置情報が初期データに上書きされますので十分にご注意ください。

選択できる基本デザインレイアウトパターン

1段組み基本2段組み基本3段組み基本
1段組み基本
2段組み基本
3段組み基本
その他(左右分離01/ 左右)その他(左右分離02/ 左右)その他(左右分離03/ 左右)
その他(左右分離01/ 左右)
その他(左右分離02/ 左右)
その他(左右分離03/ 左右)

システムページレイアウトの編集

システムページレイアウトは、「トップページ」「検索結果表示画面」「サイトマップ」「ニュース表示画面」専用のレイアウトで4種類に固定されています。「サイト内検索」や「サイトマップ」等を使用しない場合は編集する必要はありません。

コンテンツページレイアウトの編集

コンテンツページレイアウトはコンテンツ管理で登録されたカテゴリと連携させることができます。
作成したレイアウトとカテゴリは「デザイン管理/カテゴリ連携」で連携設定します。
「カテゴリ連携」で連携設定されていないカテゴリは「登録済みレイアウト一覧」の「contents(初期レイアウト)」に連携されます。
また、コンテンツページレイアウトは複製することができます。

コンテンツページレイアウトの新規作成

  • 「登録済みレイアウト一覧」の「新規レイアウト」を選択します。
  • 「レイアウトタイトル」「メタキーワード」「ディスクリプション」を入力します。
  • 「新規レイアウト」を登録をクリックして完了です。
list page page top