STINGER5でiPhoe用アイコンを設定

【WordPress】
作業メモ。これまでのテーマを「STINGER5」に変更したら、iPhoeのホーム画面用ブックマークアイコン（ショートカット？）がSTINGER5に変更されちゃった件を直す作業。

今までのテーマは、ファビコンを決めるとそれがiPhoneのホーム画面用ブックマークアイコンに転用される仕様だったのに、STINGER5にしたらファビコンを設定してもアイコンはSTINGER5にされちゃうことがわかった。

これ、これ。これはいかん。

というわけで、iPhoe用アイコンを設定する。STINGER5は、「header.php」にてホーム用アイコンを設定しいてるので、テーマエディターでその箇所を直す。

該当箇所は、ここ。
　

<link rel="apple-touch-icon-precomposed" href="<?php echo get_template_directory_uri(); ?>/images/apple-touch-icon-precomposed.png" />

　
直す方法は、いくつかある。

まず、該当するディレクトリ内のファイルを同じファイル名で別の画像に変える方法。「apple-touch-icon-precomposed.png」っていう同一ファイル名で違う画像にするってこと。

ディレクトリは、ここ。
　

"<?php echo get_template_directory_uri(); ?>/images/apple-touch-icon-precomposed.png"

　
ちなみに前半の「get_template_directory_uri()」のくだりは、WordPressのインストールしてある場所。ちなみに別の画像に変えて、ここの画像ファイル名を変更してもよし。そして、画像の入れ替えは、該当のディレクトリにFTP等を使ってアップロードする。んー、これは面倒だね。却下。

その他の方法は、メディアにアイコン用画像をアップして、その画像のURLをダイレクトに貼る方法。コードは、以下の通り。これを前述のコードと入れ替える。こっちのほうが楽。
　

<link rel="apple-touch-icon-precomposed" href="メディアにアップロードしたアイコンのURL" />

　
先のコードをコメントアウトして、こっちのコードをその下に挿入してもよし。

はい、直りました。ちなみに、これでAndroidにも反映されます。

画像の大きさは、正方形でPNGであればいいみたいです。よくサイズを指定しているブログがあるけど、今回は512×512ピクセルで反映されました。

以上、作業メモでした。