ワードプレス

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

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



あずきです🐥

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

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

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

具体的には、例えば…

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

↑ このような状態から…

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

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

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

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

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

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

手順も超簡単!

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

ちなみに

「ブログタイトル&キャッチフレーズ」の名称そのものを設定・変更する方法はこちら ↓

wp-blog-title-setting-202002-ec
WordPressで、ブログタイトルとキャッチフレーズを設定・変更する方法【Just another WordPress Site】

続きを見る

本気でブログ収益化するなら /

WING AFFINGER5 バナー 02

-「実績」と「信頼」。 検証と改善を重ねた唯一無二のテーマ -

WING AFFINGER5

  • ターゲットに合わせた圧倒的な最適化!
  • SEO対策と広告収入UPの機能が標準装備!
  • 面倒なカスタマイズも「クリック1つ」で簡単・時短!

今なら超時短ツール「タグ管理プラグイン」配布キャンペーン中!

公式:「稼ぐ」に特化したWordPressテーマ『WING AFFINGER5』

関連:「AFFINGER5」の購入・導入方法を1から解説
関連:「AFFINGER5」導入後にまず行うべきステップまとめ

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

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

著者

azuki_01

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

あずき

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

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

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

Twitter

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

色設定のカスタマイズ

ブログガイド_見出し_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における各種設定は、反映までに時間がかかる場合があります

すぐに反映させたいときは、次の方法を試してみてください

 
  • WordPressキャッシュのクリア
  • パーマリンク設定の更新
 

具体的な手順はこちら ↓

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

続きを見る

 

もしくは!

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

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

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

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

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

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

リクナビNEXT

30代向け

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

正社員求人は9割以上

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

表示設定のカスタマイズ

ブログガイド_見出し_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 

 

著者

azuki_01

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

あずき

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

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

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

Twitter

-ワードプレス

© 2020 あずきのぶろぐ。