WORDPRESS

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

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

あずきです🐥

 

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

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

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

 

まず!

 

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

 

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

 

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

 

で、具体的には…

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

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

 

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

キャッチフレーズ

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

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

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

 

 

【スマホ用も】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章 記事投稿 編          

全9章のTOPページです

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

 

-WORDPRESS