Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPress管理ダッシュボードのカスタマイズ方法(6つのコツ)

編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

WordPressの管理ダッシュボードをカスタマイズしたいですか?

WordPressの管理エリアは、ウィジェットやメニュー項目、WordPress自身や他のプラグインやテーマによって追加されたオプションでごちゃごちゃしすぎることがあります。

この初心者向けガイドでは、不要な項目を非表示にしたり、管理画面を並べ替えたりすることで、WordPressダッシュボードを簡単にカスタマイズする方法を紹介します。 また、管理画面のメニューの変更方法など、盛りだくさんの内容でお届けします。

Customizing your WordPress admin area dashboard

この投稿で取り上げるトピックを簡単に紹介しよう。

準備はいいかい?始めよう

なぜWordPress管理エリアをカスタマイズするのか?

WordPressでサイトを運営されている方であれば、WordPressの管理エリアに様々なウィジェットやお知らせ、メニュー項目があることにお気づきかもしれません。

Cluttered WordPress admin area

プラグイン通知やアラートのようないくつかの項目は、閉じたり解除したりすると消えてしまう。しかし、他の多くの項目はWordPressの管理画面上にそのまま残ります。

ほとんどのWordPress初心者が知らないのは、これらの項目を非表示にしたり、移動させたり、サイト上のWordPress管理ダッシュボードを簡単にカスタマイズできることだ。

多くの開発者は、WordPressの管理ダッシュボードをより簡単にするために、カスタマイザー向けにカスタマイズしています。

そこで、WordPressの管理エリアを簡単にカスタマイズし、WordPressの使い勝手を向上させる方法を見ていきましょう。

1.表示オプションでWordPress管理画面の要素を非表示にする

メインのダッシュボードを含む多くのWordPress管理ページには、画面右上に表示オプションボタンがあります。

クリックすると、さまざまなオプション設定のあるフライダウンメニューが表示されます。見たくないオプションのチェックを外せば、そのページから消えます。

Screen Options on the Dashboard page in WordPress admin area

例えば、「ダッシュボード」ページでは、使ったことのないウィジェットを非表示にし、価値のある情報を提供するウィジェットを残すことができる。

ダッシュボード」ページでは、ウィジェットをドラッグ&ドロップして画面上で並べ替えることもできます。例えば、’At a Glance’ウィジェットと‘Site Health‘ウィジェットを一番上に移動させることができます。

Moving widgets on the Dashboard screen

画面オプション」ボタンは、WordPress管理エリアのどのページを見ているかによって異なるオプションを表示します。

例えば、投稿日 ” すべての投稿ページでは、画面オプションボタンでカラムの表示・非表示、表示投稿数の変更、拡張表示への切り替えができます。

Screen Options on the posts page

WordPressの管理エリア内のさまざまなページで「画面設定オプション」機能を使用してみてください。

注意:表示オプションの設定はユーザーごとに保存されます。WordPressサイトの他のユーザーや投稿者には適用されません。

2.WordPress管理エリアのブロックエディター画面のカスタマイズ

平均的なWordPressユーザーは、ほとんどの時間をブロックエディターを使って過ごします。これはWordPressの初期設定のコンテンツエディターで、ブログ投稿やサイトのページ作成に使用します。

ブロックエディターにはすでに、コンテンツを編集するための多くのスペースを提供する、乱雑さのないユーザーインターフェースが備わっている。

Block editor screen

しかし、執筆体験をより良いものにするために、特定の設定を調整することもできる。

画面右上の三点メニューボタンをクリックし、設定オプションをクリックするだけです。

Block editor Preferences

すると、ブロックエディターのさまざまな設定を調整できるポップアップが表示されます。

まず、’General’タブで、ユーザーインターフェースを小さくすることができます。

Block editor general preferences

また、「スポットライトモード」をオンにすると、今いるブロックだけがハイライトされ、画面の他の部分がフェードアウトする。

次に、「ブロック」タブに切り替えます。ここから、エディター内で利用可能なブロックを表示したり非表示にしたりできます。

Show or hide blocks

最後に、「パネル」タブにはさらに多くのオプションがある。

ここから、ブロックエディターの右側サイドバー内にどのパネルを表示するか、非表示にするかを決めることができます。

Show hide panels in block editor

使わない機能を非表示にしたら、右上の「X」をクリックして投稿エディターに戻ることができます。

次に、上部の「歯車」アイコンをクリックすると、設定パネルが拡大または非表示になります。これは全幅のコンテンツレイアウトを扱うときに便利です。

show or hide settings panel

歯車アイコンで表示されるサイドバーでは、上向き矢印をクリックすることでタブを折りたたむことができます。

こうすることで、余計なごちゃごちゃがなくなり、気が散らないブロックエディター画面を作ることができる。

Collapse tabs in the post panel

WordPressのコンテンツエディターを使いこなすためのヒントも参考にして、コンテンツ制作をより快適なものにしてください。

3.WordPress管理メニュー項目の表示と非表示

サイトにより多くのWordPressプラグインをインストールすると、その多くがWordPress管理ダッシュボードの左サイドバーメニューに独自のメニュー項目を追加することがわかります。

Admin sidebar clutter

その中には、定期的にアクセスする必要があるものもある。例えば、お問い合わせフォームに簡単にアクセスしたい場合や、WordPressブログのSEO設定を微調整したい場合などです。

しかし、これらのメニュー項目に定数アクセスする必要がなかったり、サイトの他のユーザーに見せたくない場合もあるでしょう。

幸いなことに、WordPressの管理サイドバーに表示されるメニュー項目をコントロールできるプラグインがあります。また、どのユーザー権限グループが管理エリアのメニュー項目を見ることができるかをコントロールすることもできます。

まず、Admin Menu Editorプラグインをインストールして有効化する必要があります。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

有効化した後、管理エリアのメニューを設定するために、設定 ” メニューエディターページにアクセスする必要があります。

最初のカラムにメインメニュー項目がすべて表示されます。メニュー項目をクリックすると、その下にネストされた子項目が2列目に表示されます。

Delete menu item

メニュー項目をクリックして選択し、ツールバー上部の削除ボタンをクリックして削除することができます。

WordPressの管理サイドバーで、メニュー項目を表示できる人を制限することもできます。メニュー項目をクリックして選択し、設定の「Extra capability」で制限を設定するだけです。

Restrict to user role

例えば、上の画像では、管理者権限グループ以外のすべてのユーザーからコメントメニュー項目を非表示にしています。

管理エリアのメニューを変更したら、忘れずに「変更を保存」ボタンをクリックして設定を保存してください。

このプラグインは、カスタマイズしたWordPress管理エリアのメニューを画面に表示します。

Hidden admin menus

変更がすぐに表示されない場合は、ページを更新するか、ログアウトしてログインし直すとメニューのカスタマイザーが表示されるかもしれません。

詳しくは、WordPress管理エリアの不要なメニュー項目を非表示にする方法のチュートリアルをご覧ください。

4.WordPress管理ツールバー外観のカスタマイズ

管理ツールバーは、WordPressの管理エリア画面の上部にあるメニューです。ツールバーは、ログイン中にサイトのパブリックエリアにアクセスした際にも表示されます。

WordPress admin toolbar

WordPress管理ツールバーをカスタマイズするには、Adminimizeプラグインをインストールして有効化します。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

有効化したら、Settings ” Adminimize ページに行き、’Admin Bar Backend Options’ と ‘Admin Bar Front End Options’ タブを探してください。

Admin toolbar options

どちらかをクリックするとオプション画面が表示され、WordPressの管理バーに表示する項目を選択することができます。

また、各ユーザー権限グループに表示される項目を選択することもできます。

Hide items from admin toolbar

オプションの更新」ボタンをクリックして変更を保存することをお忘れなく。

詳しくは、WordPress管理ツールバーの初心者ガイドをご覧ください。

5.WordPress管理画面の配色を変更する

WordPressには、管理エリアに使用できるいくつかの基本的なカラーオプションが用意されています。

ユーザー ” プロフィールのページに行き、「管理者配色」オプションを見つけるだけです。

配色をクリックすると、WordPressの管理エリアでプレビューできます。

Choose a color scheme for WordPress admin area

一番下にある「プロフィールを更新」ボタンをクリックして、変更を保存することをお忘れなく。

配色が気に入らない?

Admin Color Schemerプラグインをインストールして有効化すれば、独自の配色を作ることができます。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

注意:Admin Color Schemerプラグインは、しばらく更新されていないという警告が表示されることがあります。それはプラグインに更新が必要なかったからです。WordPressコアチームによって作成され、インストールしても安全です。

有効化した後、Tools ” Admin Colorsページにアクセスして配色を作成してください。

Make your own WordPress admin color scheme

カスタマイザーに満足したら、「Save and Use(保存して使用)」をクリックしてダッシュボードに適用することができます。

注:プラグインを無効化するか、ユーザー ” プロフィールページで初期配色設定を読み込むだけで、配色変更を元に戻すことができます。

詳しくは、WordPress管理画面の配色を変更する方法(初心者向け)のチュートリアルをご覧ください。

6.WordPress管理エリアのカスタムログインページを作成する

WordPressの初期設定のログインページを、コードを書かずに独自のカスタムログインページに置き換えたいですか?

そのためには、SeedProdが必要です。これは、美しいドラッグ&ドロップツール(コーディング必須なし)でWordPressサイトをデザインできる最高のWordPressページビルダーです。

SeedProd WordPress Website Builder

まず、SeedProdプラグインをインストールして有効化する必要があります。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

有効化した後、SeedProd ” 設定ページでライセンスキーを入力してください。この情報は、SeedProdサイトのお客様のアカウントの下にあります。

Verifying your SeedProd license

その後、SeedProd ” ランディングページにアクセスしてください。

作成できるランディングページの種類が表示されるので、「ログインページ」と書かれたページを見つけて、「ログインページを設定する」ボタンをクリックします。

Set up a login page

次に、ログインページデザインのテンプレートを選択するよう求められます。

SeedProdには、出発点として使える美しいデザインがたくさん用意されています。

Choose template

クリックしてテンプレートを選択し、ログインページの名前を入力するだけです。

この名前は、あなたが再び編集する必要があるときに、このページを識別するために内部的に使用されます。

Login page name

Save and Start Editing the Page(ページを保存して編集を開始する)」ボタンをクリックして次に進みます。

SeedProdページビルダーのインターフェースが起動します。これはドラッグ&ドロップ式のデザインツールで、画面上の任意の項目をポイント&クリックして編集することができます。

Login page builder

サイドバーから新しい項目を追加したり、ログインフォームを編集してユーザーのログイン後の動作を選択することができます。

ページのデザインだけでなく、フォームのラベルやテキストも調整できる。

Editing login form

完了したら、ビルダーの「ページ設定」タブに切り替えます。

デフォルトのログインページをリダイレクトする」オプションまでスクロールダウンして、この設定をオンにします。

Turn on login page redirect

最後に、右上の「保存」ボタンをクリックするのをお忘れなく。

次に「公開する」をクリックして、新しいログインページを作成します。

Publish login page

これでWordPressサイトの通常のログインページにアクセスできるようになります。

その代わりにカスタムデザインが表示され、ユーザーにも表示されます。

Custom login page

詳しくは、WordPressのカスタムログインページの作成方法をご覧ください。

この投稿が、WordPress管理エリアを簡単にカスタマイズする方法のお役に立てば幸いです。また、WordPress 管理エリアの保護方法や、サイト全体を保護するためのWordPress セキュリティ完全ガイドもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

9件のコメント返信を残す

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. tony robert says

    well…everything has a cost…i feel you should have provided few more info about the side bar tools like appearances – widgets…description…tittle..tags..few more

  3. Melissa says

    I did use the wordpress during the college about 3 years ago. Right now, I don’t want to use hosting service…just want to use the wordpress to practice more, updated stuff to learn and play around. Is there a way to use without install the hosting?

    • WPBeginner Support says

      No. However, you wouldn’t have to deal with hosting stuff. Once setup properly, your WordPress site would run without you having to manage any hosting related issues.

      管理者

  4. mandy says

    Thank you so much……I learn many things for my beginning WordPress career……wpbeginer is so helpful for me

  5. Gowebbaby says

    I think this is most basic yet most important part. Everyone don’t know how to customize admin area in WP and your article is very helpful for the.

    If the first step will be right then rest will go fine… :)

    Thanks for nice sharing.

  6. Diana M Cook says

    I found this to be a wonderful tool…I am a novice but not for long now..this tool is perfect for the novice..thanks so much for lessening the load…too much dashboard is not helpful..lol

  7. Brad says

    You know I have been using WP for about 2 years and have never looked at changing the Admin area to be more suited to my needs, I didnt even know it could be done! thanks for the tip, will get on it!

  8. Adam W. Warner says

    Nice write up and clear instruction as always. I wrote a similar tutorial a couple weeks ago focused on decluttering the admin area for your users (Authors, Editors, etc.)
    [Link Removed]

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。