WORDPRESS

AFFINGER6「本文テキスト」の文字色設定をカスタマイズする方法を初心者向けに解説【ACTION/WordPressブログ】

AFFINGER6「本文テキスト」の文字色設定をカスタマイズする方法
 

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

 

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

本文テキストの文字色設定

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

 

まずここで言う「本文テキスト」とは、各記事における…

 

AFFINGER6「本文テキスト」の文字色設定をカスタマイズする方法 top-01

 

↑ こういった、タイトルや日付などを除いた「記事ページの大半を占める通常テキスト」のこと

 

そもそも「本文テキスト」の文字色って、一般的には「真っ黒」のイメージかもしれませんが、それだと案外 ”キツイ印象” になりかねないんですね

 

で、個人的には…

黒に近いダークグレー系

にしてあげると、いい感じに ”柔らかさ” が出て「視覚的に読みやすいページ」になるのでおすすめです

 

参考までに、当ブログの本文テキストは #515151 というカラーコードを愛用しています

もちろん絶対的な正解はないから、ユーザー視点をふまえたうえで好きな色に設定すればOK!
 

またACTION AFFINGER6では、今回ご紹介する「本文テキスト」の文字色カスタマイズの際に、別途…

 

AFFINGER6「本文テキスト」の文字色設定をカスタマイズする方法 top-02

 

↑ こういった「記事一覧のタイトル名」まで、カスタマイズの適用範囲を広げることも可能です🐥

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

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

ACTION AFFINGER6の購入&導入方法を初心者向けに1から解説。子テーマの有効化手順まで【WordPressブログ】

AFFINGER6の購入&導入方法を初心者向けに1から解説。子テーマの有効化手順まで
ACTION AFFINGER6の購入&導入方法を初心者向けに1から解説。子テーマの有効化手順まで【WordPressブログ】

続きを見る

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

公式:ACTION AFFINGER6

すごいもくじLITE

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

AFFINGER6「本文テキスト」の文字色設定をカスタマイズする方法を初心者向けに解説【ACTION/WordPressブログ】

WordPress ヘッダー c-01

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

外観 > カスタマイズ

をクリックして「カスタマイズ」設定画面を開き、さらにそのなかの左側一覧から…

見出しタグ(hx)/ テキスト > テキスト色一括変更

の順にタブを開きます

 

「テキスト色一括変更」タブを開いたら、そのなかに…

AFFINGER6「本文テキスト」の文字色設定をカスタマイズする方法 1-01

↑「記事内のテキストなど」という項目があるので、こちらで任意の色にカスタマイズしましょう

 

少し極端な例として、試しにテキスト色を「真っ赤」に変更してみると…

AFFINGER6「本文テキスト」の文字色設定をカスタマイズする方法 1-02-a

AFFINGER6「本文テキスト」の文字色設定をカスタマイズする方法 1-02-b

このように変更されます(上記はあくまで、適用範囲を示すための一例です)

もちろん実際にはおすすめしないよ!
 

ちなみに、色設定のすぐ下側に表示されている…

AFFINGER6「本文テキスト」の文字色設定をカスタマイズする方法 1-03-a

↑「範囲を広げる」という項目にチェックを入れると…

AFFINGER6「本文テキスト」の文字色設定をカスタマイズする方法 1-03-b

↑ こうした各種「記事一覧」エリア内のタイトル名まで、色設定の適用範囲を広げることが可能です

 

で、今回は一例として…

  • 色設定 → 黒に近いダークグレー系(#515151)
  • 範囲を広げる → あり

という設定にしてみます

一通り設定できたら、左上の「公開」ボタンをクリックして完了!
 

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

AFFINGER6「本文テキスト」の文字色設定をカスタマイズする方法 1-04-b

↑ 画像では少しわかりづらいですが、本文テキスト(例:WordPress へようこそ…)の色味が「真っ黒」よりも柔らかい印象になりました🐥

 

補足

各種テキストの「フォントサイズ」や「フォントの種類」については、WordPress管理画面の左側一覧から…

AFFINGER管理 > 全体設定

にてカスタマイズできます

 

人気記事

 

今回の記事はこちらの章に属しています

 第7章 記事投稿 編          

次の章はこちらからどうぞ

 第8章 収益化 編           

全8章のTOPページです

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

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

AFFINGERタグ管理マネージャー

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

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

 

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

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

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

AffiliateRun~なぜ売れないか?

PDFマニュアル付き!

 

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

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

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

続きを見る

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

 

About me

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

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

あずき

 

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

 

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

-WORDPRESS