どうも、n o v a です。
今回は賢威7でのウィジェット(サイドバー)の
文字サイズを変更する方法についてご説明していきます。
今回のカスタマイズで行うこと
賢威7におけるウィジェット(サイドバー)の文字サイズを
![](http://creations-serialism.com/wp-content/uploads/2017/09/70660e36941ce8f43b740d4ca5ee2a92.png)
↓
この大きさへと変更していきます。
![](http://creations-serialism.com/wp-content/uploads/2017/09/487080c705b6ad89bd063443db9714e9.png)
とくに難しいことはないので頑張っていきましょう。
まずはCSSの編集画面へ
まずはWordPress管理画面の【外観】→【テーマの編集】へと進みます。![賢威7のテーマの編集カスタマイズ](http://creations-serialism.com/wp-content/uploads/2016/10/スクリーンショット-2016-10-02-15.49.53.png)
![賢威7カスタマイズテーマの編集](http://creations-serialism.com/wp-content/uploads/2016/10/スクリーンショット-2016-10-02-18.08.38.png)
次に画面の右端から【base.css】を開きます。
![賢威7base.css](http://creations-serialism.com/wp-content/uploads/2016/10/スクリーンショット-2016-10-02-15.50.27.png)
この【base.css】の、ずらっと並ぶ文字列の下までいきましょう。
![%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-02-23-14-09](http://creations-serialism.com/wp-content/uploads/2016/10/スクリーンショット-2016-10-02-23.14.09.png)
HTMLコードの入力
ここに以下のHTMLコードを入力してください。
1 2 3 |
.sub-conts{ font-size: .9em; } |
HTMLコードのコピー方法はこちら
→ http://creations-serialism.com/htmlchordcopy
こんな感じです。
(目立つようにあえて黄色く選択しました)
最後に【ファイルを更新】をポチッとすることをお忘れなく。
ではWebサイトから確認してみます。
Webサイトから確認
変更前
![](http://creations-serialism.com/wp-content/uploads/2017/09/70660e36941ce8f43b740d4ca5ee2a92.png)
変更後
![](http://creations-serialism.com/wp-content/uploads/2017/09/487080c705b6ad89bd063443db9714e9.png)
いい感じになりましたね。
最初のうちは極端に値を変化させることで、
どのように変化が起きるかがわかってきます。
そんな感じでいじっているうちに、少しづつCSSにも慣れていくもなので
色々と弄って楽しんでください^^
あとがき・・・
今回は「【賢威7】ウィジェット(サイドバー)の文字サイズを変更する方法」ということでお伝えしましたが、如何でしたでしょうか?
では最後までありがとうございました。
n o v a
こちらに「賢威7カスタマイズまとめページ」を作成しましたので、
宜しければご利用ください。
→【賢威7】カスタマイズ解体新書