favicon画像を設定して、サイトを差別化させる方法。

favicon画像

 

皆さん、自分のサイトにアイコン設定ってしてますか?

この小さいアイコンがあれば、他のサイトと差別化ができるんです。

あと見栄えが良いってところ(・∀・)

 

【用意する物】

・favicon用の画像

・Favicon Rotatorのプラグイン

 

この2つを使って画像を設定していきます。

ファビコン設定前後

 

1.OS/ブラウザの表示

 

faviconのサイズは基本px表示で、フォーマットは.icoになります。

 

【例】

16×16<1Eタブ>

24×24<1E 9.ピン留め機能>

32×32<Chrome.Firefox.Safari>

48×48<windows>

64×64<高解像度windows>

 

2.favicon画像を簡単に作れるサイト

 

こちらのサイトで、favicon用に画像を加工してくれます。

参照→ファビコンfavicon.icoを作ろう!

 

【使い方】

①ファイル選択

②favicon.ico作成

③ダウンロード

これで加工は終わり♪

 

次は、Favicon Rotatorのプラグインをインストールしていきます。

 

3.画像をアップロード

 

【プラグインインストール】

・ダッシュボードからプラグイン→新規追加

・「Favicon Rotator」を検索

・インストールをクリックしたら有効化もクリック

Favicon Rotatorのプラグイン

 

続いてダッシュボードから外観→favicon→画像をアップロード順に進みます。

①Add Iconをクリック→②Save Changes(保存)をクリックすれば設定は終わりです。

Add Icon

 

まとめ

 

【無料でサイトが作れる人気のサイト2つ】

・WiXは設定が変えれない

・Jimdoは無料でも変えれた

 

これからブログを始めたいって人にはfaviconが設定できるJimdoがお勧めです。

他にも探せば無料ブログが書けるサイトはあるので、自分に合ったものを選んでみて下さい。

 

 

お疲れさまでした(^^)/”

 

スポンサーリンク

 

カテゴリー

この記事を書いた人:MIKINARI

イラストからWordPressまで興味があることを、ジャンル問わずに更新しています。

Pickup