どうも記事内の見出しとサイドバー内の見出しで、地色の領域の広さが気になったので調整。主に上下のpaddingを小さく、またサイドバーは地色を濃くして文字を白抜きにした。
「追加CSS」に下記を追加。
/*記事見出し*/
.entry-content h2
{
padding:8px 8px 8px 8px;
}
/*サイドバータイトル*/
.sidebar h3
{
background-color:#ffaa00;
color:#ffffff;
padding:0px 8px 0px 8px;
}
●サイドバーは下記のように変更
![](https://takeyou.jp/wordpress/wp-content/uploads/2020/09/カスタマイズ-【WordPress】Cocoonでの表示を整える-001-takeyou-1024x600.png)
↓
![](https://takeyou.jp/wordpress/wp-content/uploads/2020/09/カスタマイズ-【WordPress】Cocoonでの表示を整える-001-takeyou-3-1024x600.png)
●記事内見出しは下記のように変更
![](https://takeyou.jp/wordpress/wp-content/uploads/2020/09/カスタマイズ-【WordPress】Cocoonでの表示を整える-001-takeyou-2-1-1024x648.png)
↓
![](https://takeyou.jp/wordpress/wp-content/uploads/2020/09/カスタマイズ-【WordPress】Cocoonでの表示を整える-001-takeyou-4-1024x601.png)
ちょっとだけスッキリした感じになったかもしれない。CSSでのカスタマイズの経験はあるんだけど、かなりブランクがあって、今のところおっかなびっくり。
今日参考にしたサイトはここ。
![](https://takeyou.jp/wordpress/wp-content/uploads/cocoon-resources/blog-card-cache/7b3ee7dad770264d3d5062c923e106b6.jpg)
【Cocoon】サイドバーの見出しをカスタマイズする方法いろいろ
今回は、Cocoonのサイドバーの見出しをカスタマイズする方法をお届けします。Cocoonのサイドバーは、初期設定ではとてもシンプルなデザインになっています。この見出しの色やデザインを、自分好みにするカスタマイズです。どのカスタマイズもコピ