WordPressで管理画面(バックエンド)の色を自由に変更できるプラグイン「Backend Designer」

Wordpressのバックエンド(管理画面)の色合いはユーザー設定でいろいろなカラースキーム(色合い)から選択できるようになっているのはご存じですね。

WordPressではこの色合いをコアファイル(Wordpress本体)で決定しているため、通常のCSS編集では変更できません。

いろいろな設定があるけどなかなか気に入ったものがない!!というときに「Backend Designer」は役に立ちます。このプラグインではユーザーごとにカラースキームを選択することはできませんが、バックエンドで複数の人が投稿するようなサイトを作成する際にフロントエンドと色合いを共通化できるので違和感なく作業をしてもらうことができるようになります。

また同時にログイン画面の色合いの変更や、ロゴ画像の変更もできます。

実際にテストしたところ、簡単に変更できる秀逸なプラグインだと感じましたが、2点だけ、ボタンや文字の影の色が変更できないため背景色を変えたときには少し違和感が残る印象です。また、環境によってはログイン画面の背景色が適用されないことがあるようです。

管理画面用のCSSを直接編集したいという方、完全オリジナルにしたい方、CSSの編集に慣れている方は

Wordpressでは通常のテーマで制御できない管理画面側のCSSがあります。「Admin Customizer」オリジナルのCSSを記述して自由にログイン画面や管理画面のデザインを変更できるプラグインです。

の方が自由度は高いと思います。

スポンサーリンク

【Backend Designer】プラグインの基本的な機能・できること

  1. WordPressバックエンド用の独自のデザインを作成
  2. あなたのバックエンドに好みのフォントファミリを設定
  3. 独自のロゴをアップロードし、お気に入りの色でスタイルを設定
  4. ログイン画面に素晴らしい背景画像をアップロード
この記事の内容について
このプラグイン紹介記事は簡易的に動作テストをした上で紹介していますが以下の点にご注意願います
  1. すべての環境で動作するとは限りません
  2. 閲覧される時期によってはバージョンが変わり、仕様が大きく変更されている場合があります
  3. テストは原則無料版のみで実施しています
  4. テスト環境については文末に記載しています

【Backend Designer】プラグインの設定画面や表示の日本語化と翻訳

当サイトで私が翻訳した【Backend Designer】プラグインの日本語化ファイルを配布しています。

翻訳ファイルは

「Backend Designer」プラグインの日本語化ファイルを作りました。自由にダウンロードして使ってください。

からダウンロードできます(ダウンロードの方法や日本語の適用方法なども解説しています)

翻訳することで設定が容易になり、重要な項目の設定漏れも少なくなりますから日本語化をお勧めします。

【Backend Designer】プラグインのインストールと設定

インストールと設定方法

インストールはプラグインの新規追加でプラグイン名で検索してインストールするか、ページ先頭の画像をクリックして表示されるWordpressのプラグイン公式配布ページがダウンロードしてからアップロードインストールします。

インストール方法の詳しい解説は

Wordpressと言えばさまざまな追加機能を使って思い通りの表現や動作ができるのがブログやHTMLで作ったサイトと違って楽しいところですね。ここでは基本的なプラグインの導入の仕方とトラブルが発生した場合の対処方法について解説します。
を参照ください

【Backend Designer】プラグインの基本的な使い方

設定はダッシュボードから「外観」→「Backend Designer」で行います

項目は
【管理画面のカスタマイズ】

  1. メインメニュー背景色
  2. メインメニューの文字色
  3. サブメニューの背景色
  4. サブメニューの文字色
  5. マウスオーバーしたときの色
  6. フォント
  7. 有効/このプラグインの変更を有効にする場合はチェックします

【ログイン画面のカスタマイズ】

  1. カスタムロゴ
  2. 背景画像
  3. 背景色
  4. 文字色

このプラグインでの変更を適用するには設定画面で「有効」にチェックを入れます。変更を保存すると設定した色が反映されます。

Amazonの人気商品楽天市場の人気商品
いちばんやさしいWordPressの教本第3版 人気講師が教える本格Webサイトの作り方 (「いちばんやさしい教本」)

いちばんやさしいWordPressの教本第3版 人気講師が教える本格Webサイトの作り方 (「いちばんやさしい教本」)

  • 価   格:¥ 1,706
  • 販 売 者: Amazon.co.jp
  • 評   価:
  • 商品の概要:ASIN: 4295000795
    インプレス

本当によくわかるWordPressの教科書 はじめての人も、挫折した人も、本格サイトが必ず作れる

本当によくわかるWordPressの教科書 はじめての人も、挫折した人も、本格サイトが必ず作れる

  • 価   格:¥ 1,685
  • 販 売 者: Amazon.co.jp
  • 評   価:
  • 商品の概要:ASIN: 4797395168
    SBクリエイティブ

はじめてのブログをワードプレスで作るための本

はじめてのブログをワードプレスで作るための本

  • 価   格:¥ 1,944
  • 販 売 者: Amazon.co.jp
  • 評   価:
  • 商品の概要:ASIN: 4798052817
    秀和システム

CS Shop
WordPress 仕事の現場でサッと使える!デザイン教科書【電子書籍】[ 中島真洋(著)ロクナナワークショップ(監修) ]

WordPress 仕事の現場でサッと使える!デザイン教科書【電子書籍】[ 中島真洋(著)ロクナナワークショップ(監修) ]

  • 価   格:3,002 円 (税込) 送料込
  • 販 売 者: 楽天Kobo電子書籍ストア
  • 評   価:
  • 商品の概要:【ご注意:本書は固定レイアウト型の電子書籍です。ビューア機能が制限されたり、環境により表示が異なる場合があります】Webデザイナー養成講座シリーズは,プロのデザイナーとして仕事をする上で,必須のスキルを身につけるためのシリーズです。本書では,WordPressをこれ..
ビジネスサイトをこれからつくる WordPressデザイン入門サイト制作から納品までのはじめの一歩【電子書籍】[ 秋元 英輔 ]

ビジネスサイトをこれからつくる WordPressデザイン入門サイト制作から納品までのはじめの一歩【電子書籍】[ 秋元 英輔 ]

  • 価   格:2,592 円 (税込) 送料込
  • 販 売 者: 楽天Kobo電子書籍ストア
  • 評   価:
  • 商品の概要:<p>ハイ・クオリティなビジネスサイトを作る</p> <p>※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。</p> <p>プログラミングの知識..
WordPress 仕事の現場でサッと使える! デザイン教科書 (Webデザイナー養成講座) [ 中島真洋著 ]

WordPress 仕事の現場でサッと使える! デザイン教科書 (Webデザイナー養成講座) [ 中島真洋著 ]

  • 価   格:3,002 円 (税込) 送料込
  • 販 売 者: 楽天ブックス
  • 評   価: 評価 5
  • 商品の概要:Webデザイナー養成講座 中島真洋著 ロクナナワークショップ監修 技術評論社WordPress シゴトノゲンバデサッ トツカエルデザインキョウカショ ナカシマ マサヒロ チョ ロクナナワークショップ カンシュウ 発行年月:2015年06月 ページ数:368p サイズ:単行本 ISBN:97847741..
楽天ウェブサービスセンター CS Shop

プラグインに関するお問い合わせ

最後までお読みいただきありがとうございました。 内容の相違、導入後のトラブル、設定方法のお問い合わせなどはこちらのリンクからお願いします。
さまざまな情報をいただくことで、プラグインの紹介記事をより正確でよりわかりやすく、よりいろいろな方のお役に立てる情報にしていきたいと考えておりますので、ぜひともご協力をお願いいたします。
役に立つ情報でしたらぜひSNSやメールでシェアしてください
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  

似たようなプラグインをお探しですか?

このプラグインはに分類されています。リンクをクリックすると同じような機能を持つプラグインの紹介記事一覧が表示されますので、プラグイン探しに是非ご活用ください。

メニューを表示できません

ページ先頭へ