WordPressに Favicon(ファビコン)を設定する(プラグイン必要なし)
2014/10/04
WordPressに Favicon(ファビコン)を設定する
Favicon(ファビコン)とは?
Favicon(ファビコン)とは、ブラウザのサイトタイトルが出る場所の左側に表示されるサイトのアイコンのことです。
設定されていない場合は、ブラウザが指定した画像が表示されます。
設定しなくてもいいものではありますが、せっかくオリジナルのサイトを作るわけですから、ファビコンもオリジナルのものを設定しましょう。

ファビコンが設定されているかチェックする
ファビコンは、ヘッダーファイル(header.php)内に記述されていますので、「外観」-「テーマ編集」から「ヘッダー(header.php)」を開きます。
そこからブラウザの「検索(Ctrl+F)」を行います。検索するキーワードは「.ico」です。
これで何かしらヒットすれば、おそらくそこにファビコンに関する記述がされています。
そして、一番簡単な方法は、そこに記述されてあるファイルを自分が表示させたいファイルと差し替えることです。
それでなければ、これ以降に書かれている方法で記述を変更し、ファイルをアップロードしましょう。
また、同じく、ファビコンに関する記述がない場合も、これ以降の説明を参考にして設定を行いましょう。
プラグインを使わずWordPressにファビコンを設定する方法
ここでは、プラグインを使わずにファビコンを設定する方法を説明します。
プラグインを使わない理由は、少しでも表示スピードを速くするためです。(プラグインを使うと少しずつ表示スピードに影響が出てきますので、可能な限りプラグインを使わない方法をお勧めします。)
設定方法は、ファビコンの画像をアップロードする方法で 2種類あります。
1つは、ftpを使ってファイルをアップロードする方法、もう一つは、WordPressのメディア(画像アップローダー)を使ってファイルをアップロードする方法です。
個人的には、ftpでアップロードする方が好みですが、メディアを利用してアップロードする方が楽ですね。
また、この後編集を行うテーマのテンプレートファイルの編集方法に関しては「WordPressのテーマ管理方法とテーマのHTML編集のポイント解説」に記事を書いていますので、参考にしてください。
WordPressにファビコンを設定する方法(ftpを利用)
上記で説明した、「ヘッダー(header.php)」を開き、下記のソースコードを記述します。
すでにファビコンの記述がある場合は、その記述を差し替える形で編集すればいいですが、新たに追加する場合は、「</head>」タグのすぐ上あたりに編集すれば問題ないでしょう。
———————-
[php]
-
WordPressの基本設定
この記事が参考になったと思いましたらソーシャルメディアで共有していただけると嬉しいです!
関連記事
-
-
WordPress投稿にPHPを記述するショートコードの使い方add_shortcode
WordPressの投稿ページで PHPの処理を行うには add_shortcode関数を使ったショートコードという機能を利用します。
-
-
プラグインが原因で起動しないWordPressを復旧させる方法解説
プラグインが原因で WordPressが起動できなくなった、ログインできなくなった場合の対処方法の解説です。
-
-
WordPressのおすすめプラグイン記事のまとめ一覧
WordPressプラグインのまとめ。WordPressのプラグイン紹介記事も多くなってきたため紹介コメント付のプラグインまとめ記事を作成しました。
-
-
CSV Importerで WordPressにcsvを取込む
WordPressに csvファイルを取り込む CSV Importerの使い方の解説です。
-
-
WordPressの Link Managerでブックマーク(リンク)の管理を行う
ウィジェットのブックマーク(リンク)はプラグイン化された「Link Manager」を使って設定します。その使い方の解説です。
-
-
FC2からWordPressに引越でcanonicalとmeta refreshで転送設定
FC2からWordPressに引越する際の転送設定はcanonicalとmeta refreshの設定でユーザへもGoogle検索エンジンにも引越し情報を伝えられます。
-
-
WordPressの画像ファイルアップロード・メディアの使い方解説
画像ファイルをアップロードするメディアの使い方解説。アップロードしたファイルの管理や編集、ファイルのURL、アップロード先の解説。
-
-
XAMPP環境で WP-DBMANAGERでの復元でDBが壊れる
XAMPP環境で WordPressの WP-DBMANAGERを利用して DBの復元をしたら DBが壊れた。
-
-
BackWPupでバックアップ・リストア(復元)の具体的手順
BackWPupその9。バックアップファイルからのリストア(復元)の手順です。
-
-
BackWPupでWordPressのDBもファイルもバックアップ
BackWPupその1。BackWPupとWordPressのバックアップについての解説。