【wordpress】faviconの設定 覚書
プラグインの導入でも可能ですが
今回はheader.phpに挿入する方法。
---
まず画像の用意から。
faviconの形式(.ico)にすることが必要ですが
Photoshop単体ではico形式の画像が作れない。
知らんかった！
確かに保存の際に拡張子.icoは出てこなかったし
つけて保存しても反応せずでした。
様々なファビコンを一括生成。favicon generator
こちらに元画像をアップロードし
ぽんっとワンクリックで53個の画像が
一括生成されます。
非常に便利なサイトです。
今回はその中で３つの画像を使い設定しました。
- favicon.ico
- apple-touch-icon-180x180.png
- icon-192x192.png
これらをダッシュボード⇒メディアを使いアップロード。
urlをコピーし
header.phpの</head>の前に挿入。
<link rel="shortcut icon" href="favicon.icoのURL">
<link rel="apple-touch-icon" type="image/png" href="apple-touch-icon-180x180.pngのURL">
<link rel="icon" type="image/png" href="icon-192x192.pngのURL">