テーマオプション サイドバー

Sidebar

ホーム/Theme Options/Sidebar/テーマオプション サイドバー
  • テーマオプション サイドバー
画像はクリックすることでLightbox内に大きく表示することができます。

このコンテンツでは、【テーマオプション サイドバー】全8のオプションについて解説をしています。

サイドバーは、WordPressのデフォルト機能であるウィジェットを使用し作成することができます。サイドバーを使用したい場合は、WordPress左メニューの【外観】 → 【ウィジェット】より予め作成しておきましょう。

なお、見出し1~5で解説しているのが【Sidebar Styling(サイドバーのスタイリング)】、見出し6~8で解説しているのが【各ページのサイドバーオプション】となります。

各ページのサイドバーオプションは、Avada管理画面のプラグインタブで表示されている互換性のあるプラグインを有効化することで、追加でオプションが表示されます。bbPressやEvents Calenderなど使用したい場合は予めプラグインを有効化しておきましょう。

サクッと画像で概要を見たい方はこちら

1.Sidebar Padding / パディング

このオプションは、サイドバーのパディングを設定します。

当サイトは、0で設定しています。

2.Sidebar Background Color / 背景色

このオプションは、サイドバーの背景色を設定します。

当サイトは、#ffffff(白)で設定しています。

3.Sidebar Widget Title Background Color / 見出しの背景色

サイドバー ウィジェット見出しの背景色

ウィジェットの各コンテンツには見出しをつけることができるものがあります。画像のように、WordPressにデフォルトである『検索』では、ウィジェットでタイトルを設定することができ、検索バーの上に見出しとして表示されます。

このオプションでは、そのウィジェット見出しの背景色を設定します。

画像では、rgba(0,188,212,0.6)で設定しています。

4.Sidebar Widget Heading Font Size / 見出しのフォントサイズ

このオプションは、ウィジェット見出しのフォントサイズを設定します。

当サイトは、1emで設定しています。

5.Sidebar Widget Headings Color / 見出しカラー

このオプションは、ウィジェット見出しのフォントカラーを設定します。

当サイトは、#333333で設定しています。

6.Activate Global Sidebar For ○○ / ○○のサイドバーを有効化

このオプションを有効にすると、各すべてのページ(投稿ページのオプションならすべての投稿ページ、ポートフォリオのオプションならすべてのポートフォリオページなど)で同じサイドバーを使用することができます。

Fusion Page Optionsを使用して、各ページ毎にサイドバーを変更している場合は、上書きされます。
注意しましょう。

なお、タイトルの○○に入るページは通常は以下の4つです。

  • 投稿ページ
  • 固定ページ
  • ポートフォリオページ
  • 検索ページ

bbPressやEvents Calenderなどのプラグインを有効化していると、新たにこれらのオプションも表示されます。

7.Global Page Sidebar 1 2 / サイドバー 1と2

100%使用時の左右のパディング

Avadaでは、WordPress左メニューの【外観】 → 【ウィジェット】からオリジナルウィジェットを作成することができます。このウィジェットはページの様々な場所に挿入することができ、サイドバーに表示されるコンテンツもこのウィジェットで作成します。

サイドバーは左と右の計2つ設定することができますが、このオプションで各ページに表示させるサイドバーを選択します。なお、『このページのみ他のサイドバーを使用したい!』場合は、各ページの【Fusion Page Options】 → 【Sidebar(サイドバー)】より上書きすることができます。

サイドバー1を【None(なし)】と設定すると、サイドバー2の設定は無効となります。サイドバー2は、サイドバー1が有効な場合のみ設定が反映されます。また、サイドバーの位置については【8.Global Page Sidebar Position / サイドバーの位置】で設定することができます。

8.Global Page Sidebar Position / サイドバーの位置

このオプションは、サイドバー1の位置を設定します。
サイドバー2を有効化している場合は、1の反対となります。

コメントする