WORDPRESS

【スマホ用も】AFFINGER6「サイトタイトルの文字色設定」のカスタマイズ方法を初心者向けに解説【ACTION/WordPressブログ】

AFFINGER6「サイトタイトルの文字色設定」のカスタマイズ方法
 

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

 

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

サイトタイトルの文字色設定

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

 

まず!

 

WordPressにおけるサイトタイトルは、ブログのヘッダー(最上部)エリアに表示される…

 

AFFINGER6「サイトタイトルの文字色設定」のカスタマイズ方法 top-01

 

↑ こちらの【ブログ全体におけるタイトル名】を指します

 

で、具体的には…

  • PC画面用
  • スマホ画面用

で、個別にそれぞれカスタマイズしていく形です

 

ちなみに今回の設定では、この「サイトタイトル」とセットで表示される…

キャッチフレーズ

についても、サイトタイトルにあわせて文字色が変更されます

キャッチフレーズは、上画像だと「Just another…」の部分だね!
 

ということで、さっそく見ていきましょー🐥

 

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

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

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

続きを見る

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

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

第1位

公式:ACTION AFFINGER6

すごいもくじLITE

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

※2020年度Infotop売上及びInfotop Affidemy

【スマホ用も】AFFINGER6「サイトタイトルの文字色設定」のカスタマイズ方法を初心者向けに解説【ACTION/WordPressブログ】

WordPress ヘッダー b-01

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

AFFINGER6「サイトタイトルの文字色設定」のカスタマイズ方法 1-01

↑ 外観 > カスタマイズ をクリックし、さらに…

AFFINGER6「サイトタイトルの文字色設定」のカスタマイズ方法 1-02

↑「ロゴ画像 / サイトのタイトル」というタブをクリックしましょう

 

「ロゴ画像 / サイトのタイトル」タブを開くと、そのなかに…

AFFINGER6「サイトタイトルの文字色設定」のカスタマイズ方法 1-03-a

↑「サイトタイトルとキャッチフレーズの文字色」という項目があるので、こちらで任意の文字色にカスタマイズする形です

 

ただし!

 

こちらはあくまで【PC画面用】の設定項目なので、【スマホ画面用】の文字色についてはまた別で設定する必要があります

スマホ画面用も、このあとすぐ見ていくよ!
 

今回は例として、【PC画面用】の文字色を…

AFFINGER6「サイトタイトルの文字色設定」のカスタマイズ方法 1-03-b

↑ こちらの #515151(黒に近いグレー) に設定してみます

 

画面中央のプレビューで確認してみると…

AFFINGER6「サイトタイトルの文字色設定」のカスタマイズ方法 1-04

↑ このように、サイトタイトルとキャッチフレーズの文字色が変更されました

特にヘッダー背景色を「白」とかにしてる場合、文字色も同じ「白」のままだと隠れちゃうから変える必要があるよね
 
 

一方で【スマホ画面用】については、同じ設定画面のすぐ下にある…

AFFINGER6「サイトタイトルの文字色設定」のカスタマイズ方法 1-05

↑「スマホヘッダーのタイトル色」という項目で設定できます

 

ということで、最後に左上の「公開」ボタンをクリックしたら「サイトタイトルの文字色設定」のカスタマイズは完了です🐥

人気記事

 

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

 第6章 デザイン 編          

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

 第7章 記事投稿 編          

全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 背景透過

suzu azuki
あずき鈴々

 

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

 

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

-WORDPRESS