![](https://free-working.info/wp-content/uploads/2023/08/13217_color-1-300x300.png)
ウィジェットタイトルの文字色とデザインを変更したい!
![](https://free-working.info/wp-content/uploads/2023/08/13194_color-300x300.png)
サイドバーのタイトルのデザインを変更したいけど、やり方がわからない
今回はこんな疑問を解決します。
![](https://free-working.info/wp-content/uploads/2023/08/17500_color-288x300.png)
WordPressでサイトやブログを運営していると、ウィジェットタイトル(サイドバー)の文字色やデザインを変更したいときがあります。
ウィジェットとは、サイドメニューにさまざまなパーツを設置できる機能。ウィジェットタイトルとは、ウィジェットで追加したパーツのタイトルのこと。
![ウィジェットタイトル(サイドバー)](https://free-working.info/wp-content/uploads/2023/08/widgetTitle1-1024x574.png)
しかしWordPressの設定は多く、ウィジェットタイトル(サイドバー)の文字色やデザインの変更の仕方がわからないと悩んでいる人も多いのではないでしょうか。
本記事では、WordPressの人気テーマ「AFFINGER6」でウィジェットタイトル(サイドバー)の文字色やデザインを変更する方法を紹介します。
\ 人気のWordPressテーマACTION(AFFINGER6) /
目次
ウィジェットタイトルの文字色とデザインを変更する
ウィジェットタイトルの文字色とデザインを変更するまでの手順は、以下の4ステップです。
ウィジェットタイトルの文字色とデザインを変更する手順
- 「外観」→「カスタマイズ」をクリックする
- 「見出しタグ(hx)/テキスト」をクリックする
- ウィジェットタイトル(サイドバー)をクリックする
- ウィジェットタイトル(サイドバー)のデザインを変更する
手順1:「外観」→「カスタマイズ」をクリックする
WordPressのサイドメニューから「外観」→「カスタマイズ」をクリックします。
![外観→カスタマイズをクリック](https://free-working.info/wp-content/uploads/2023/08/header2.png)
手順2:「見出しタグ(hx)/テキスト」をクリックする
カスタマイズ画面が表示されたら、サイドメニューの「メニュー」にある「見出しタグ(hx)/テキスト」をクリックします。
![「見出しタグ(hx)/テキスト」をクリック](https://free-working.info/wp-content/uploads/2023/08/widgetTitle2-1.png)
手順3:ウィジェットタイトル(サイドバー)をクリックする
『見出しタグ(hx)/ テキスト』をクリックすると以下の画面が表示されるので、「ウィジェットタイトル(サイドバー)」をクリックします。
![ウィジェットタイトル(サイドバー)をクリック](https://free-working.info/wp-content/uploads/2023/08/widgetTitle3.png)
手順4:ウィジェットタイトル(サイドバー)のデザインを変更する
「ウィジェットタイトル(サイドバー)」をクリックすると、文字色やデザインを変更する画面が表示されるので、お好みの設定に変更します。
文字色・背景色を変更する
「ウィジェットタイトル(サイドバー)」設定画面の上部では、文字色や背景色が変更できるので、お好みの色に変更します。
![文字色・背景色を変更する](https://free-working.info/wp-content/uploads/2023/08/widgetTitle4.png)
ウィジェットタイトルの基本スタイルを変更する
「ウィジェットタイトル(サイドバー)」設定画面の中部では、基本スタイルが変更できるので、お好みのスタイルに変更します。
![ウィジェットタイトルの基本スタイルを変更する](https://free-working.info/wp-content/uploads/2023/08/widgetTitle5.png)
背景画像を設定する
「ウィジェットタイトル(サイドバー)」設定画面の下部では、背景画像が設定できます。背景画像を設定する場合はここ設定します。
![背景画像を設定する](https://free-working.info/wp-content/uploads/2023/08/widgetTitle6.png)