WORDPRESS

AFFINGER5で、「ブログタイトル&キャッチフレーズ」の色・表示設定をカスタマイズする方法【WordPressブログ/初心者向け】

AFFINGER5で、「ブログタイトル&キャッチフレーズ」の色・表示設定をカスタマイズする方法 アイキャッチ
 

あずきです🐥

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

「ブログタイトル&キャッチフレーズ」の色・表示設定をカスタマイズする方法

について、ブログ初心者さん向けに1から解説していきます

具体的には、例えば…

AFFINGER5で、「ブログタイトル&キャッチフレーズ」の色・配置をカスタマイズする方法 top-01

↑ このような状態から…

AFFINGER5で、「ブログタイトル&キャッチフレーズ」の色・配置をカスタマイズする方法 top-02

↑ こんな風に色を変えたり、もしくは…

AFFINGER5で、「ブログタイトル&キャッチフレーズ」の色・配置をカスタマイズする方法 top-03

↑ こんな風に、ヘッダー背景色とセットで変えたり、もしくは…

AFFINGER5で、「ブログタイトル&キャッチフレーズ」の色・配置をカスタマイズする方法 top-04

↑ こんな風に、配置を逆転させられるようになります

手順も超簡単!
 

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

 

AFFINGER5における、「ブログタイトル&キャッチフレーズ」の色設定・表示設定をカスタマイズする方法

色設定のカスタマイズ

WordPressブログ「完全初心者」ガイド 見出し a-01

まずはWordPress管理画面から…

AFFINGER5で、「ブログタイトル&キャッチフレーズ」の色・配置をカスタマイズする方法 1-1-01

↑ 外観 > カスタマイズ をクリックします

カスタマイズ画面が開けたら…

AFFINGER5で、「ブログタイトル&キャッチフレーズ」の色・配置をカスタマイズする方法 1-1-02

↑「基本エリア設定」タブをクリックします

AFFINGER5で、「ブログタイトル&キャッチフレーズ」の色・配置をカスタマイズする方法 1-1-03

↑ さらに、「ヘッダーエリア」タブをクリックします

そのなかの…

AFFINGER5で、「ブログタイトル&キャッチフレーズ」の色・配置をカスタマイズする方法 1-1-04

↑「サイトタイトルとキャッチフレーズの文字色」という項目で…

  • ブログタイトル
  • キャッチフレーズ

この2つのテキスト色を指定できます

変更したら、上部の「公開」ボタンで保存を忘れずに!

ちなみに今回は…

AFFINGER5で、「ブログタイトル&キャッチフレーズ」の色・配置をカスタマイズする方法 1-1-05

↑ こちらの状態から…

AFFINGER5で、「ブログタイトル&キャッチフレーズ」の色・配置をカスタマイズする方法 1-1-06

↑ このように、ネイビー系の文字色に変更してみました

補足

➀ WordPressの各種設定が反映されない場合、ブラウザキャッシュ(=ブラウザ側に一時保存される、以前の読み込み情報)が影響している可能性があります

 

ブラウザキャッシュの干渉を受けずに最新のページを表示させるには、「スーパーリロード」という方法がおすすめです

  • Windows → 「Ctrl+Shift+R」 ※もしくは「Shift+F5」
  • Mac → 「Command+Shift+R」

② 上記の方法でも反映されない場合、ページキャッシュ(=サーバー側に保存される、以前の読み込み情報)が影響している可能性があります

 

ページキャッシュを自動生成するプラグイン(例 WP Fastest Cache / Autoptimize )を導入している場合、そのなかの「キャッシュ削除」ボタンを試してみてください

 

関連:WordPressプラグイン「Autoptimize」の設定方法と使い方【コードの最適化で表示スピードを高速化/ページキャッシュの生成&削除】

もしくは!

同じく「ヘッダーエリア」タブ内における…

AFFINGER5で、「ブログタイトル&キャッチフレーズ」の色・配置をカスタマイズする方法 1-1-07

↑ こちらの「背景色」という項目で、ブラックやネイビーなどの「濃色系」カラーを指定し、かつ「サイトタイトル&キャッチフレーズ」の文字色をホワイト系などにすると…

AFFINGER5で、「ブログタイトル&キャッチフレーズ」の色・配置をカスタマイズする方法 1-1-08

↑ このようなデザインにもできます

今度は、ブログタイトル&キャッチフレーズにおける「色設定以外の表示設定」について見ていきましょう🐥

 

表示設定のカスタマイズ

WordPressブログ「完全初心者」ガイド 見出し a-02

まずはWordPress管理画面から…

AFFINGER5で、「ブログタイトル&キャッチフレーズ」の色・配置をカスタマイズする方法 1-2-01

↑「AFFINGER5管理」をクリックします

「AFFINGER5管理」画面が開けたら…

AFFINGER5で、「ブログタイトル&キャッチフレーズ」の色・配置をカスタマイズする方法 1-2-02

↑「ヘッダー」タブをクリックします

そのなかの…

AFFINGER5で、「ブログタイトル&キャッチフレーズ」の色・配置をカスタマイズする方法 1-2-03

↑ こちらの「ヘッダー設定」というところで、「ブログタイトル&キャッチフレーズ」の細かい表示設定を指定できます

今回は例として…

AFFINGER5で、「ブログタイトル&キャッチフレーズ」の色・配置をカスタマイズする方法 1-2-04

↑「サイト名とキャッチフレーズを上下反対にする」という項目にチェックを入れてみます

設定したら、株の「SAVE」ボタンで保存を忘れずに!

プレビューで見てみると…

AFFINGER5で、「ブログタイトル&キャッチフレーズ」の色・配置をカスタマイズする方法 1-2-05

↑ こちらの状態から…

AFFINGER5で、「ブログタイトル&キャッチフレーズ」の色・配置をカスタマイズする方法 1-2-06

↑ このように、ブログタイトルとキャッチフレーズの配置が逆転されました

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

WordPressブログガイド 第6章「デザイン」編 

あずきのWordPressブログガイド 総合TOP 

\ 本気で成果にこだわるなら /

AFFINGERタグ管理マネージャー3 01

―― 効果のある広告やリンクを徹底解析 ――

「超強力」なサイト改善と効率化!「AFFINGERタグ管理マネージャー3 + PVモニター」プラグインセット

※「STINGERタグ管理プラグイン3」のデータはそのまま使用できます

「WING AFFINGER5」及び「WING STINGER PRO2」専用プラグイン

 

About me

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

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

あずき

 

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

 

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

-WORDPRESS

© 2019 あずきのぶろぐ