• 文字サイズ
  • 文字サイズ[小]
  • 文字サイズ[中]
  • 文字サイズ[大]

2-5. ページレイアウトの選択

2-5. ページレイアウトの選択

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

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

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

デザイン管理へ進みます。

ヘッダー メインメニュー

レイアウト管理画面が表示されます。

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

選択できる基本デザインレイアウトパターンは6種類、左右2パターンの計10 種類です。

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

「レイアウトタイトル」「メタキーワード」「備考」を入力します。

「レイアウトタイトル」「メタキーワード」「備考」を入力
入力が完了したら、画面右のレイアウトの変更を登録ボタンをクリックしてください。
これで「top(トップページ用レイアウト)」の変更が完了しました。

同一の手順で、その他のレイアウトも登録します。

登録レイアウト一覧
(左)システムページ (右)コンテンツページ
登録が完了すると、登録済みレイアウト一覧に
登録した内容が表示されます。
これで基本ページレイアウトの設定は完了です。

コンテンツページレイアウトの作成について

コンテンツページレイアウト画面
コンテンツレイアウトは「追加」「複製」「削除」することができます。
「コンテンツページ用基本レイアウト」の作成
コンテンツページレイアウトは自由にバリエーションを増やすことが出来ます。
出荷時には「contents」という名称(変更可能です)のレイアウトが登録されていますので、まずこの「contents」にコンテンツページレイアウトで最も多く 使用される基本形のデザインを登録します。
コンテンツページレイアウト作成にはレイアウトのコピー機能が使用できますので、基本形をしっかりと作り込み、カテゴリごとのバリエーションを増殖させていく方法が効率的です。
page top