あずきです🐥
当ブログでも愛用中の人気WordPressテーマ「ACTION AFFINGER6」における…
「サイドバー・ウィジェットタイトル」の色＆デザイン設定
のカスタマイズ方法について、ブログ初心者さん向けに１からわかりやすく解説していきます
まず「サイドバー・ウィジェットタイトル」とは、サイドバー（ブログ右側の列）エリアに表示される…
↓（設定後の一例）
↑ こちらの箇所を指します
2020年1月から毎日コツコツ作ってきたワードプレス初心者ガイド、
・役に立ちました！
・わかりやすかったです！みたいな大変ありがたいお言葉を頂けるケースが最近増えてきたので、改めて載せておきますhttps://t.co/QJohn2MGlF
— あずき@ブロガー (@azuki_rinrin) July 13, 2020
AFFINGER6「サイドバー・ウィジェットタイトルの色＆デザイン設定」のカスタマイズ方法を初心者向けに解説【ACTION／WordPressブログ】
まずは、WordPress管理画面の左側一覧から…
外観 ＞ カスタマイズ
をクリックして開き、そのなかの左側一覧から…
見出しタグ（hx）/ テキスト
というタブをクリックして、さらに…
ウィジェットタイトル（サイドバー）
というタブをクリックしましょう
「ウィジェットタイトル（サイドバー）」タブを開くと、そのなかに…
↑【ウィジェットタイトルの基本スタイル】という設定エリアがあるので、こちらでまずはウィジェットタイトルの「デザイン」を選択していきます
今回は例として…
↑ このように…
- ストライプデザインに変更
- 背景や吹き出しの角を丸くする → オフ
という内容に設定してみました
デザインを選択できたら、つづいて同じ設定ページの上側にある…
↑ こちらの…
- 文字色
- 背景色
- 背景色（グラデーション上部）
- ボーダー色
- ボーダー色（サブ）
という項目で、ウィジェットタイトルの「色設定」を指定していきましょう
今回は例として…
↑ このような配色にしてみます（カラーコードは下記の通り）
- 文字色 → #ffffff
- 背景色 → #523634
- 背景色（グラデーション上部） → #523634
- ボーダー色 → #523634
- ボーダー色（サブ） → #523634
ここまで設定できたら、左上の「公開」ボタンを忘れずにクリックしてカスタマイズは完了です
実際の画面上で見てみると…
↑ このような「サイドバー・ウィジェットタイトル」のデザイン＆配色になりました🐥
今回の記事はこちらの章に属しています
次の章はこちらからどうぞ
全９章のTOPページです
2020年1月から毎日コツコツ作ってきたワードプレス初心者ガイド、
・役に立ちました！
・わかりやすかったです！みたいな大変ありがたいお言葉を頂けるケースが最近増えてきたので、改めて載せておきますhttps://t.co/QJohn2MGlF
— あずき@ブロガー (@azuki_rinrin) July 13, 2020