投稿・固定ページのレイアウトをカスタマイズする方法

レイアウト設定(各設定メニューの使い方)

基本設定

レイアウト設定を個別に設定

「ON」を選択すると、投稿・固定ページでのレイアウト設定が可能になります。

※「OFF」を選択すると、「共通コンテンツエリア設定」→「レイアウト設定」の設定内容が、投稿・固定ページにも適用されます。

枠デザインを選択

レイアウト表示エリア外縁部・外枠のデザインを設定する機能です。

以下の項目の中からデザインを選択できます。

  • 無し
  • 角丸
  • 角丸(強)
  1. 下記サンプル画像➀では:無し
  2. サンプル画像②では:角丸(強)

を選択した事例をご紹介しています。

サンプル画像➀

サンプル画像②

表示幅を選択

レイアウト全体の表示幅(横幅を設定する機能です。

下記サンプル画像➀(➊赤枠内)のエリアは、レイアウト全体を示しています。

サンプル画像➀

コンテンツ領域を選択

コンテンツの表示領域を設定する機能です。

下記サンプル画像➀(❷赤枠内)のエリアは、コンテンツ領域を示しています。

サンプル画像➀

内側余白をpxで指定

レイアウト表示エリアの内側余白の幅を設定する機能です。

外側余白をpxで指定

レイアウト表示エリアの外側余白の幅を設定する機能です。

境界線設定

境界線を選択

レイアウトの境界線(外枠)のデザインを設定する機能です。

無し・ボーダー・シャドウの中からデザインを選択できます。

  • 下記サンプル画像①は:「ボーダー」
  • サンプル画像②は:「シャドウ」

を指定した事例をご紹介しています。

ボーダー・シャドウともに、細かなデザイン設定が可能ですので、お好みに合わせ設定してください。

サンプル画像①「ボーダー」

サンプル画像②「シャドウ」

背景設定

背景を選択

レイアウト表示エリアに背景を表示する機能です。

以下の項目の中から背景を選択できます。

  • 無し
  • 単色
  • 5ポイントグラデ
  • 画像
  • 画像+単色オーバーレイ
  • 画像+5ポイントグラデ

下記サンプル画像①では、「画像+単色オーバーレイ」を選択し、背景画像にドット柄の画像を設定した事例をご紹介しています。

サンプル画像①

コンテンツ設定

カラム数を選択

カラム数・カラムの仕様を設定する機能です。

以下の項目の中からカラムの種類を選択できます。

  • A.1カラム
  • B.2カラム(メイン左)
  • C.2カラム(メイン右)
  • D.3カラム(メイン左)
  • E.3カラム(メイン右)
  • F.3カラム(メイン中央)
  • 下記サンプル画像①は:2カラム(メイン左)
  • サンプル画像②は:3カラム(メイン中央)

を指定した事例をご紹介しています。

サンプル画像①

サンプル画像②

サイドバー表示サイズをpxで指定

サイドバーの表示サイズを設定する機能です。

※「カラム数を選択」で、2カラム以上のカラム数を選択すると設定出来ます。

カラム間隔をpxで指定

カラム同士の間隔を設定する機能です。

※「カラム数を選択」で、2カラム以上のカラム数を選択すると設定出来ます。

カラム外側余白をpxで指定

カラム外側余白の幅を設定する機能です。