サイトアイコンをリラックマにしてみた。
当サイトはリラックマをメインで取り扱うので、サイトアイコンもリラックマにしてみようじゃないか。と思いました。
と、いうことで今回は、
WordPressのブログのサイトアイコンを変える方法
というのを紹介しようと思いますー
といっても、そんなに難しいことではないんですが、時々忘れてしまうので備忘録も兼ねて、サイトで記事にするという感じで。
WordPressのサイトアイコンをリラックマにする
今回、ベーカリーテーマのリラックマキャラバンで撮ったリラックマの顔部分の画像をアイコンにしてみようと思います。
と、いうことで、画像を用意しました。この画像ですね～
- 画像をトリミング、そして解像度を変更する
そして、リラックマの顔部分をPhotoshopなどの画像編集ソフトでトリミングします。
ちなみに、サイトアイコンの画像の大きさは512×512が推奨のようです。トリミングをしてから解像度を変更。
フリー指定で512×512にしました。上の画像で512×512になります。意外にデカイんですが・・・。
- 画像を保存する
画像を保存するときは、拡張子を「.png」にします。jpgじゃなくてpngファイルですね～
個人的にもですが、ついうっかりjpgのままで保存して設定して、何も変化しないじゃないか(ﾟДﾟ)ｺﾞﾙｧ!!となってしまいます。WordPressの設定のほうもとくに注意書きが無いので、気づかずにやってしまうんですよね～
- WordPressのダッシュボードで編集
「外観」の「カスタマイズ」でサイトアイコンの設定が出来ます。
ここで編集した画像を設定します。
うまくいけば・・
サイトアイコンがリラックマになりました。
[s_ad]
まとめ
サイトアイコンを変更する場合
- 画像を用意する。
- トリミング、解像度の変更
- 保存は.pngファイル
- WordPressのダッシュボード、外観のカスタマイズで設定する。
当サイトは、WordPressのテンプレート、design-plusの「CORE」というテーマを使用しております。テンプレートによっては若干やり方が違うかもしれないのですが、画像の編集は一緒かと思われます。試してみてくださいね！
design-plus COREのテンプレートはこちら
