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

「サイドバー・メイン設定」・各設定メニューの使い方

このページでは、「サイドバー・メイン設定」について、各設定メニューの使い方を詳しく解説しています。

基本設定

表示環境を選択

サイドバー・メインをPC・スマホ、どちらの閲覧環境で表示させるか設定する機能です。

以下の項目の中から表示環境を選択できます。

例えば、スマホ/PCで表示を選択すれば、スマホ・PCともに「サイドバー・メイン」が表示されます。

  • スマホ/PCで表示
  • スマホで非表示
  • PCで非表示

枠デザインを選択

サイドバー・メインエリア外縁部・外枠のデザインを設定する機能です。

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

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

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

サンプル画像➀

サンプル画像②

設定の適用範囲を選択

「サイドバー・メイン設定」の設定内容の適用範囲を設定する機能です。

  • 「サイドバー全体」を選択すると設定内容がサイドバー全体に
  • 「ウィジェット」を選択すると設定内容がウィジェットに限定して

適用されます。

内側余白をpxで指定

サイドバー・メインエリアの内側余白の幅を設定する機能です。

固定エリア上部余白をpxで指定

ウィジェットを「サイドバー・メイン(固定)エリア」に設置した場合の上部余白を設定する機能です。

境界線設定

境界線を選択

サイドバー・メインエリアの境界線(外枠)のデザインを設定する機能です。

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

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

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

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

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

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

背景設定

背景を選択

サイドバー・メインエリアに背景を設定する機能です。

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

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

下記サンプル画像①では、背景画像に青いドット柄の画像を設定した事例をご紹介しています。

サンプル画像①

エリア内設定【コンテンツ設定】

基本文字色を指定

サイドバー・メインエリアにおける基本となる文字色を設定する機能です。

下記サンプル画像➀(➊赤枠内)は、基本文字色が適用された箇所をご紹介しています。

サンプル画像①