WORDPRESS

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

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



あずきです🐥

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

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

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

具体的には、例えば…

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

↑ このような状態から…

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

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

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

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

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

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

手順も超簡単!

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

ちなみに

\「本気」で戦うなら /

WING AFFINGER5 バナー 02

―― 検証と改善を重ねた唯一無二のテーマ ――

WING AFFINGER5

今なら超時短ツール「タグ管理プラグイン(4,980円)」の無料配布キャンペーン中!

ブログの「タグ管理」機能とは?仕組み&使い方から、メリット&デメリットまで アイキャッチ
【超時短】ブログの「タグ管理」機能とは?仕組み&使い方から、メリット&デメリットまで【WordPress】

続きを見る

 

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

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

About me

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

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

あずき

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

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

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

Twitter

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における各種設定は、反映までに時間がかかる場合があります。 すぐに反映させたいときは、次の「2つの方法」を試してみてください

 

① WordPressキャッシュのクリア

② パーマリンク設定の更新

 

具体的な手順はこちら ↓

WordPressで、設定内容が反映されないときにまず試したい2つの対処方法 アイキャッチ
WordPressで、設定内容が反映されないときにまず試したい2つの対処方法【キャッシュの削除/パーマリンク設定の再保存】

続きを見る

 

もしくは!

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

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

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

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

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

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

リクナビNEXT

30代向け

約85%がリクナビNEXT限定求人

正社員求人は9割以上

無料登録はたった5分で完了!!!

表示設定のカスタマイズ

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

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

おしまい♪

あずき🐥

リクナビNEXT

30代向け

約85%がリクナビNEXT限定求人

正社員求人は9割以上

無料登録はたった5分で完了!!!

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

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

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

About me

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

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

あずき

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

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

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

Twitter

-WORDPRESS

© 2020 あずきのぶろぐ