WordPress

AFFINGER5(WING)で全体カラー設定が反映されない!設定方法を解説

更新日:

この記事ではAFFINGER5(WING)の全体カラーの設定方法を紹介します。

AFFINGER5を購入した人は少なくとも自分のイメージするブログサイトを簡単に作成したくて購入したと思います。ただ、全体カラー設定を変更しても、まったく反映されなかったので困ってしまいました。

マニュアルなどいろいろ調べながら試行錯誤して、全体カラー設定を反映させることができましたので、わたしがやった設定方法を紹介します。

AFFINGER5 管理での設定

「オリジナルテーマカスタマイザーを使用する」にチェックする

WordPressの管理画面にログイン後、AFFINGER5管理デザインから「オリジナルテーマカスタマイザーを使用する」にチェックをして、saveをクリックします。

AFFINGER5管理画面

 

その後、外観のカスタマイズをクリックします。

カスタマイズ開く

 

カスタマイズ画面での設定

全体カラー設定を開く

カスタマイズをクリックすると、こんな感じのページに移動します。
全体カラー設定をクリックしてください。

全体カラー設定開く

 

一旦、全体的に反映する

「簡単設定を使用する」にある「(1)全体的に反映」にチェックをして公開します。

全体的に反映

 

初期値として設定する

公開後、「(3)初期値として設定」にチェックをして公開します。

初期値として反映

 

全体カラーを設定する

キーカラーやメインカラーを好きな色に設定してください。今回は反映されるか試すため、キーカラーを赤色に設定して公開します。

キーカラー選択

 

すごい色になりました。

色が反映されたトップページ

 

おわりに

いかがだったでしょうか?

全体カラーの設定方法をまとめると、

 ①オリジナルテーマカスタマイザーを使用するにチェックをする
 ②全体カラー設定の簡単設定を使用するにて、全体的に反映を選択して公開する
 ③全体カラー設定の簡単設定を使用するにて、初期値として設定を選択して公開する

という手順になります。

デザインはブログにとって非常に重要な要素だと、わたしは思っています。デザインひとつでブログサイトに訪れた人が離脱するかどうかが決まり、さらには、あまりに古臭いサイトだと情報が古いのではないかと印象付けてしまい、信憑性がなくなってしまいます。あなたの理想のブログサイトはどんなデザインでしょうか?

有料テーマはお金がかかる分、簡単に良いデザインのサイトが作れますのでWordPressのブログデザイン(テーマ)で悩んでいる方はAFFINGER5を検討してみてはいかがでしょうか。

AFFINGER5 WING

 

この設定後、スマホメニューの背景色も変わってしまったので、
「AFFINGER5(WING)でスマホ用メニューの背景色を変更する方法」
で設定を変更することをオススメします。

 

よく読まれている記事

1

格安SIMを使っている人が対象です。 わたしの場合は ①最初はAUだった。②UQMOBILEに変更。③Androidをアップデート④元はAU端末だったのでアクセスポイント名がAU用に戻った。⑤繋がらな ...

2

この記事では、AFFINGER5(WING)でサイト管理者のプロフィールを表示する方法を紹介しています。 あなたのブログではサイト管理者、または自己紹介等でプロフィールを載せているでしょうか。プロフィ ...

3

この記事ではAFFINGER5(WING)でおすすめ記事一覧を表示する方法を紹介しています。 無料のWordPressテーマを使っていると、おすすめ記事一覧や人気記事一覧の作成はプラグインで作ることに ...

4

この記事では、ネットワーク初心者が仕事をしながら独学でCCNAに合格した勉強方法を紹介しています。 社内SEに転職してネットワーク関連の知識や実務経験が乏しいと感じたので、CCNAの勉強をして取得しま ...

5

この記事ではGoogleカレンダーに勝手に予定が登録されるのを防ぐ方法を紹介します。 GoogleのGmailやGoogleドライブ等、いろいろと便利なサービスがありますよね。 わたしも今更ですがGo ...

-WordPress
-

Copyright© システムエンジニアは考える , 2018 All Rights Reserved.