ワードプレス

AFFINGER5で、「リンクボタン」の色設定をカスタマイズする手順【WordPressブログ】

AFFINGER5_リンクボタンの色設定をカスタマイズ_アイキャッチ



あずきです🐥

このブログでも愛用中のWordPressテーマ、「WING(AFFINGER5)」における…

「リンクボタン」の色設定をカスタマイズする方法

について、初心者さん向けに1から解説していきます(簡単です♪)

まず「WING(AFFINGER5)」における「リンクボタン」とは、例えば…

AFFINGER5_リンクボタンの色設定をカスタマイズ_top-01

↑ こういったもの

で、「AFFINGER5」ならこの「リンクボタン」の色設定は、初期設定から自由にカスタマイズできます

それではさっそく見ていきましょー🐥

このブログのWordPress環境

このブログで使用中のワードプレステーマ

本気でブログ収益化するなら /

WING AFFINGER5 バナー01

-「実績」と「信頼」。 検証と改善を重ねた唯一無二のテーマ -

WING AFFINGER5

  • ターゲットに合わせた圧倒的な最適化!
  • SEO対策と広告収入UPの機能が標準装備!
  • 面倒なカスタマイズも「クリック1つ」で簡単・時短!

今なら超時短ツール「タグ管理プラグイン」配布キャンペーン中!

公式:「稼ぐ」に特化したWordPressテーマ『WING AFFINGER5』

関連:「AFFINGER5」の購入・導入方法を1から解説
関連:「AFFINGER5」導入後にまず行うべきステップまとめ

著者

azuki_01

- 専業ブロガー・フリーランス -

あずき

独立3年目 / 元アパレル → 歴10年

20代は中華鍋のように目まぐるしい日々でした。 30代は創作懐石のように、静かに自分の形をつくっていきます

普段はTwitterにわりといるので、覗いてもらえると嬉しいです^^

Twitter

AFFINGER5における、「リンクボタン」の色設定をカスタマイズする方法

ブログガイド_見出し_01

まずは、WordPress管理画面から…

AFFINGER5_リンクボタンの色設定をカスタマイズ_1-01

↑「ランキング管理」をクリックしましょう

つづいて、左側のメニュー一覧から…

AFFINGER5_リンクボタンの色設定をカスタマイズ_1-02

↑「CSS」タブをクリックします

「CSS」が開けたら…

AFFINGER5_リンクボタンの色設定をカスタマイズ_1-03

↑ こちらの「リンクボタン」という項目で、リンクボタンの初期設定となるカラーをカスタマイズできます

まずは、1番上の…

AFFINGER5_リンクボタンの色設定をカスタマイズ_1-04

↑「リンク文字カラー」という項目で、リンクボタンのテキスト色を指定しましょう

初期設定では、真っ白にあたる #ffffff になってます

ちなみに今回の例では、このテキスト色はこのままにします

つづいて、その下の…

AFFINGER5_リンクボタンの色設定をカスタマイズ_1-05

AFFINGER5_リンクボタンの色設定をカスタマイズ_1-06

↑ こちらの2項目で、「リンクボタンA」「リンクボタンB」の初期設定カラーをカスタマイズしていきます

初期設定では、それぞれ…

AFFINGER5_リンクボタンの色設定をカスタマイズ_1-07

↑ このように赤系と水色系になってます

今回は例として…

AFFINGER5_リンクボタンの色設定をカスタマイズ_1-08

AFFINGER5_リンクボタンの色設定をカスタマイズ_1-09

↑ こんな配色に変えてみました

一通り設定できたら、画面右側(もしくは下側)の 保存 をクリックしましょう

プレビューで確認してみると…

AFFINGER5_リンクボタンの色設定をカスタマイズ_1-10

↑ こんな感じに反映されました

おしまい♪

あずき🐥

このブログで使用中のワードプレステーマ

本気でブログ収益化するなら /

WING AFFINGER5 バナー01

-「実績」と「信頼」。 検証と改善を重ねた唯一無二のテーマ -

WING AFFINGER5

  • ターゲットに合わせた圧倒的な最適化!
  • SEO対策と広告収入UPの機能が標準装備!
  • 面倒なカスタマイズも「クリック1つ」で簡単・時短!

今なら超時短ツール「タグ管理プラグイン」配布キャンペーン中!

公式:「稼ぐ」に特化したWordPressテーマ『WING AFFINGER5』

関連:「AFFINGER5」の購入・導入方法を1から解説
関連:「AFFINGER5」導入後にまず行うべきステップまとめ

著者

azuki_01

- 専業ブロガー・フリーランス -

あずき

独立3年目 / 元アパレル → 歴10年

20代は中華鍋のように目まぐるしい日々でした。 30代は創作懐石のように、静かに自分の形をつくっていきます

普段はTwitterにわりといるので、覗いてもらえると嬉しいです^^

Twitter

-ワードプレス

© 2020 あずきのぶろぐ。