サイトの「整理整頓」をしました
このサイトは自分の学習を詰め込む場所としております。
記事が増えるのは嬉しいことですが、そのままだとどこに何があるか分かりにくくなってしまいます。
そこで今回は、Cocoon（WordPress）を使ってサイトの使い勝手と見た目を改善した記録を残します。
カテゴリー分けで「何についての記事か」を明確に
これまではすべての記事が「未分類」になっていましたが、以下のカテゴリーを作成して紐付けを行いました。
- Python学習： 文法やコードの記録
- WordPress・Cocoon設定： サイトのカスタマイズ記録
カテゴリー設定のコツ：
WordPressの「投稿一覧」から**「クイック編集」**を使うと、画面を移動せずにサクサクとカテゴリーを変更できるので、一気に整理が進みました。
アイキャッチ画像の「ダブり」を解消してスッキリ！
Cocoonを使っていると、記事の冒頭に設定した「アイキャッチ画像」が自動で表示されます。
しかし、本文の1枚目にも同じ画像を使っていると、画像が2枚並んでしまい、少ししつこい印象になっていました。
これを解消するために、以下の設定を行いました。
- Cocoon設定 ＞ 画像 ＞ アイキャッチの表示 を開く
- 「本文表示設定」のチェックを外す
これで、記事の一覧画面では画像が表示されつつ、記事の中では本文の画像だけが表示されるようになり、一気におしゃれでプロっぽい見た目になりました！
まとめ：器を整えると、書くのがもっと楽しくなる
今回は、サイトの「構造」と「見た目」のカスタマイズについて学びました。
- カテゴリー分けで記事の居場所を作る
- アイキャッチの重複を避けて、読みやすさを優先する
エンジニアのSandboxサイトとして、中身（技術）はもちろんですが、こうして「読みやすさ」を追求していく過程も楽しみながら発信していきたいと思います。
コメント