ファビコンの設定 【Cocoon】

ファビコンの設定ブログ

とうとう重い腰を上げて、ブログの見た目を整え始めることにしました。

調べれば色々なやり方やアドバイスがあり、でも、情報が多すぎて処理しきれない・・・。日本語なのに、日本語を読んでる気がしない(汗)

自分で一からシンプルなウェブサイトを作ったりしていた時代もあったので、最低限の知識はあるかなあと思っていたのですが、中々どうして・・・。結構前の知識だし、ワードプレスに至ってはさっぱり???状態。

だんな様もWord Pressでブログ兼ホームページを運営していて、それも私が作ったんですが、その時はウェブビルダーと言うソフトウェアを使用しました。

が、使い勝手が悪く、色々不具合があり、でも直す気にもなれず・・・ワードプレスもよくわからないし・・・という悪循環だったので、そのまま放置。

この機会にこちらの個人のブログで色々勉強し、だんな様の方も手を加えていければ、と言う予定です。

スポンサーリンク

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

まず、超お手軽なところから。

インターネットブラウザの上の方に出てくる、小さなアイコン。ファビコンと言います。

ファビコンをアルファベットにすると「favicon」。favorite icon(お気に入りアイコン)の略で、「ブックマークアイコン」や「ウェブサイトアイコン」とも呼ばれています。

小さいしどうって言うこともない感じがするけれど、やっぱり独自性のあるアイコンになっていると差別化が図れるし、目にも止まりやすいですよね。

だって、ブラウザのタブやブックマーク項目の先頭、デスクトップ上に置くショートカットアイコンや、スマホのブックマークとしても使われているんです。

小さいくせに活躍度の高いアイコン、簡単に自分オリジナルなものに変更できるのでやらない手はありませんよね。

ファビコンを作る

画像編集・加工ツールなどを使って、自由にアイコンを作ります。

ポイント
  • サイズ:512x512px
  • 画像のタイプ:Png

私は透過させましたが、背景色を付けている方の方が多いかな?まあ、その辺は好みの問題だと思うので、素敵なのを作ってください!

設置の方法

アイコンが出来たら、いよいよ設置します。

「外観」→「カスタマイズ」→「サイト基本情報」設定項目へ行きます。

「サイトアイコン」の画像を変更(①)をし、「公開」ボタン(②)を押す。

そうすると無事にブラウザのタグのファビコンが変わります!これだけ!

まとめ

Cocoonのテーマではこの変更はすごく簡単にできます。アイコン自体も色々なサイズを用意する必要がありません。

Cocoonの作成者、わいひらさんのブログのリンクは下記になります。

たったこれだけでも、ブログに個性が出て、愛着がわいてくるから不思議ですね。

これから少しずつ自分だけの色を足していけたらと思っています!

ブログ
スポンサーリンク
Aquaをフォローする
七彩のおと
タイトルとURLをコピーしました