各アイコンの設定

前から気になっていたのが、
ブラウザなどでホームページをみると、小さく表示される、アイコン。

有名なサイトだと、下の様に当たり前に独自のアイコンが表示されています。

yaap.jpg


ここ、自分のブログサイトは、
maysa.jpg
こんな感じでFC2ブログのアイコン。

ここを独自のに変えたい!!!
って事で、調べると。
favicon
ファビコン
なる物があり、設定できそう!

ネットで調べると、
すぐに設定方法がみつかり、わかりやすく説明してくれているので、すぐに設定できました。

spaaar.jpg

ちょっとした事ですが、うれしいですね!!!!


これができたなら気になるのが・・・
iphoneなどで、好きなサイトをホーム画面に追加できる時のアイコンも同じにしたい!
ってこと。

faviconを変更すれば、ホーム画面のアイコンも変わると思っていましたが、甘かったです・・・

別で、
apple-touth-icon
を設定しないといけないみたいです。

まぁ、faviconの設定とほぼ同じなので簡単!!!

余裕と思ってやると・・・・
全然うまくいかない!!!!

なんで?
画像の種類や大きさ、ファイル名を変更しても同じ。
色々調べるけど、間違ってもなさそう・・・

色々調べていくと、、
メタタグ設定を有効しないといけないって事がわかり、
設定>環境設定>ブログの設定>メタタグの設定(OGP設定)>有効にする
にしたけど、無理・・・

半分諦めかけて、ダメもとで
コードを貼り付ける場所を、
headタグ内のどこでもいいらしいけど、
<head>の記載があるすぐ後にコードをうつしてみると、
上手く設定されました。

コード記述がダブっていると、最初の記述が優先されるみたいだけど、
コードがダブってないのは、確認済み。

なんかよくわからないけど、上手くいったからいいか!!!

なんかこんな感じで謎のまま上手くいく事があるよなw
そんな時は・・・・
上手くいったなら気にしないw


関連記事

0 Comments