WordPressでのウェブクリップアイコンの設置方法【備忘録】

ホームページ制作

ウェブクリップアイコンを設置しました。
このブログをスマホのホーム画面に設置してもらったり、PCのお気に入りに追加してもらった時に今まではキリンの絵が表示されていたのが、今後はワダマガ専用の画像が出るようになりました。
こんな感じです。
スマホスクショ

以下はそのやり方のメモです。

まずはアイコン用の画像を作りましょう。
僕はこのサイトを利用して作りました。

Attention Required! | Cloudflare

画像サイズはいろいろ規格があるけど144×144が良いみたいですね。
画像を作ったらpng形式で保存して、自分のブログのメディアにアップロードしておきます。

次にブログの管理画面を開いて「テーマの編集」「テーマヘッダー」を開きます。
header.phpのheadタグの直下にこちらのウェブクリップアイコンの設定方法の箇所を参考にコードを入力。

スマホサイト対策!ウェブクリップアイコンの設定を忘れずに

光沢アリを選びます。
hrefの続きに自分のブログにアップロードした画像のURLを入れ替えるだけなので簡単。

以上で作業は終了です。

ブログを始めてから今まで半年間、手間だと思ってやらんかったこともやってみると意外に簡単に終わるという教訓を得ました。
他のことも引き続きこの調子で頑張っていきたいですね。

これを機にワダマガを読んで下さっている皆さん、ぜひぜひお使いのスマホ・PCのホーム画面へショートカットを追加してくださいね!

おしまい!

2017/2/15追記

上記のこのリンク
スマホサイト対策!ウェブクリップアイコンの設定を忘れずに

の光沢アリ・ナシを選ぶ事ができるのですが、ナシを選んでしまうとアンドロイドに自前の画像が反映されなくなる気がします。よっぽどの事がなければ光沢アリの方を選んでおけば間違いなさそう。

2017/3/24追記

希望の画像をヘッダーに突っ込んだ後に、以前の画像が残っている場合は消す必要がある場合もありそうですね。

コメント

タイトルとURLをコピーしました