【WordPress】サイトのシンボルマーク、ファビコンを設定する方法

こんにちは。creava代表 みっちゃん【ウェブコンサルタント】(@miya_creava99)です。

WordPressでのブログ運営、順調でしょうか?テーマのカスタマイズをしてあなたの個性を存分に表現したブログはもう立派なメディアです。どんどん情報発信してブログの価値を高めていきましょう。

今回はWordPressで忘れがちなファビコンの設定について説明します。

ファビコンとは?

ブログのファビコンとは、例えばChromeでブログにアクセスしたときのタブに表示されるアイコンのことです。

ファビコン

よーく見てください。あなたのブログの大切なシンボルマークが卵のようなアイコンになっていませんか?このアイコン、実は変えることができます。TwitterやFacebookにアクセスしてみてください。それぞれのサービスロゴイメージがアイコンに表示されますよね。一見、小さくて誰も見ていないような部分なのでこのままでもいいのでは?と思いますが、ブランディングをする上では大事な箇所ですのであなたのブログイメージにあうアイコンに変更をしましょう。

ファビコンを作ってみよう

ファビコンはブログでつかうPNGやJPEGの形式ではなく、専用のファイル形式にする必要があります。PhotoShopなどの画像ツールで作成することができますが、今回はもっと手軽にオンラインツールを使った作成方法を教えましょう。

  1. Favicon from Picsにアクセス
  2. ファイルを選択をクリックして変換したい画像を選択
  3. Generate Favicon.icoをクリック
  4. Download Favicon Packageをクリック

ファビコン(ico形式)のファイルがダウンロードできましたか?圧縮ファイルになっているので、解凍してブログに設定しましょう。

WordPressでファビコンを設定する

WordPressでファビコンを設定する方法は2通りのやり方があります。

  1. テーマテンプレートのPHPを直接修正
  2. プラグインを利用

テーマテンプレートのPHPを直接修正してもよいのですが、PHPって何?おいしいの?っていう人にとってはプログラムをいじることでブログが表示できなくなる場合もありますので、今回は安全かつかんたんなプラグインを導入する方法で設定してみましょう。

  1. WordPressの管理メニュー>プラグイン>新規追加を選択
  2. Favicon Rotatorを検索WordPress - プラグイン - Favicon Rotator
  3. インストールして有効化
  4. WordPressの管理メニュー>外観>Faviconを選択
  5. Browser IconのAdd IconボタンをクリックWordPress - プラグイン - Favicon Rotator - 設定画面
  6. Favicon from Picsからダウンロードしたicoファイルを選択
  7. Save Changesをクリック

さあ、あなたのブログにアクセスしてみましょう。どうですか?タブに表示されるアイコンが変わりましたよね。

WordPress - Favicon変更後

まとめ

今回はWordPressでブログを運営するときに、ファビコンを設定する方法を説明しました。WordPressは無料ブログサービスと違い自由度の高いContents Management System(通称CMS)です。自由度が高いということは逆にきちんと設定していないと無料ブログサービスのほうが質がよくなる場合があります。ファビコンは地味な部分ではありますが、こういったところの積み重ねをしっかりすることであなたのブランディングが読者に根付き、ファンとなってリピート率向上にも繋がりますのできちんと設定しましょう。

WordPressのインストールやテーマの設定、カスタマイズに挑戦しませんか?難しそうだなー面倒だなーと思ったらcreavaのウェブコンサルタントに相談だ!

WordPressの代行設定・カスタマイズの相談はこちら