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-lesson1-logo

ワードプレステーマ Diviの使い方1 Diviとは?~インストールまで

WordPress(ワードプレス)のテーマは数多くあるのですが、世界で一番多くインストールされ利用されているテーマはこの「 Divi 」になるのではないかと思います。入門講座として、...
divi-lesson8-2-logo

ワードプレス Divi の使い方8 外観のカスタマイズ2 サイトの文字の大きさを変える

Divi にはサイトの文字の大きさを変える複数の方法が存在します。それぞれで使いどころを分けて利用すると便利です。Diviの使い方8 外観のカスタマイズ2...
divi-tips-before-after-images-logo

Diviチップス Before + After Images のインストール

ワードプレス(WordPress)で作成している Web サイトで、写真や画像の分割比較表示をしたくなった場合に、便利なプラグインとして「TwentyTwenty」があります。 Divi...

Diviのモジュールの使い方6 アクションの呼び出しとボタン

今回は Diviの各種モジュールのうちから「アクションの呼び出し」と「ボタンモジュール」の使い方について、Divi初心者向けに図解したいと思います。Diviの使い方10 モジュールの使い方6...
divi-lesson5-3-youtube-logo01

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

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

ワードプレス Diviの動画利用方法 Diviレッスン5-2

今回は Divi で作成しているサイトに動画を設定する方法について図解します。Divi...

Pin It on Pinterest