WORDPRESS

AFFINGER6「サイドバー・ウィジェットタイトルの色&デザイン設定」のカスタマイズ方法を初心者向けに解説【ACTION/WordPressブログ】

AFFINGER6「サイドバー・ウィジェットタイトルの色&デザイン設定」のカスタマイズ方法
 

専業ブロガー5年目のあずきです🐥

 

当ブログでも愛用中の人気WordPressテーマ「ACTION AFFINGER6」における…

「サイドバー・ウィジェットタイトル」の色&デザイン設定

のカスタマイズ方法について、ブログ初心者さん向けに1からわかりやすく解説していきます

 

まず「サイドバー・ウィジェットタイトル」とは、サイドバー(ブログ右側の列)エリアに表示される…

AFFINGER6「サイドバー・ウィジェットタイトルの色&デザイン設定」のカスタマイズ方法 top-01-a

↓(設定後の一例)

AFFINGER6「サイドバー・ウィジェットタイトルの色&デザイン設定」のカスタマイズ方法 top-01-b

↑ こちらの(赤枠で囲った)箇所を指します🐥

ということで、さっそく見ていこー!
 

▼ ACTION AFFINGER6の「購入・導入手順」はこちらから ▼

ACTION AFFINGER6の購入&導入方法を初心者向けに1から解説。「子テーマ」のインストール&有効化手順まで

ACTION AFFINGER6の購入&導入方法を初心者向けに1から解説。「子テーマ」のインストール&有効化手順まで
ACTION AFFINGER6の購入&導入方法を初心者向けに1から解説。「子テーマ」のインストール&有効化手順まで

続きを見る

  • 「ACTION AFFINGER6」が実際に使用できるようになるまでの ”一連の手順” を、
    画像付きでまるっと解説しています
  • 作業そのものは、正味【15分程度】でおわります(子テーマまで含めて)

インフォトップ ワードプレステーマ売上

第1位

公式:ACTION AFFINGER6

すごいもくじLITE

の限定特典キャンペーンも実施中!!!

※2021年発表Infotop Affidemy

AFFINGER6「サイドバー・ウィジェットタイトルの色&デザイン設定」のカスタマイズ方法を初心者向けに解説【ACTION/WordPressブログ】

WordPress ヘッダー b-01

まずは、WordPress管理画面の左側一覧から…

外観 > カスタマイズ

をクリックして開き、そのなかの左側一覧から…

見出しタグ(hx)/ テキスト

というタブをクリックして、さらに…

ウィジェットタイトル(サイドバー)

というタブをクリックしましょう

 

「ウィジェットタイトル(サイドバー)」タブを開くと、そのなかに…

AFFINGER6「サイドバー・ウィジェットタイトルの色&デザイン設定」のカスタマイズ方法 1-01-a

↑【ウィジェットタイトルの基本スタイル】という設定エリアがあるので、こちらでまずはウィジェットタイトルの「デザイン」を選択していきます

 

今回は例として…

AFFINGER6「サイドバー・ウィジェットタイトルの色&デザイン設定」のカスタマイズ方法 1-01-b

↑ このように…

  • ストライプデザインに変更
  • 背景や吹き出しの角を丸くする → オフ

という内容に設定してみました

 

デザインを選択できたら、つづいて同じ設定ページの上側にある…

AFFINGER6「サイドバー・ウィジェットタイトルの色&デザイン設定」のカスタマイズ方法 1-02-a

↑ こちらの…

  • 文字色
  • 背景色
  • 背景色(グラデーション上部)
  • ボーダー色
  • ボーダー色(サブ)

という項目で、ウィジェットタイトルの「色設定」を指定していきましょう

 

今回は例として…

AFFINGER6「サイドバー・ウィジェットタイトルの色&デザイン設定」のカスタマイズ方法 1-02-b

↑ このような配色にしてみます(カラーコードは下記の通り)

  • 文字色 → #ffffff
  • 背景色 → #523634
  • 背景色(グラデーション上部) → #523634
  • ボーダー色 → #523634
  • ボーダー色(サブ) → #523634

ここまで設定できたら、左上の「公開」ボタンを忘れずにクリックしてカスタマイズは完了です

 

実際の画面上で見てみると…

AFFINGER6「サイドバー・ウィジェットタイトルの色&デザイン設定」のカスタマイズ方法 1-03

↑ このような「サイドバー・ウィジェットタイトル」のデザイン&配色になりました🐥

右側の、【最近の投稿】と【最近のコメント】って表示されてるとこだね!
 

人気記事

 

あずきのワードプレスブログ「完全初心者」ガイド!

”全8章” の総合TOPページです

あずきのワードプレスブログ「完全初心者」ガイド

\ 「なぜ売れないか?」を徹底解析 /

AFFINGERタグ管理マネージャー&PVモニター バナー 01-1000px

結果が見えるサイト運営に

AFFINGERタグ管理マネージャー4 + PVモニター

 

   ✔ よく使用する文章や画像、広告リンクを「テンプレート化」して使い回せる!

   ✔ 元データの更新だけで全記事に「一括反映」されるため、広告の差替えも一瞬!

   ✔ 広告の「クリック回数」「クリックされたページ」などを自動計測!

AffiliateRun~なぜ売れないか?

PDFマニュアル付き!

 

公式:「AFFINGERタグ管理マネージャー4 + PVモニター」プラグインセット

関連:WordPressにおける広告リンクの貼り方を「3つのパターン」で1から解説【 ”タグ管理” が最強におすすめ】

WordPressにおける広告リンクの貼り方
WordPressにおける広告リンクの貼り方を「3つのパターン」で1から解説【 ”タグ管理” が最強におすすめ】

続きを見る

※当プラグインの使用には、別売のWordPressテーマ「ACTION AFFINGER6」最新版が必要です

About me

あずきアイコン main-01 背景透過

suzu azuki
あずき鈴々

 

独立5年目の専業ブロガー / 元アパレル → 歴10年

 

20代は中華鍋のように目まぐるしい日々でした。 30代は創作懐石のように、静かに自分の形をつくっていきます。 普段はTwitter(@azuki_rinrin)にいるので覗いてもらえると嬉しいです^^

-WORDPRESS