無料神テーマ「Cocoon」でのカスタマイズ
目次(クリックでジャンプ)
場所取りすぎ問題
デスクトップとモバイルの表示を分けるのが面倒でサイドバーを使っていません。
(非公開の)別のサイトではさらにトップページにカテゴリーリストを表示しているのだが…
リストが縦にズラッと表示されるのが邪魔なので、横に並べたい。
カスタマイズ内容
カテゴリーはリスト(li)として表示されているので、リスト全体をflexとwrapにすれば良いです。
デベロッパーツールでポイントすると「.widget_categories ul」となっているのでCSSで以下のように記述
.widget_categories ul{display:flex;flex-wrap:wrap;}
こうなる↓
背景色をつけたりパディングやマージンをつけたりしたかったが、とりあえずこれで満足
作者様に感謝
このような素晴らしいテーマを無料で公開してくれている作者の「わいひら」様を尊敬・感謝ですね。