ワードプレス Divi リファレンス２ テーマのオプションの設定方法

Divi では専用のオプションメニューを利用して様々な設定を行えるようになっています。今回はその「テーマのオプション」の設定方法について図解します。

テーマのオプションを設定するには、ワードプレスダッシュボードの、

下記のパネルが表示されるので、それぞれGeneral、Navigation、ビルダー、Layout、Ads、SEO、Integration、Updatesをタブで切り替えて選択し表示させることができます。

一般タブでは下記の様々なオプションを設定できます。

• ロゴ（サイトのロゴ画像）
• 固定ナビゲーションバーの有無
• Divi ギャラリーに変更する
• Divi Builder のカラーパレットの変更
• 注目画像を最初の記事画像に設定

• ブログスタイルモードを有効にすると基本のTopページに記事の全文を表示するようになる
• Sidebar Layout：サイドバーの左右選択
• WooCommerce のショップページとカテゴリーページ・レイアウトを選択
• Google APIキーの入力窓
• Googleマップスクリプトを利用する

• Use Google Fonts：グーグルフォントの利用
• Facebook アイコンを表示
• Twitter アイコンを表示
• Google+ アイコンを表示
• Instagram アイコンを表示
• RSS アイコンを表示

• Facebook プロフィールの入力窓
• Twitter プロフィールの入力窓
• Google+ プロフィールの入力窓
• Instagram プロフィールの入力窓
• RSS フィードの入力窓

• WooCommerceアーカイブ・ページに表示される商品数
• カテゴリーページに表示される記事の件数
• アーカイブページに表示される記事の件数
• 検索ページに表示される記事の件数
• タグページに表示される記事の件数

• 日付の表示法
• 引用が定義されている場合にはそれを使う
• shortcodes の反応
• Google Fonts のサブセット
• 「トップへ戻る」ボタン
• スムーズスクロール
• 翻訳を無効にする

• Minify And Combine Javascript Files
• Minify And Combine CSS Files
• カスタム CSS

Navigation のタブではメニューの表示を設定できます。

ページのナビゲーションを設定します。

• ナビゲーションバーからページを削除する
• ドロップダウン・メニューを表示
• ホームリンクを表示
• ページリンクの表示順
• ページリンクの表示順を上下で並べ替える
• 表示されるドロップダウン階層の数

カテゴリーのナビゲーションを設定します。

• ナビゲーションバーからカテゴリーを削除
• ドロップダウン・メニューを表示
• 空のカテゴリーを隠す
• 表示されるドロップダウン階層の数
• カテゴリーリンクを Name/ID/Slug/Count/Term のグループで並べる
• カテゴリーリンクを下から上へ、あるいは上から下の順に並べる

ナビゲーションの一般設定を行います。

Divi Builder の利用条件を設定できます。

Post Type Integration では、Divi Builder を利用する投稿のタイプを設定できます。

• 静的CSSファイルの生成：静的CSSを作成する
• インラインの出力スタイル：CSSの出力場所の変更
• 製品ツアー：チュートリアルの利用
• Enable The Latest Divi Builder Experience：旧 Divi ビルダーの利用
• Enable Classic Editor：ブロックエディタのかわりに古いエディターを使う

投稿や個別ページ、インデックスページのサムネイル表示の有無やコメント表示の有無メタ情報の有無などを設定できます。

投稿ページのシングル表示の際の設定になります。

固定ページのシングル表示の際の設定になります。

インデックスページでの表示を設定できます。

広告の配信を行うのに、記事の 468×60 のバナーを有効化できます。また、コードもここに登録しておけます。

• シングル記事で 468×60 のバナーを有効にする
• 468×60 の広告バナー画像のURLを入力
• 468×60 広告のリンク先のURLを入力
• 468×60 Google Adsense コードを入力

カスタムのタイトルやメタタグキーワードなどを設定できます。また、canonical 属性で URL を正規化するのもここで設定できます。

• カスタムタイトルを有効にする
• メタタグ記述を有効にする
• メタキーワードを有効にする
• 正規化 URL’s を有効にする
• ホームページのカスタムタイトル (有効化されている場合)
• ホームページのメタ記述 (有効化されている場合)
• ホームページのメタキーワード (有効化されている場合)
• カスタムタイトルが無効化されている場合、自動生成メソッドを選択してください
• ウェブサイトの名前と記事のタイトルを分ける記号を決める

• カスタムタイトルを有効にする
• カスタム記述を有効にする
• カスタムキーワードを有効にする
• 正規化 URL’s を有効にする
• タイトルに使用されるカスタム領域名
• 記述に使用されるカスタム領域名
• キーワードに使用されるカスタム領域名
• カスタムタイトルが無効化されている場合、自動生成メソッドを選択してください
• ウェブサイトの名前と記事のタイトルを分ける記号を決める

• 正規化 URL’s を有効にする
• メタ記述を有効にする
• タイトル生成法を選択する
• ウェブサイトの名前と記事のタイトルを分ける記号を決める

Google Analytics のコード等、各種コードはここを利用して登録することができます。

• ヘッダーコードを有効にする
• < body > コードを有効にする
• シングルトップコードを有効にする
• シングルボトムコードを有効にする
• コードをブログの < head > に追加する
• < body > にコードを追加する (Google Analytics などのトラッキングコードに便利)
• 記事のトップにコードを追加する
• 記事の末尾、コメントのすぐ前にコードを追加する

Divi のユーザー名と API キーを登録しておくことで、レイアウトのダウンロードやアップデートできるようになります。また、バージョンアップした際に不具合があった場合に、アップ前のバージョンにロールバックする機能があります。