Divi でサイトを作成したら、ぜひオプション設定も変更しましょう。Divi はテーマのオプションを専用のメニューでいろいろと変更できるようになっています。今回はぜひ設定しておいた方が良いおすすめの設定を図解します。

Divi レッスン9 テーマのオプションのおすすめ設定

1.テーマのオプション設定の場所

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

「Divi」>「テーマのオプション」をクリックします。

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

2.サイトのロゴをオプション設定する

まずはウェブサイトのロゴを設定します。Divi は標準状態では、下記の赤枠ように Divi のアイコンが表示されていると思います。そのロゴを変更します。

General(一般)でロゴをアップロードする

テーマのオプションの General(一般)を開き、

「ロゴ」の「アップロード」をクリックすると、メディアライブラリが表示されるので、

表示させたい画像を選択して「ロゴとして設定」をクリックします。
「変更を保存」をクリックして保存します。

サイトのロゴがアップロードした画像に変更されます。またこのロゴ画像はファビコンとしても利用されます。

3.サイト高速化のためのオプション設定をする

1)Javascript と CSS を圧縮する

Divi には Javascript と CSS の圧縮を特にプラグインを追加することなく設定できます。

テーマのオプションの General(一般)を開き、

  • Minify And Combine Javascript Files
  • Minify And Combine CSS Files

を有効にします。

「変更を保存」をクリックして保存します。

2)使わない Google Fonts を消すオプション設定

Google Fonts(フォント)の読み込みにも多少は時間を使うので、必要なければ消しましょう。今回、フォントは「游ゴシック」を使うことにして、使わない Google Fonts は消すことにします。

この設定もテーマのオプションの General(一般)にあります。

「Use Google Fonts」をクリックして無効にします。
「Google Fonts のサブセット」をクリックして無効にします。
「変更を保存」をクリックして保存します。

3)静的 CSS ファイルを生成させる

CSS ファイルのキャッシュを作成しておくことで、速度を上げることができます。Divi では特にプラグインを追加することなく設定できる機能があります。

テーマのオプションの「ビルダー」>「詳細設定」を開き、静的 CSS ファイルの生成を有効にします。

「変更を保存」をクリックして保存します。

4.SNS と RSS をオプション設定する

Divi だけで Facebook、Twitter、Google+、Instagram のフォローボタン、RSS フィードを設定できます。

テーマのオプションの General(一般)を開き、

使用したいアイコンのみにしましょう。Google+ は個人向けのサービスを終了したので、抜いても良いかもしれません。

各 SNS のプロフィール URL を入力する枠があるので、そこに設定します。

ところで、RSS フィードは特に設定しなければ、標準で「ドメイン/feed/」になります。

「変更を保存」をクリックして保存します。

5.SEO のためのオプション設定をする

1)正規化 URL’s を設定する

SEO 対策の一つとして、URL の正規化があります。Divi では特にプラグインを追加することなく設定できます。

テーマのオプションの「SEO」>「ホームページSEO」「シングル記事ページSEO」「インデックスページSEO」をそれぞれ開き、

「正規化 URL’s を有効にする」を有効にします。
「変更を保存」をクリックして保存します。

以上はぜひ設定しておいた方が良いでしょう。おすすめします。

ワードプレス Divi レッスン Diviの使い方図解

写真サイトを構築する際に、役に立ちそうな設定や情報をまとめています。こちらは、ワードプレステーマ Divi に関連する記事の目次ページとしています。なるべく図を用いて簡単に説明するようにしています。参考にどうぞ。

divi-lesson3-1-logo

ワードプレス Diviの使い方3 レイアウトを使ったWebページ作成1

今回は一連の流れで、実際のサイト( Webページ )の作成を行ってみましょう。作るサイトは写真家のサイトということにしましょう。 Divi...

Divi用の子テーマ作成プラグインを利用する Diviの使い方8-1-3

今回はDivi で子テーマを作成する方法の3つ目としてプラグインを利用する方法を図解します。複数のプラグインがありますが、その中から今回は「Divi...
divi-lesson8-3-logo

ワードプレス Diviの使い方8 外観のカスタマイズ3 色を変える方法

今回はサイトの色を変える方法を解説します。Divi では複数の方法で色を変えることができます。Divi の使い方8 外観のカスタマイズ3 色を変える方法 4.カラースキームでサイト全体の色を変える...
divi-lesson5-3-youtube-logo01

DiviでYouTubeを表示する Diviの使い方5の3

Divi は YouTube 動画も簡単にサイトに設置できるように作られています。今回はその設置方法を図解したいと思います。Diviの使い方5の3 Divi で YouTube を表示する...

Pin It on Pinterest