WordPress 4.3のサイトアイコンはテーマを変えても設定が残る

WordPress 4.3でfaviconを設定するなら、テーマの画像フォルダーへ直接置く方法より、WordPress本体のSite Iconを使います。カスタマイザーから一度設定すれば、テーマを変えても同じサイトアイコンが残るからです。

サイトアイコンは、ブラウザーのタブ、ブックマーク、モバイル端末のホーム画面でサイトを識別するために使われます。横長の会社ロゴをそのまま縮小するのではなく、小さな正方形でも識別できる画像を別に用意します。

Site Iconはテーマの装飾ではなくサイトの設定として持つ

WordPress 4.3の公式発表は、Site Iconをカスタマイザーから追加でき、テーマを切り替えても設定が残ると案内しています。

テーマへfaviconを組み込む方法では、テーマを変えたときに画像や出力コードも変わる可能性があります。WordPress本体のSite Iconへ移せば、サイトを示す画像とテーマの見た目を別に管理できます。

ただし、テーマを変えても残るのはSite Iconの設定です。ヘッダーに置いた会社ロゴ、テーマ固有の背景、文字色まで引き継ぐ機能ではありません。サイトアイコンと、ページ内のロゴ表示を混同しないでください。

512px以上の正方形画像を用意する

WordPress 4.3のカスタマイザーは、正方形で幅と高さが512px以上の画像をSite Iconとして扱います。WordPress Coreの変更記録にも、この画面上の要件と縦横512pxの設定が残っています。

画像を選ぶときは、細かな文字を減らし、外周に余白を残します。ブラウザーのタブでは小さく表示されるため、会社名をすべて読ませる画像より、印や一文字を識別できる画像の方が役割に合います。

画像の権利と正本も決めます。制作担当者が画像を書き出しても、どの画像を会社の正式なSite Iconとするか、元データをどこへ保存するかはサイト運営側で管理します。テーマ変更のたびに別の画像を探す状態では、設定を本体へ移しても運用は安定しません。

カスタマイザーで選択と切り抜きを確認する

Site Iconは、カスタマイザーのサイト基本情報から設定します。画像を選び、必要な範囲を正方形へ切り抜き、プレビューを確認して保存します。

確認では、画像を登録できたことだけで終えません。

保存後にテーマを試験用の別テーマへ切り替え、Site Iconが残るかも確かめます。テーマ変更を本番で先に行う必要はありません。確認用の環境で、現在のテーマと別テーマを往復し、設定と表示を分けて見ます。

既存テーマのfavicon出力と重複していないか調べる

WordPress 4.3へ更新する前から、テーマやプラグインがfaviconを出力しているサイトがあります。その状態でSite Iconを追加すると、同じ役割の指定が複数残る可能性があります。

まず、テーマ設定とプラグイン設定にfaviconの項目があるか調べます。次に、公開ページのHTMLでrel="icon"を検索し、どの画像URLが出ているか確認します。複数ある場合は、WordPress本体のSite Iconを正本にするのか、既存機能を残すのかを決めます。

既存機能を止める作業は、画像を削除することと同じではありません。テーマの設定、プラグインの設定、theme fileへ直接書いたlink要素のどこから出力されているかを先に確認します。出力元を特定せずに画像fileだけを消すと、存在しないURLへの参照が残ります。

更新担当者と画像の正本を決めてから切り替える

Site Iconの設定を制作会社へ依頼しても、正式画像の承認と変更履歴はサイト運営側に残します。サイト名や会社の印を変えたとき、誰がSite Iconも更新するかを決めておけば、ページ内のロゴだけが変わる状態を防げます。

WordPress本体の機能へ移す目的は、設定画面を一つ増やすことではありません。テーマを変えてもサイトを示す画像を保ち、更新場所を一つに決めることです。既存のfaviconが問題なく表示されているなら、移行前後のHTMLと表示を比べてから切り替えます。

最初の一手は、現在の公開ページでrel="icon"の出力元を確認し、512px以上の正方形画像を一枚選ぶことです。その二つが決まってから、WordPress本体のSite Iconへ移します。