WordPressのカスタマイズ方法やプラグインレビューを中心に、パソコン/動物/植物のことなどを紹介するホームページです

管理画面を簡単にカスタマイズできるプラグイン「AE Admin Customizer」

公開日:2017年9月13日 デザイン バックエンド(管理)


汎用のCMSツールなので仕方ないこととはいえ、Wordpressの管理画面はちょっと質素で味気ない感じがしますよね?これは複数のユーザーで管理する場合だけでなく、個人的にサイトを作っている場合でもやる気やモチベーションに影響すると思います。

【AE Admin Customizer】はCSSなどの知識がなくても管理画面やログイン画面などの色や文字、ロゴなどを簡単に変更できるプラグインです。他にも同様のプラグインはいろいろありますが、個人的には一番使いやすく、「ここを変えたい」という項目が一番充実していると思います。

このプラグインのいいところはいろいろなカスタマイズがメニュー上で行えることに加えて独自のCSSが合わせて使えることです。Wordpressの管理画面やログイン画面のCSSは通常のCSSとは別物なので、同時にカスタマイズできるのはうれしい機能です。

また、設定した内容をエクスポートしたりインポートしたりできるので複数のサイトでデザインを共有する際にはとても便利だと思います。

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

  1. 管理画面でWordpressを使ったサイトであると判別できる部分をカスタマイズする
  2. 管理バーの表示項目をカスタマイズする
  3. ログイン画面・ユーザー登録画面をカスタマイズする
  4. 独自のCSSを適用できる
  5. 設定をインポート/エクスポートする

設定できる詳細な項目については下の使い方を参照ください

この記事を参考にプラグインの導入をする際以下に留意ください

このプラグイン紹介記事は簡易的に動作テストをした上で紹介していますが以下の点にご注意願います
  1. すべての環境で動作するとは限りません
  2. できる限り最新のバージョンの情報を紹介するようにしておりますが、閲覧される時期によってはバージョンが変わり、仕様が大きく変更されている場合があります
  3. 有料版と無料版がある場合、テストは原則無料版のみで実施しています
  4. テスト環境については本文中に記載しています
  5. 使用方法で紹介しているショートコードやコードなどをコピーして使用すると、環境によっては記号などが文字化けすることがあります。コピーしたのに動作しない場合は特に「"」「'」などの記号を入力し直してみてください。

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

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

翻訳ファイルは

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

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

【AE Admin Customizer】プラグインのインストールと設定

インストール方法

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

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

を参照ください

【AE Admin Customizer】プラグインの基本的な使い方

設定はダッシュボードに追加される【AE Admin Customizer】をクリックして行います

設定できる項目は次の通りです

「基本設定」タグ

  1. 管理画面上のロゴ画像を変更する
  2. 管理画面の下にあるワードプレスのバージョン情報を非表示にする
  3. ソース上のスクリプトとスタイルシートのバージョン情報を非表示にする
  4. (HTML/RSS)のジェネレータータグを非表示にする
  5. 管理画面・編集画面の「ヘルプ」タブを非表示にする
  6. 表示オプションタブを非表示にする
  7. 「ようこそ」ウィジェットを非表示にする
  8. WordPressニュースウィジェットを非表示にする
  9. 最下部の「Wordpressのご利用ありがとうございます」の文字列を変更する

「管理バーのデザイン」タグ

管理バーとダッシュボード左サイドバー、管理画面の文字、ボタンデザインのカスタマイズができます
【管理バー部分】

  1. 背景色
  2. メニューの文字色
  3. マウスオーバー時のメニュー文字色
  4. メニューのアイコン色
  5. マウスオーバー時のメニュー背景色

【サイドバー部分】

  1. 背景色
  2. 親項目のマウスオーバー時と選択項目の背景色
  3. 子項目の背景色
  4. メニュー項目の文字色
  5. メニュー項目のマウスオーバー時の背景色
  6. メニューアイコンの色

【文字】

  • 文字色
  • リンク色
  • マウスオーバー時のリンク色
  • 【ボタンのデザイン】

    1. 標準のボタン色
    2. マウスオーバー時のボタン色
    3. 標準時のボタン文字色
    4. マウスオーバー時のボタン文字色
    5. プライマリボタンの色
    6. マウスオーバー時プライマリボタンの色
    7. プライマリボタンの文字色
    8. マウスオーバー時プライマリボタンの文字色

    「ログインと新規登録」タグ

    ログインした状態でログイン画面が確認できないことが考慮されており、プレビュー画面を表示して編集することができるようになっています。

    【背景全体】

    1. 背景色
    2. 文字色
    3. リンク色
    4. ボタン色

    【入力欄】

    1. 入力ボックスの色
    2. 入力ボックスの枠線色
    3. ボックスの角を丸くする
    4. 丸みの半径
    5. 入力ボックスの枠線の太さ
    6. ボックスの幅

    【背景画像】
    背景全体に画像を挿入できます

    「カスタムCSS」タグ

    管理画面・ログイン/ユーザー登録画面それぞれに対するCSSの記述ができます

    「インポート/エクスポート」タグ

    設定のインポート・エクスポートができます

    プラグインのテスト環境&個人的評価

    最後に【AE Admin Customizer】を動作確認した際の環境と個人的な評価を書いておきます。導入の検討や参考になれば幸いです。

    テストした環境

    1. WordPressのバージョン:4.7.5
    2. PHPのバージョン:7.0
    3. テーマ:Simplicity バージョン2.3.0g
    4. プラグインのバージョン:1.0.7
    5. このプラグインの最新バージョンは1.0.7です。バージョンが異なる場合には設定の仕方や動作仕様が変更になっている可能性があります。

    個人的な評価・感想ほか

      5段階評価

    1. 設定のしやすさ:★★★★★
    2. 使いやすさ:★★★★★
    3. おすすめ度:★★★★★

    上の一覧にもある通り、ここまでカスタマイズできれば十分だと思います。足りない部分はCSSで記述すればいいわけですから、Wordpressの管理画面にまつわるカスタマイズはこのプラグイン1つでできると思います。

    Wordpress関連の本

    いちばんやさしいWordPressの教本 第4版 5.x対応 人気講師が教 える本格Webサイトの作り方 (「いちばんやさしい教本」シリーズ)
    インプレス
    大きな画面の操作手順で迷わない。人気のテーマで、パソコン&スマホ両対応のWebサイトを作れる!ソーシャルメディアとの連携やSEO対策、バックアップなどの運用面も丁寧に解説。
    ※表示している価格は単行本のものです
    参考価格:1,738
    ※参考価格です。サービスやショップ、掲載時期などにより価格は異なりますのでご注意ください
    できるWordPress WordPress Ver. 5.x対応 本格ホームページが簡単に作れる本 できるシリーズ
    インプレス
    WordPressは無料かつ高機能で、シェア率No.1のCMS(コンテンツ管理システム)です。その拡張性の高さから企業のホームページ制作にも利用されているほどで、ホームページで情報発信をするに当たって、個人でも本気度の高い方はWordPressを利用していることが多いです。本書はそんなWordPressの初期設定から制作、カスタマイズ、運用のノウハウまで幅広く学べる1冊です。
    ※表示している価格は単行本のものです
    参考価格:1,628
    ※参考価格です。サービスやショップ、掲載時期などにより価格は異なりますのでご注意ください

    • ☆最後までお読みいただきありがとうございました。記事作者のひまあーとです。
      ☆Wordpressでサイトをカスタマイズしていく上で有用な情報を配信しつつ、「ココナラ」でサイトカスタマイズのお手伝い、不具合の修復、サイト引っ越し代行などをさせていただいております。
      ☆Wordpressネタが多いですが、趣味の「園芸」「卓球」などの情報や日々の出来事などもどんどん増やしていきますのでよろしくお願いいたします。

    QR Code

    このページはモバイル端末でもご覧いただけます

    左のQRコードを読み取っていただくと、このページのURLが表示され、簡単にアクセスできます。ぜひモバイル端末でもご覧ください。

    WordPressのカスタマイズ・不具合対応などご相談ください

    Wordpressのカスタマイズ、不具合解消のご相談はすべてココナラのダイレクトメッセージからお受けしております。まずはこちらのバナーからお気軽にお問い合わせください。

    ※一度もココナラを使ったことがない方はココナラへの無料登録が必要です。こちらから登録後、上のリンクをクリックする、またはココナラトップページから「ひまあーと」を検索してお問い合わせください。

    【スポンサーリンク】