ブログノウハウ

【cocoon】サムライブルーのサイドバー見出しのデフォルト化

\ Follow me /

こんにちは、まつぼっくりです。

唐突ですが、私のWordPressのテーマはcocoonを使用しています。

更にスキンはサムライブルー!

群青色のデザインにひかれてサムライブルーにしました。

今回、このcocoonのスキン、サムライブルーで少し修正したいところがありましたのでご紹介します。

今回修正したい箇所

・サイドバーの見出しに左に装飾されている部分

cocoon、サムライブルーのサイドバー

さて、文章だけではどんな現象が起きているのかわかりずらいですよね。

修正前後の画像を貼り付けますね。

ちょっとわかりずらいですが、「カテゴリー」や「おすすめ記事」の横に星のようなアイコンがありますね。。。

これを消したくて色々調べました。

修正cssコード

これをstyle.cssの一番下に貼り付ければ完了です。

  1. /*サムライスキンのサイドバーを消す*/
  2. .sidebar h3 {
  3.   border: none;
  4.   padding: 8px 10px;
  5.   margin: 16px 0;
  6. }
  7. .sidebar h3:before,
  8. .sidebar h3:after {
  9.   content: none;
  10. }

style.cssへの貼り付け方がわからないという方は、下記記事でも紹介してるので参考にしていただければ幸いです。

記事本文にSNSボタンをカスタマイズ!【Cocoonプラグイン不要】

まとめ

今回はcocoonのスキン、サムライブルーのサイドバーをカスタムする方法を記事にしました。

私もブログ初心者でcssなどはめっきりですが、ググりながら少しずつ血肉にしています!

修正した箇所単体の記事になりましたが、同じ悩みを持つ初心者ブロガーさんの参考になれば幸いです。

\ Follow me /
タイトルとURLをコピーしました