▶ Amazon 今日の【在庫処分】セール会場へ
スポンサーリンク

ページにプロモーションが含まれる場合があります。

【簡単】WordPress管理画面の色をカスタマイズ|ダッシュボードの背景色

スポンサーリンク

WordPressを使っていて管理画面(ダッシューボード)の色を変更したくなった場合の設定手順をご紹介します。

こんな人に
  • 管理画面の色が目に合わない
  • 作業環境や照明によって変えたい
  • 個性を出したい
  • 気分を変えたい

WordPress:ダッシュボードのカラー設定

(1)WordPress管理画面(ダッシューボード)の左メニューの「ユーザー」⇒「プロフィール」をクリックします。

WP管理画面_ユーザーのプロフィール

WP管理画面_ユーザーのプロフィール

 

(2)プロフィールの管理画面になるので管理画面の配色デフォルトから他のテンプレートにチェックを入れると変更できます。

WordPress管理画面の配色

管理画面の配色

これで管理画面の配色の変更は完了です。

プロフィールを更新のボタンはクリックしなくても即時反映されます。

 

 

管理画面の配色は9種類

管理画面の配色は9パターン用意されています。

管理画面の配色_拡大

管理画面の配色_拡大

管理画面の配色パターン

基本的に4配色で、モダンだけが3配色です。

それぞれ実際に変更した場合の見た目をご紹介します。

 

❶デフォルト

デフォルトの配色

デフォルトの配色

デフォルト配色の画面
WP管理画面の配色_デフォルト

デフォルト

 ≫ 配色パターン一覧に戻る

 

❷ライト

ライトの配色

ライトの配色

ライト配色の画面
ライト

ライト

 ≫ 配色パターン一覧に戻る

 

❸モダン

モダンの配色

モダンの配色

モダン配色の画面
モダン

モダン

 ≫ 配色パターン一覧に戻る

 

❹ブルー

ブルーの配色

ブルーの配色

ブルー配色の画面

❺コーヒー

コーヒーの配色

コーヒーの配色

コーヒー配色の画面
コーヒー

コーヒー

 ≫ 配色パターン一覧に戻る

 

❻エクトプラズム

エクトプラズムの配色

エクトプラズムの配色

エクトプラズム配色の画面
エクトプラズム

エクトプラズム

 ≫ 配色パターン一覧に戻る

 

❼ミッドナイト

ミッドナイトの配色

ミッドナイトの配色

ミッドナイト配色の画面

❽オーシャン

オーシャンの配色

オーシャンの配色

オーシャン配色の画面

❾サンライズ

サンライズの配色

サンライズの配色

サンライズ配色の画面
サンライズ

サンライズ

≫ 配色パターン一覧に戻る

変更はリアルタイムで反映されるので、自分好みの配色を探してみて下さい。

 

ちなみに各テンプレートの配色は固定なので、自分の好きなカラーには設定できません。

どうしても自分の好きな色に細かく設定したい場合は、CSSなどによるカスタマイズになるので精通した知識が必要となる上にWordPressの不具合リスクも伴うのであまりオススメしません。

 

▼WordPressカスタマイズ、CSSデザインなどを学びたい人にはわかりやすいガイドブックもありますよ。

≫ 【Amazon.co.jp 限定】1冊ですべて身につくHTML & CSSとWebデザイン入門講座 (DL特典: CSS Flexbox チートシート)

 
以上、最後まで閲覧いただきありがとうございました。

コメント

タイトルとURLをコピーしました