AFFINGER 副業ブログ関連

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

ブログのアイコンを設定する方法

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

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

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

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

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

「ファビコンはどうしますか?」(web会社さん)

「ファビコンって何だ?」ファミコンと名前が似てる!!(自分の脳内の声)

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

 

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

 

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

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

 

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

 

この記事で解決できる悩み

  • HP・ブログのアイコンを設定[AFFINGER6]

 

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

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

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

 

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

ブログアイコンの設定方法-02

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

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

 

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

ブログアイコンの設定方法-03

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

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

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

arrow_downward

ブログアイコンの設定方法-04

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

 

 

まとめ

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

記事のまとめ

  • 自分のブログ・HPにアイコン設定をするとさらに愛着がでる
  • ファビコン・アップタッチアイコンも、AFFINGER6であれば1回の設定でOK
関連記事
お問い合わせフォームはブログに必要?
お問合せフォームはブログに必要?[Googleアドセンス承認をもらうためには必要です!]

続きを見る

googleアドセンスに承認を貰えるコツ
グーグルアドセンスの承認をもらうコツ

続きを見る

アフィンガーを使った感想
「アフィンガー6はできることがおおい?」3年間使った感想のまとめ[特典付き]

続きを見る

-AFFINGER, 副業ブログ関連