FC2ブログ

FaviconとApple-touch-icon設置 その1

コンニチハです
(東京から…)

ブログに
ファビコンと
アップルタッチアイコン
(FaviconとApple-touch-icon)
設置したい!
と思いつつ
そのままになっていました

ファビコンとは?
パソコンでのアイコンです

これ
20150426230106907.jpg

パソコンでサイト閲覧するとき
サイト名の前につくアイコンです
ファビコンと呼びます
kikiブログはFC2なので
赤い馬マークが付いてしまいます
写真の
左…赤い馬アイコン
右…kikiアイコン(ワンコ)

サイトのお気に入り登録
2015042623145897b.jpg

お気に入りにブックマークすると
サイト名の前にも
kikiアイコンが付きます

アップルタッチアイコンとは
(Apple-touch-icon)
スマホの画面にアプリ風に
ブログのショートカットがでます

これ
20150426230108249.jpg

画面上部にアイコンが2つあります
左…kikiアイコン
右…FC2そのままのアイコン
自分流に変えたほうが
分かりやすいし
かわいいです

ファビコンと
アップルタッチアイコンの設置方法
(知っている人はスルーしてね)

ざっくりいうと

1…アイコンにしたい画像を用意
  写真でも手作りでもOK
  
2…作成した画像を
  アイコン用拡張子に変換する

3…変換したアイコンをアップロードする

4…ブログのHTMLに追加書き込み

これで
ファビコンとアップルタッチアイコン
完成です

ネットで自分のブログを見ると
ちゃんとサイト名の前に
kikiアイコンが付いています

スマホの画面にも
kikiアイコン(ワンコ)が登場します

明日は設置手順を書きたいと思います
(懇切丁寧に書いてみる…)

興味あったら
見てください

明日に続く…


アニメねずみ
↓↓ポチッと応援してね。



コメント

Secret

メッセージ
プロフィール

kikilalacafe

管理人:kikilalacafe
身近に見たもの
食べたもの
感じたものを
気の向くままに…
iPhoneで撮影して
アップしています
やっと機種変して
iPhone Xs Max 使用しています。

ブロとも申請フォーム

この人とブロともになる

最新記事
カテゴリ
月別アーカイブ
リンク
最新コメント
検索フォーム
全記事表示リンク

全ての記事を表示する