この度、ブログの大規模リニューアルを行いました。
前回の2020年11月から約1年7ヶ月ぶりですが、今回の変更点としては次の通りです。
- テーマカラー
- ファビコンとブログタイトルのロゴ
- カテゴリー名とタグ名
- アイキャッチ画像（現在進行中）
テーマカラー
テーマカラーはこれまでより濃くはっきりとした色合いのネイビーにしました。
このネイビーとアクセントカラーの淡色（#fcf0d9）は、配色サイト「SchemeColor.com」で公開されているものから引用しています。
これに合わせてベースカラーも変更し、以前よりさらにグレーの色味が加わった感じとなっています。次に示す配色サイトのページを参考に決めました。
「SchemeColor.com」>>「Catch The Breeze Color Scheme」
リンク先の配色パターンのうち、左端の1色を使ってベースカラーの濃淡を決めていきました。
参考までにテキストカラーも載せていますが、アクセシビリティの観点から色を少し濃くした以外は変えていません。
ファビコンとブログタイトルのロゴ
テーマカラーを変更したので、その色に合わせるようにしました。
ファビコンはアルファベットのWと読めそうなものを選び、ロゴはテーマカラーと背景色の2色使いにしています。
カテゴリー名とタグ名
カテゴリー名
1個の記事に1個のカテゴリーをつけるというルールに変え、カテゴリーを整理したかったのです。
これまでは12個のカテゴリーに記事を分けていたのですが、最近の投稿で出てこないカテゴリー名だったり、そもそもカテゴリーとして分類するまでもないものがあり、ごちゃごちゃとしていました。
そのうえ、カテゴリーは色分けして表示させているのですが、カラフルになっていたのもあり色味をある程度抑えたいというのもあったのです。今回のリニューアルのきっかけといっていいでしょう。
12個あったカテゴリーを、次の5個に減らしました。
内容としては次の通りにしています。
- 「日々の話」：ちょっとした日記
- 「関心ごと」：興味関心を持っている分野の記事
- 「音楽」：お気に入りのミュージシャンについての記事
- 「オリジナル曲」：普段公開しているマイベス楽曲の記事
- 「発掘」：ステッカー発掘についての記事
カテゴリーの配色は何度か指定し直したのですが、次に示す配色サイトのページを参考に決めました。
「SchemeColor.com」>>「Baby Shower Theme Color Scheme」
ブルーやグリーン系が中心の配色ですが、個人的にはとても好きな色味です。
タグ名
これまでカテゴリー名だったものをタグ名として再利用したものもあれば、新たに追加したものもあります。
WordPressにはカテゴリーからタグに変換するツールがあり、それを使って「電話番号」「食事」「ギター」をタグとして再利用。
「スマホアプリ」「パソコンソフト」は今回のリニューアルで新規追加しました。
アイキャッチ画像
画像加工ツールの「Canva」で作ったものや自分で撮った写真、フリー素材の写真を使っていたのですが、カテゴリーラベルと色合いを揃えたくなりました。
そういうことで、これまで投稿した約120件の記事のすべてでアイキャッチ画像を変えていきます。最新の投稿から遡っていきまして、現時点で全記事の1割に新タイプのアイキャッチ画像への差し替えが済みました。ちなみにこの記事で使っているアイキャッチ画像が新タイプのものです。
終わりに
これからはアイキャッチ画像の差し替えに重きを置くことになり、それの完了を持って今回の第2次ブログリニューアルは完了になります。
Canvaで新タイプのアイキャッチ画像を作っているのですが、パソコンのブラウザとスマホアプリで同じアカウントでログインすると、自分の作品が同期されます。
できるところはスマホでも作業を行って、全記事のアイキャッチ画像の差し替えを早く完了させます。
