Diviのサイドバーモジュールの使い方

こんにちは、根本です。今回は、Diviのサイドバーというモジュールの使い方をご紹介していきます。

Diviのサイドバーモジュールとは？

サイドバーモジュールは、名前に「サイドバー」とありますが、サイドバーに表示されるコンテンツだけではなく、フッターのものも表示することができます。このモジュールは、通常の記事ではあまり使用する機会がないと思いますが、記事一覧ページを作成するときとかに使います。

ウィジェットでコンテンツを追加する

まず、このモジュールを使用する前に、WordPressのダッシュボードの「外観」にある「ウィジェット」でサイドバーもしくはフッターにコンテンツを追加しておきましょう。

コンテンツの設定

まずは、「コンテンツ」の設定から確認していきたいと思います。

コンテンツ

「ウィジェットエリア」では、表示したいコンテンツをドロップダウンから選択します。

• サイドバー
• フッターエリア #1
• フッターエリア #2
• フッターエリア #3
• フッターエリア #4
• フッターエリア #5
• フッターエリア #6

Diviのテーマだと上記の7つのエリアが用意されています。

デザインの設定

レイアウト

テキスト

• 文字列の揃え：サイドバーモジュールに表示される全てのテキストの整列を設定します。
• テキストの色：全てのテキストに適用される設定で、「明るい」色か「暗い」色を選択できます。
• 文字サイズ：テキストのシャドウのタイプを選択します。

タイトル・ボディ テキスト

• フォント：テキストのフォントを変更できます。
• ソフトライト：文字の太さを選択します。
• 書式のコピー：テキストの書式（斜体にしたり、打ち消し線を引いたり）を設定します。複数の書式を選択することも可能です。
• 文字の揃え：テキストの位置を設定します。
• テキストカラー：文字の色を設定します。
• 文字サイズ：文字の大きさを調節します。
• 文字間隔：テキストの各文字の隙間を調節します。
• 行の高さ：縦の幅を調節します。
• 文字サイズ：テキストにかけるシャドウを設定します。

テキストの細かい設定については、「タイトル テキスト」と「ボディ テキスト」の2つに分かれていますが、設定が同じなのでまとめてしまいました。「タイトル テキスト」では、H1~6タグのテキストが、「ボディ テキスト」では通常のテキストが設定可能です。