![PC](https://i0.wp.com/life5on.com/wp-content/uploads/2020/09/template-1599663_1280.png?fit=450%2C300&ssl=1)
権威8のテーマを利用していて、サイドバーの上部の色が黒で、サイトのカラーと合わせたいと思ったことはありませんか?
私はサイドバーの色の変更の方法を、ネットで調べてもなかなか簡単な方法が見つかりませんでしたが、権威のサポートフォーラムで簡単な方法がありましたので、ご紹介させていただきます。
サイドバー上部の色を変更したい!
![悩む](https://i0.wp.com/life5on.com/wp-content/plugins/lazy-load/images/1x1.trans.gif?ssl=1)
初心者向け簡単な方法
サイドバー上部の色を変更する手順をご紹介していきます。
カスタマイズ前は、下図のようにサイドバー上部の色は「黒」になっています。
![参考資料](https://i0.wp.com/life5on.com/wp-content/plugins/lazy-load/images/1x1.trans.gif?ssl=1)
①「外観」の「カスタマイズ」を選択します。
![外観、カスタマイズ](https://i0.wp.com/life5on.com/wp-content/plugins/lazy-load/images/1x1.trans.gif?ssl=1)
②「追加CSS」を選択します。
![追加CSS画像](https://i0.wp.com/life5on.com/wp-content/plugins/lazy-load/images/1x1.trans.gif?ssl=1)
③追加CSSの最下部に、下記記述を追加します。
下記記述はサンプルですので、赤字の部分をお好きな色を設定してください。
背景色の変更 → background: #00a3af;
文字の色の変更 → color: #ffffff;
![](https://i0.wp.com/life5on.com/wp-content/plugins/lazy-load/images/1x1.trans.gif?ssl=1)
/* サイドバーの色変更 */
.keni-sub .keni-section .sub-section_title {
background: #00a3af;
color: #ffffff;
}
④公開をクリックする
![追加CSS資料](https://i0.wp.com/life5on.com/wp-content/plugins/lazy-load/images/1x1.trans.gif?ssl=1)
修正が反映されているか、サイトを表示して確認をします。
サイドバーの上部の色を、黒から変更することができました!
![](https://i0.wp.com/life5on.com/wp-content/plugins/lazy-load/images/1x1.trans.gif?ssl=1)
まとめ
権威8のテーマを利用していて、サイドバーの上部の色を変更するには、追加CSSに記述することで、色を簡単に変更することができました。
初心者にとってちょっとした修正もどこを変更すればよいのか、ネットで調べても簡単にできなければ、諦めてしまうことが多いです。私もその一人です。
調べてみると、そんな簡単なことだったのかと思ってしまうのですが、その答えにたどりつくまでに時間がかかってしまいます。
今回ご紹介したサイドバーの上部の色の変更の方法が、解決方法を探している人の役に立ってくれたら嬉しいです。
![](https://i0.wp.com/life5on.com/wp-content/plugins/lazy-load/images/1x1.trans.gif?ssl=1)