ブログ PR

【ブログ初心者失敗あり】JINでのファビコン(ロゴ)・ヘッター画像の作成と設定

記事内に商品プロモーションを含む場合があります

外に出る気にならなくて、でも時間は持て余していたのでブログをいい感じにするべく、やろうと思っていてできなかったファビコンとロゴを設定してみました!

ファビコンとは?

「突然のシャットダウンに焦るハリネズミ」
ちみみ
ちみみ
 ファビコンってなんでしょう? 

と思っていたのですが、これです!

ファビコンは、お気に入り(favorite)に登録したときに表示されるアイコン(icon)という意味で、favorite icon(フェイバリット・アイコン)が縮約して、favicon(ファビコン)と呼ぶようになったのが名前の由来とされています。

(引用:https://www.asobou.co.jp/blog/web/faviconより)

フェイバリットアイコンでファビコンは覚えやすいですね!

この部分に名前がついていることすら知りませんでしたが、このファビコンを変えた方が目印としてもよいし、かわいいものに変えたいと思いました。

デフォルトではJINのアイコンが入っています。

この部分を変更するために使ったのが、

になります!

 

★作成手順★
  1. 好きなアイコンを選んで、保存。
  2. Firealpacaで新規作成を選ぶ。サイズは512×512ピクセル。
  3. ①で保存したアイコンをFirealpacaでレイヤーとして使用。
  4. 好きな文字を入れる。
  5. PNGで保存。(透過にするのがおススメ)

作成したものを、[カスタマイズ]→[サイト基本設定]→[サイトアイコン]で画像設定すれば完成です!

意外と簡単なのでいくつか作って試せそうです♪

文字入れをするときにレイヤーをうまく使って、何パターンか試せるようにした方がスムーズになります。

 

ヘッター画像の作成と設定

「ちょこん。小さな手で立ち上がるハリネズミ」少しブログが殺風景かなと思ったので、ヘッター画像の作成と設定もしました。

本当は、ロゴ部分の設定がしたかったのですが、いまいちよくわからず…(^_^;)ひとまず今回はヘッター画像でブログを盛り上げてみることにしました。笑

ヘッター画像作成に利用したのがこちらです。

  • フリーペイントツール:Canva

会員登録が必要なため、まずは登録をします。

作成サイズは自由に変更できるので、横2400×縦800ピクセルに設定して作成しました。が、

↑普通にPCサイトに訪れたときの画面なのですが、

ちみみ
ちみみ
 記事のボックスが見えないくらい大きくなってしまいました(-_-;)

横はめいっぱい広げる場合には2400ピクセル以上が推奨だったため、たてのサイズを半分の400ピクセルにして作り直した方がよさそうです。

※ちなみにこのサイズでスマホ用に使用しても、大きすぎることはなくそのまま使用できました!ちゃんと記事アイコンも見えます!

おわりに

おしゃれブログの道のりはトライ&エラーの繰り返しが必要ですね。勉強しつつコツコツやっていきたいと思います!

ちみみ
ちみみ
頑張るぞー!