こんにちは。
OLのmisato(@kamiya_xxx_chi)です。
今日は在宅勤務だったので思い切って昼休みにブログのホームをイメチェンしました!!!
今までは新着記事が順番に並んでいただけのホームだったので過去記事を探す時に
読みずらいブログになっていましたが、
ジャンルごとに探せるように変更しました☆彡
![筆者](https://misato.apples.jp/wp-content/uploads/2022/04/S__45555719-150x150.jpg)
筆者
ちなみにコードはこんな感じ!!
![](https://misato.apples.jp/wp-content/uploads/2022/11/コード.png)
たったの4行で見やすいサイト型トップページが完成しました!!!
筆者が参考にしたサイトは下記です。
![](https://misato.apples.jp/wp-content/uploads/cocoon-resources/blog-card-cache/74f598a5595099f4e8dd2ed53149e290.png)
【Cocoon】コピペで簡単にできる!サイト型トップページの作り方
無料テーマ「Cocoon」を使っていてこのようなお悩みありませんか? 過去の記事が埋もれてしまう カテゴリーごとに表示されていないので見にくい できる限り初期投資を抑えたい 実はこんなお悩み「サイト型トップページ」にすることで簡単に解決でき
こちらの↑キラさんの記事を参考にアレンジして作成しました。
キラさんは動画でもサイト型トップページの作り方を解説しているので
気になる方は一度見てみてください!!!
ちなみに余談ですが最近、Cocoonは見出しの背景色に
グラデーションカラーが使用できるようになりましたね♪
早速、筆者はトップページの見出しに使用しました!!!
これからも皆さんが見やすくてオシャレなブログを作成していく予定ですので
楽しみにしていてください!!!
それでは。
![PVアクセスランキング にほんブログ村](https://blogparts.blogmura.com/parts_image/user/pv11120677.gif)
![にほんブログ村 ライフスタイルブログへ](https://b.blogmura.com/lifestyle/88_31.gif)
![にほんブログ村 ライフスタイルブログ シンプルライフへ](https://b.blogmura.com/lifestyle/simplelife/88_31.gif)
![にほんブログ村 ライフスタイルブログ 小さな暮らしへ](https://b.blogmura.com/lifestyle/tinylife/88_31.gif)
![にほんブログ村 ライフスタイルブログ 身の丈暮らしへ](https://b.blogmura.com/lifestyle/minotakelife/88_31.gif)
*応援ポチ、していただけたら嬉しいです!