WordPressのサイトにファビコンを設定する方法〔Favicon〕

*Photoshopでファビコン画像を作る方法はこちら

これ、めっちゃ簡単ですぐ終わる。

流れ

  1. ファビコンの画像をアップロード
  2. ”header.php”に一行書き加える

ファビコンの画像をアップロード

まずは用意した画像をアップロードするけど、どこの階層いれても特に問題ない。だけど僕の場合、一番上の階層にいれてる。このほうがテーマ変えたりしたときも問題ないし、リンクするときも単純でわかりやすいかなと。うん、これがおすすめ。

Screen Shot 2016-08-18 at 10.39.46 PM

”header.php”に一行書き加える。

そして、テーマのフォルダのなかにある”header.php”の”</head>”の上に、この一行を書き加える。コピペしてください。

Screen Shot 2016-08-18 at 10.39.00 PM

<link rel=”shortcut icon” href=”http://サイトのドメイン/ファイル名”>

僕のサイトの場合こんな感じ↓

<link rel=”shortcut icon” href=”http://kotohari.com/favicon.ico”>

画像のアップロード先によってhref=の後ろが変わってくるから、どの階層にファビコン画像があるのかよーく確認してください。僕と同じ階層にアップロードしている場合は上のやつと同じでおk。

そしたらheader.phpを保存!ChromeとかFirefoxとかファビコンが表示されるブラウザで確認してみるー。

Screen Shot 2016-08-18 at 7.45.01 PM

表示されない場合は、hrefの値とかもっかい確認してください。

以上、めっちゃ短かくて簡単やけど、Wordpressのサイトにファビコンを設定する方法でしたー。

*それとー、Photoshopでファビコン画像を作る方法はこちらでーす。

WordPressのサイトにファビコンを設定する方法〔Favicon〕」への1件のフィードバック

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です