【Divi】ロゴ・ファビコンの設定方法

ロゴとファビコンについてそれぞれどのように使われるのかをまずは説明していきます。

ロゴが使われるのは例えば以下の場合です。

・ヘッダー/フッター

・LP(ランディングページ)のサムネイル

特にデスクトップではヘッダーは常時表示されている場合も多く、ロゴはブランディング的にもかなり重要です。

当ブログのロゴはこんな感じです。

設定していない場合デフォルトでDiviのロゴが表示されます。

これはできるだけ避けたいところです。

ブログであれば記事のシェアの方が多いのであまり気にならないかもしれませんが、Webサイトであればマストな設定と言えます。

ファビコンが使われるのは例えば以下のような場合です。

・タブ(Google Chromeなど)

・お気に入りのアイコン

・頻繁に訪れるサイトのアイコン

スマホの利用が増え、ファビコンが表示に使われるケースがだいぶ多くなり重要性が高まっています。

当ブログのファビコンはこんな感じ。

シンプルでわかりやすいのが重要ポイントです。

ファビコンを設定していないとWordpressのロゴが表示されます。

この2つはほとんどのWebサイト・ブログで設定されている基本的な設定の一つです。

ロゴとファビコンはそれぞれ設定するところが違います。

ロゴの設定の仕方については以下の手順を辿ってください。

ダッシュボード >> Divi >> Theme Option >> Generalタブ

メニューの一番上に表示されるLogoの画像を更新すればOKです。

更新はすぐ反映されるので、メッセンジャーやLINEなどで自分宛にリンクをシェアして確認してみると良いです。

ファビコンの設定の仕方については以下の手順を辿ってください。

ダッシュボード >> Divi >> Theme Customizer >> General Setting >> Site Identity

SITE ICONの画像を差し替えれば設定完了です。

ファビコンの変更を反映するには数日かかる場合があります。

Google Search Consoleを利用してサイトをインデックス要求し、変更したことを伝えておきましょう。

簡単にできるのでこの2つの設定は忘れずにやっておきましょう。

WebサイトのロゴやファビコンはAdobeのIllustratorがあれば自分でも簡単に作成できます。