ブログ・HPのアイコンを設定する方法［AFFINGER6］

自分のブログ・HPの「アイコン設定」は終わったでしょうか？

これから本気で副業をしようと、コツコツブログを育てていくのであればアイコンも設定していきます。自分のブログにたいしての愛着がかわります。

PCブラウザで（googleなどで）検索した時、上部にタグがでます。上部タグのアイコンが「ファビコン」。またスマホで（お気に入りなどで）URLを保存した時にでるスマホアイコンが「アップルタッチアイコン」と言います。

いや〜知りませんでした。

アナログデザイナーの私は、仕事でweb会社さんに普通に言われた時は完全に頭フリーズしました。

「ファビコンはどうしますか？」（web会社さん）

「ファビコンって何だ？」ファミコンと名前が似てる！！（自分の脳内の声）

そしてしばし、脳内フリーズ・・・。

そんなこんなで仕事ではアワアワしましたが、実はwebサイトは通常、ファビコンは3種類の大きさ、アップルタッチアイコンは1種類の大きさを用意しないといけないらしいです。

そんな頭がフリーズした自分ですが、コツコツやっている自分のブログ（ワードプレステーマはAFFINGER6）ではすでに「ファビコン」「アップルタッチアイコン」は設定済み。（名前は知りませんでした。）

AFFINGER6であれば、それこそアイコンの名前を知らなくても、1ヶ所アイコンの設定をすれば「ファビコン」「アップルタッチアイコン」すべて反映されます。

今回の記事は、AFFINGER6のアイコン（「ファビコン」「アップルタッチアイコン」）設定の仕方を記事にしました。簡単です♪

アイコン（ファビコン・アップタッチアイコン）の設定方法

AFFINGER6でサイトロゴを設定するのはメチャクチャ簡単です。

アイコンの名前なんて知らなくても、1箇所設定すればAFFINGER6がファビコン・アップタッチアイコンも設定してくれます。

step
1カスタマイズをクリック

ワードプレスメニューの「外観」＞「カスタマイズ」をクリック。

カスタマイズメニューの「サイト基本情報」をクリック。

step
2アイコンにしたい画像をアップロードして公開

サイト基本情報ページのサイトアイコン項目「サイトアイコンを設定」をクリックして、アイコンにしたい画像を選択する。

（※512×512px以上の画像を選択します。真四角の中に収まるように編集しておけば上手くいきます。）

サイトアイコン画像をアップロードできたら、「公開」ボタンをクリック。

arrow_downward

これで完成です。AFFINGER6で設定すると簡単ですので、是非設定してみてください。

まとめ

今回、ご紹介した「ブログ・HPのアイコンを設定する方法［AFFINGER6］」の記事内容のおさらい

関連記事