AFFINGER5ブログに【ファビコン】を設定して目立たせてみた

AFFINGER5ブログに「ファビコン」を設定する方法の紹介です。

また、ファビコンと併せて、ヘッダーとフッターに「アイコンロゴ」を表示させる方法も紹介していきます。

こんな人のお役に立てる記事です。

小豆

ブログを開いた時にタブに表示される画像って、どう設定するの？
自分のAFFINGER5ブログでも、オリジナルのロゴを表示したい。

AFFINGER5ブログにファビコンを設定【やっぱり目立つ】

まずは、デフォルトの状態の確認から。

特になんの設定もしない場合、AFFINGER5ではファビコンにWordPressロゴが表示されます。

小豆

うーん。
なんだかありきたりでイマイチだなぁ。

ファビコンをキャラクター画像に変更してみました。

うん、いい感じですね。

これならたくさんのタブが開かれている時でも、自分のブログを目立たせることができます。

ちなみに、ファビコン画像はお気に入り登録された際にも表示されます。

たくさんのブックマーク内でも、オリジナルファビコンが設定されているWEBサイトはやっぱり目立ちますね。

AFFINGER5でファビコンを設定する手順

AFFINGER5ならファビコンの設定がめちゃくちゃ簡単。

手順は3ステップ、あっという間に終わります。

step
1AFFINGER5サイト基本情報を開く

WordPressメニュー　→　外観　→　カスタマイズ　→　サイト基本情報

step
2ファビコン用画像をアップロード

サイトアイコンを選択をクリック

無駄な余白などがある場合は、枠を調整後に画像切り抜きを選択

調整の必要がない場合は、切り抜かないを選択します。

step
3設定を公開する

画像のアップロードが終了し、プレビューが表示されたら公開をクリック

大福

以上でファビコンの設定は終わり。
早速自分のブログを開いて確認してみよう。

ブログにオリジナルのアイコンロゴを設定する方法

続いて紹介するのは、ブログにオリジナルのアイコンロゴを設定する方法です。

アイコンロゴを設定すると、ヘッダーやフッターのブログタイトル前にロゴが表示されるようになります。

step
1AFFINGER5ロゴ画像設定を開く

WordPressメニュー　→　外観　→　カスタマイズ　→　ロゴ画像

step
2アイコンロゴ用画像をアップロード

アイコンロゴ画像　→　画像を選択

step
3設定を公開する

画像追加後は、公開をクリック

ヘッダー、フッターそれぞれのブログタイトル前にアイコンロゴが設定されました。

おすすめの画像入手先を紹介

「ファビコン」や「アイコンロゴ」に使用する画像は、できれば自分で作成したオリジナル画像がおすすめです。

大福

それは確かにそうかもしれないけど・・。
絵心が全くない自分には無理。

こんな場合は、以下のWEBサイトの利用がおすすめです。

flaticon【無料】

選びきれないほど多くの画像が満載です。

flaticonに移動する

イラストAC【無料】

キャラクター画像が豊富なイラスト専用の無料画像ダウンロードサイトです。

イラストACに移動する

ココナラ【有料】

料金は発生しますが、自分好みのオリジナル画像を作成してもらう事ができます。

ブログ用画像はもちろん、SNS等でもオリジナルのアイコンを使用したい人におすすめです。

ココナラに移動する

まとめ：ファビコン画像で信頼アップ

ファビコン画像の設定は、「絶対にしなければいけない」というものではありません。

ただし、「ブログを訪れた人の信頼」を少しでも上げたいならファビコンの利用は効果的だと僕は思います。

というのも、大手サイトを見れば一目瞭然ですよね。

大手サイトには、必ずと言っていいほどオリジナルアイコンが設定されています。

これだけでなんだか安心感を感じませんか？（僕だけだったらごめんなさい）

絶対にそうなる！とは言い切れませんが、やらないよりやった方が良いのは確かな気がします。

AFFINGER利用者向けオリジナル特典の販売

＼ AFFINGER6にも対応済み ／

AFFINGERをすでに利用しているユーザー向けの「カスタマイズ＆役立つテクニック」集です。

目的に合わせて、以下の2つを用意しました。

特典詳細ページへ移動する