WordPressにファビコンとスマホタッチアイコンを設定する方法

WordPressのVersion4.3以降、ファビコンとスマホタッチアイコンは、管理画面の「カスタマイズ」機能から設定できるようになりました。テーマ独自の設定機能やプラグインは不要です。

設定

詳細はfavicon の作成 | WordPress Codexで確認して下さい。

大きさは「512×512ピクセル以上の正方形」推奨となっていますが、ファビコンとスマホのタッチアイコンだけなら「192×192ピクセル以上の正方形」で十分な気もします。

ファイルは「jpeg」形式だと上手く読み込まれない端末があるので、「png」形式推奨です。

画像の準備ができたら、ダッシュボードの外観「カスタマイズ」をクリックします（ログインした状態で画面上のツールバー「カスタマイズ」をクリックでも可）。

カスタマイズをクリック

メニューから「サイト基本情報」をクリックします。

サイト基本情報をクリック

サイトアイコンの「画像を選択」をクリックします。

サイトアイコンの「画像を選択」をクリック

画像をアップロードして「選択」をクリックします。

画像をアップロードして「選択」をクリック

サンプルを確認して問題なければ「公開」をクリックして設定は完了です。

サンプルを確認して問題なければ「公開」をクリック

※タッチアイコンは透過部分が黒く表示されます。

最後に

プラグインを導入して設定するなら、今回紹介したWordPress標準機能をおすすめします。

但し、Internet Explorer10以前のブラウザは「png」形式のファイルを認識しません（「ico」形式のファイルを使わないとファビコンが表示されない）。

全てに対応させたい方は、テーマ備え付けの機能やプラグインを導入して下さい。