専業ブロガー5年目のあずきです🐥
当ブログでも愛用中の人気WordPressテーマ「ACTION AFFINGER6」における…
「サイドバー・ウィジェットタイトル」の色&デザイン設定
のカスタマイズ方法について、ブログ初心者さん向けに1からわかりやすく解説していきます
まず「サイドバー・ウィジェットタイトル」とは、サイドバー(ブログ右側の列)エリアに表示される…
↓(設定後の一例)
↑ こちらの(赤枠で囲った)箇所を指します🐥

▼ ACTION AFFINGER6の「購入・導入手順」はこちらから ▼
ACTION AFFINGER6の購入&導入方法を初心者向けに1から解説。「子テーマ」のインストール&有効化手順まで
-
ACTION AFFINGER6の購入&導入方法を初心者向けに1から解説。「子テーマ」のインストール&有効化手順まで
続きを見る
- 「ACTION AFFINGER6」が実際に使用できるようになるまでの ”一連の手順” を、
画像付きでまるっと解説しています - 作業そのものは、正味【15分程度】でおわります(子テーマまで含めて)
AFFINGER6「サイドバー・ウィジェットタイトルの色&デザイン設定」のカスタマイズ方法を初心者向けに解説【ACTION/WordPressブログ】
まずは、WordPress管理画面の左側一覧から…
外観 > カスタマイズ
をクリックして開き、そのなかの左側一覧から…
見出しタグ(hx)/ テキスト
というタブをクリックして、さらに…
ウィジェットタイトル(サイドバー)
というタブをクリックしましょう
「ウィジェットタイトル(サイドバー)」タブを開くと、そのなかに…
↑【ウィジェットタイトルの基本スタイル】という設定エリアがあるので、こちらでまずはウィジェットタイトルの「デザイン」を選択していきます
今回は例として…
↑ このように…
- ストライプデザインに変更
- 背景や吹き出しの角を丸くする → オフ
という内容に設定してみました
デザインを選択できたら、つづいて同じ設定ページの上側にある…
↑ こちらの…
- 文字色
- 背景色
- 背景色(グラデーション上部)
- ボーダー色
- ボーダー色(サブ)
という項目で、ウィジェットタイトルの「色設定」を指定していきましょう
今回は例として…
↑ このような配色にしてみます(カラーコードは下記の通り)
- 文字色 → #ffffff
- 背景色 → #523634
- 背景色(グラデーション上部) → #523634
- ボーダー色 → #523634
- ボーダー色(サブ) → #523634
ここまで設定できたら、左上の「公開」ボタンを忘れずにクリックしてカスタマイズは完了です
実際の画面上で見てみると…
↑ このような「サイドバー・ウィジェットタイトル」のデザイン&配色になりました🐥

人気記事
あずきのワードプレスブログ「完全初心者」ガイド!
”全8章” の総合TOPページです
\ 「なぜ売れないか?」を徹底解析 /
結果が見えるサイト運営に
✔ よく使用する文章や画像、広告リンクを「テンプレート化」して使い回せる!
✔ 元データの更新だけで全記事に「一括反映」されるため、広告の差替えも一瞬!
✔ 広告の「クリック回数」や「クリックされたページ」などを自動計測!
AffiliateRun~なぜ売れないか?
PDFマニュアル付き!
公式:「AFFINGERタグ管理マネージャー4 + PVモニター」プラグインセット
関連:WordPressにおける広告リンクの貼り方を「3つのパターン」で1から解説【 ”タグ管理” が最強におすすめ】
-
WordPressにおける広告リンクの貼り方を「3つのパターン」で1から解説【 ”タグ管理” が最強におすすめ】
続きを見る
※当プラグインの使用には、別売のWordPressテーマ「ACTION AFFINGER6」最新版が必要です
About me
suzu azuki
あずき鈴々
独立5年目の専業ブロガー / 元アパレル → 歴10年
20代は中華鍋のように目まぐるしい日々でした。 30代は創作懐石のように、静かに自分の形をつくっていきます。 普段はTwitter(@azuki_rinrin)にいるので覗いてもらえると嬉しいです^^