cocoonファビコン(サイトアイコン)設定方法*おすすめフリー画像サイトも

ワードプレス
スポンサーリンク
銀ペン
銀ペン

ファビコンってなんだ??

sabo
sabo

これのことだよ!

サイト名の横に出る画像を自分のサイト用に変えられるんだ!
サイトの顔にもなるこのアイコンは来てくれた人に覚えてもらえたりブックマークにこのアイコンが出たりするから、デフォルトのモノから独自のモノに変えておこう!

ここでは最初に設定しておきたい、ワードプレスのファビコン(サイトアイコン)の設定方法と画像編集ソフトを持っていなくてもキレイな画像を設定できる、おすすめのフリー画像サイトをご紹介します。

スポンサーリンク

cocoonでファビコン(サイトアイコン)を設定する

ダッシュボードに入ります。テーマ→カスタマイズを開きます。

サイト基本情報を開くとサイト情報を登録できます。
今回すべて埋めてしまいましょう。

・サイトタイトル
サイトタイトルはあなたのブログ(サイト)の名前
・キャッチフレーズ
キャッチフレーズはサイトの特徴を表す言葉
・サイトアイコン
サイトアイコンは512×512px以上の画像を入れましょう。

画像の変更は画像を変更をクリックするとワードプレスのメディアライブラリが開くのでそこでアップロードもしくは、選択します。

画像が長方形だと歪んで登録されるので、正方形の画像にしましょう。

cocoonのファビコン(サイトアイコン)におすすめのフリーサイト

ちなみに私はsaboputの頭文字の「s」を自分で画像作成して設定しています。
(illustratorでベクターで作っています。※ベクター画像とはざっくり言うと拡大しても縮小してもぼやけたりしない画像です。)

銀ペン
銀ペン

え~!そんなソフト持ってないよぉ~

sabo
sabo

大丈夫!フリー画像サイトがあるよ!

画像作成ソフトが無い方はフリーサイトから好みのものを見つけて設定するのがおすすめです。

私が断然おすすめなのは「flat icon design」というサイトで、商用利用もフリーなうえにクオリティーが高すぎてほんとにコレフリーで使っていいの?というレベルのベクター画像がそろってます。

設定が終わったら自分のサイトを更新(F5)してみましょう。
サイトのタブの部分がcocoonのデフォルトのものから変わっていたら成功です。

銀ペン
銀ペン

やった~!銀ペンはペンギンのベクター画像にしたぞ♪

sabo
sabo

うんうんかわいいね!^^

コメント

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