• HOME > 
  • WordPress > 
  • ワードプレスでファビコンを設定する方法【画像付きで解説】

ワードプレスでファビコンを設定する方法【画像付きで解説】

投稿日:

このページにはGoogleアドセンス広告とアフィリエイト広告が含まれています。

カテゴリー記事のアイキャッチ画像

本記事は執筆時点(2021年02月09日)の情報をベースにしております。掲載している情報が最新ではない可能性がありますので何卒ご容赦ください。

広告
広告

ファビコンとは?

ファビコンとはサイトを表すアイコンのことで、サイトを開いているときにブラウザのタブに表示されたり、お気に入りやブックマークされたときにサイトを示すアイコンとして表示されます。

ワードプレスの公式サイトのファビコンにはワードプレスのマークが使われています。

ファビコン

テキストよりもサイトを印象付けやすく、ブックマークなどでユーザーに見つけてもらいやすくなるというメリットがあります。

また、しっかりと作り込まれた独自のファビコンが表示されていれば、ユーザーがサイトに信頼感を持ってもらいやすくブランディングの効果やイメージアップにもつながると思います。

ロゴとは違う?

あくまでファビコンは、WEBサイトのシンボルマークとしてタブなどに表示させるアイコンを指した呼び方です。

ロゴやシンボルマークを所有していればそのままファビコンとしても利用できます。(ファビコンは正方形なので元々のロゴの形状によっては加工が必要になる場合もあります)

もちろんWEBサイトのファビコン用に新しく作成することもあります。

ちなみに当サイトは下図をファビコンとして設定しています。

当サイトのファビコン

ファビコンが表示される場所の例

WEBサイトのファビコンは、次のような場所で表示されます。

ブラウザのタブ

最もファビコンを目にする機会が多いのはブラウザのタブかと思います。

タブにはサイトタイトルやページタイトルが表示されますが、文字数が制限されており一目では何のサイトを開いたタブかが分からないこともあります。

そんな場合でもファビコンであれば即座にサイトを視認することができます。

ブックマーク

タブと同じように、お気に入りにもファビコンは表示されます。

タブレットやスマートフォンなどのデバイスでは比較的大きめに表示されると思います。

ワードプレスでファビコンを設定する方法

ワードプレスであれば簡単にファビコンを設定できます。

ファビコンを設定する機能に関してはどのようなテーマを使用していても標準で備わっているはずです。

管理画面左側のメニューから、「外観」の「カスタマイズ」をクリックします。

管理画面左側のメニュー

カスタマイズ画面に切り替わり、左側にカスタマイズメニューが表示されます。

カスタマイズ画面

サイト基本情報をクリックしてください。次のような画面に変わります。

サイト基本情報

サイト基本情報設定では、「ロゴ」と「サイトアイコン」が登録できます。ファビコンは下の「サイトアイコン」に登録します。ロゴの方はサイトタイトルという意味合いに近く、ヘッダーやフッターなどテーマによって指定された場所に表示されます。

「サイトアイコンを選択」をクリックするとメディアライブラリが開きます。アップロードしてあるものから選択するか新規アップロードします。

サイトアイコンを選択

なおファビコンに登録する画像の推奨サイズは512px×512pxの正方形とされています。

大きいサイズの場合はトリミングが必要

推奨サイズを上回る画像を選択した場合、切り抜きを行い画像の一部のみをファビコンとして設定します。

切り抜き

切り抜きが完了すると「サイト基本情報」にタブでの見え方がイメージとして表示されます。

ボタンを押せば変更や削除が可能です。

タブでの見え方

最後に「公開」ボタンを押して保存します。

公開

以上でファビコンが設定できました。ワードプレスにログインした状態でもタブにはファビコンが表示されるようになります。

タブにはファビコンが表示される

ファビコンを設定する時の注意点

ファビコンの設定にきまりはなく自由ですが、設定する場合はいくつか注意した方が良い点があるのでご紹介します。

画像サイズに注意する

当然ながらファビコンは小さく表示されることがほとんどです。

細かなデザインをほどこしても実際にタブで表示したときにはつぶれてしまう可能性があります。

また、ワードプレスでは512px×512pxが推奨サイズですので、上回るサイズで作ってしまうと設定するときに切り抜くことになってしまうので注意して下さい。

設定しないとデフォルトのファビコンが自動で表示される

ワードプレスでは、ファビコンの設定が行われていない場合、ブラウザ独自のファビコンではなく自動的にワードプレスのロゴがファビコンとして表示されます。

ワードプレスファビコン

特にこだわらないからそのままで構わないという方もいると思いますが、ワードプレスで作成したサイトであることが一目でわかってしまうということはセキュリティ上よくありません。

ワードプレスは狙われやすいから注意が必要

ワードプレスは世界的に有名で多くのシェアを獲得している反面、内部構造がオープンなため脆弱性が見つかりやすくハッキング対象として狙われやすくなっています。

例えばデフォルトのログインページはURLの末尾に「wp-admin」をつけるだけでアクセスできてしまうというのは広く浸透してしまっています。

アクセスできてしまえば総当たりにユーザー名やパスワードを入力してログインされる恐れがあるということです。

何でもいいからファビコンを設定しておけというのは極端ですが、フリー素材のアイコンなども簡単に手に入れることができますし、ワードプレスでファビコンを設定するのも説明した通り非常に簡単です。

ファビコンを変えたからといってセキュリティ対策にどれほど効果があるかは不明ですし、それ以外でもワードプレスかどうか調べることは可能ですが、少しの手間でリスクを多少でも軽減できるのであればやっておいて損はないかと思います。

まとめ

以上がワードプレスでファビコンを設定する方法です。

WEBサイトにとって必要不可欠なものではありませんが、こういったディティールが意外と見ている側が抱くイメージを左右すると思います。

せっかく自身で作るサイトですので細部までこだわりを持ってファビコンを設定してみてはいかがでしょうか。

広告
広告

関連する記事

サムネイル

WPでカスタム投稿に対してカスタムフィールドを設置する【プラ……

2024年12月06日
WPのカスタム投稿の編集画面にプラグインを使わずにカスタムフィールドを設置する方法について学んだので備忘録として残しておきます。 カスタムフィールドとは? Wo […]
サムネイル

WPのカテゴリー内の項目(ターム)の表示順を変更【プラグイン……

2024年12月03日
WordPressにおいてカテゴリーの項目(ターム)を一覧表示させたときの表示順をプラグインを使わずに変更する方法を学んだので備忘録として残しておきます。 ター […]
サムネイル

WPのカスタム投稿一覧表への列(カラム)の追加と並び替え【プ……

2024年12月03日
最終更新日:2024年12月05日
WPのカスタム投稿タイプを作ってサイトを構築していく中で、管理画面上での一覧ページに任意の列(カラム)を追加したり、表示順を並び替える方法を学んだので備忘録とし […]
サムネイル

WPのカスタム投稿タイプでカテゴリーやタグを設定できるように……

2024年12月03日
WordPressのカスタムタクソノミーを使ってカスタム投稿タイプにカテゴリーを設定する方法について学んだので備忘録としてまとめます。 カスタムタクソノミーとは […]
サムネイル

WPでカスタム投稿タイプを追加してページを分類する方法

2024年12月03日
WordPressのカスタム投稿機能を使ってぺージを分類する方法について学んだので備忘録としてまとめます。 カスタム投稿タイプとは? WordPressでは、標 […]
サムネイル

WPで下書きページを第三者と共有できるプラグイン【Publi……

2024年11月07日
WordPressにおける下書き状態のページは非ログイン状態では閲覧することができないので、新規追加予定ページをクライアントにチェックしてもらう時の良い方法を探 […]
サムネイル

WordPressの予約語とは?【カスタム投稿タイプ・カスタ……

2024年11月07日
WordPressのカスタム投稿タイプやカスタムタクソノミーを扱うにあたり、予約語について学んだので備忘録としてまとめます。 予約語とは? WordPressで […]