自サイト「りょうの部屋」にファビコンを設置!その作成と設置方法

n695_ipadnoaiconwomitumeruahirucyan_tp_v

ついに私のこのサイト「りょうの部屋」にファビコンを設置しました。ちなみにファビコンとはファミコンのことじゃありませんよ(笑)サイトのアイコンのことです。要するにサイトのシンボルですね。今回はその作成とそして設置方法を紹介します。

スポンサーリンク

favicon ccでファビコンを作成

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-21

http://www.favicon.cc/

無料で尚且つ使い方はとても簡単です。画面右のcolor pickerから色を決めて画面真ん中のマス目で作成します。使った色はLast used colorsに履歴として残ります。
プレビューも見れますし、出来上がったらダウンロードします。これでまずファビコンの作成は完了です。

ファビコンの設置方法

私はWordPressのsimplicityというテーマを使ってブログを書いています。なのでそのテーマでの設置方法になります。

まずWordPressの管理画面にログインします。そしてダッシュボード→外観→カスタマイズ→その他と進みます。
そうすると「ファビコン」を設置する所が出てきます。そこに先ほど作成したファビコンをアップロードするのです。

アップルタッチアイコンも設定

アップルタッチアイコンとはiphoneなどのホーム画面に表示されるアイコンのことです。これも設定は簡単です。ファビコンを設置する方法とやり方は同じです。忘れてはならないのが、アップルタッチアイコンを有効にチェックを入れなければならないことです。

設置されているか確認

~パソコン版~
%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-22

~iphone版~
securedownloadc

よし!ちゃんと見えてますね。我なりに気に入ってるアイコンです!

スポンサーリンク