WordPress 管理ダッシュボードをカスタマイズする方法 (6 つのヒント)

私たちは長年にわたり、数十社のクライアントのためにWordPress管理エリアをカスタマイズしてきました。レイアウトを簡素化する場合でも、ブランディングのタッチを追加する場合でも、よりクリーンなダッシュボードは常にサイトをより洗練されたものにします。

デフォルトの管理画面は機能しますが、必ずしも初心者向けではありません。特にプラグインが独自のウィジェットやメニューを追加すると、散らかっているように感じることがあります。

そのため、私たちはしばしば注意散漫なものを削除し、メニューを整理し、特に技術者以外のユーザーにとってダッシュボードを使いやすくします。

このガイドでは、コードを書かずにWordPressの管理画面とダッシュボードをカスタマイズする方法を紹介します。初心者向けで、完全に安全に実行できます。

WordPress管理画面ダッシュボードのカスタマイズ

この記事で取り上げるトピックの簡単な概要を以下に示します。

準備はいいですか?始めましょう。

WordPress管理エリアをカスタマイズする理由

しばらくの間WordPressウェブサイトを管理している場合、管理エリアがウィジェット、メニュー項目、プラグイン通知でいっぱいになっているのを見たことがあるかもしれません。

散らかったWordPress管理エリア

一部の警告は、dismissすると消えます。しかし、他の多くの警告は残り、さまざまな管理画面に表示されます。

多くの初心者が気づいていないのは、これを実際に整理できるということです。不要な項目を非表示にしたり、ウィジェットを並べ替えたり、ワークフローに合わせてダッシュボードをパーソナライズしたりできます。

クライアントが重要なことに集中し、気を散らすものを避けるのを助けるために、私たちはこれを行ってきました。管理エリアを簡素化する素晴らしい方法です。特に技術者でないユーザーにとっては。

次のステップでは、初心者にも優しく、安全に実行できる方法でWordPressダッシュボードをカスタマイズする方法を説明します。

1. 画面オプションを使用してWordPress管理要素を非表示にする

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

それをクリックすると、さまざまなオプションが表示されるドロップダウンメニューが表示されます。表示したくないオプションのチェックを外すだけで、そのページから消えます。

WordPress管理画面のダッシュボードページにある画面オプション

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

「ダッシュボード」ページでは、ウィジェットをドラッグアンドドロップして画面上で並べ替えることもできます。たとえば、「概要」ウィジェットや「サイトヘルス」ウィジェットを一番上に移動させることができます。

ダッシュボード画面でのウィジェットの移動

「スクリーンオプション」ボタンをクリックすると、WordPress管理エリア内のどのページを見ているかによって異なるオプションが表示されます。

例えば、投稿 » 全ての投稿ページでは、画面オプションボタンをクリックすると、列を表示または非表示にしたり、表示される投稿数を変更したり、拡張表示に切り替えたりできます。

投稿ページの画面オプション

WordPress管理エリア内のさまざまなページで「画面オプション」機能を使用して、それらのページを自分のニーズに合わせて調整できるオプションを確認してください。

注意: 画面オプションの設定はユーザーごとに保存されます。あなたの変更は、WordPressサイトの他のユーザーや著者には適用されません。

2. ブロックエディタ画面をカスタマイズする

平均的なWordPressユーザーは、ブロックエディターを使用してほとんどの時間を費やしています。これは、ブログ投稿を作成したり、ウェブサイトのページを作成したりするために使用するデフォルトのWordPressコンテンツエディターです。

ブロックエディターには、コンテンツを編集するための十分なスペースを提供する、すっきりとしたユーザーインターフェースがすでに備わっています。

ブロックエディター画面

ただし、執筆体験をさらに向上させるために特定の調整を行うこともできます。

設定にアクセスするには、画面右上にある 3 つのドットのメニューボタンをクリックし、「設定」オプションを選択するだけです。

ブロックエディターの設定

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

まず、「一般」タブでユーザーインターフェイスを縮小でき、インターフェイスがよりコンパクトになります。

ブロックエディターの一般設定

現在いるブロックのみをハイライトし、画面の他の部分をフェードさせる「スポットライトモード」をオンにすることもできます。

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

ブロックの表示/非表示

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

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

ブロックエディターでパネルを表示/非表示にする

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

次に、上部にある「歯車」アイコンをクリックすると、設定パネルの表示/非表示が切り替わります。これは、全幅レイアウトで作業している場合に便利です。

ブロックエディターパネル

歯車アイコンによって表示されるサイドバー内で、上向き矢印をクリックして任意のタブを折りたたむことができます。

これにより、追加の不要な表示がクリアされ、集中できるブロックエディタ画面を作成するのに役立ちます。

ポストパネルのタブを折りたたむ

コンテンツ作成体験をより快適にするために、WordPressコンテンツエディタを使いこなすための16のヒントに関する追加のヒントも参照してください。

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

ウェブサイトにWordPressプラグインをさらにインストールすると、それらの多くがWordPress管理ダッシュボードの左側のサイドバーメニューにメニュー項目を追加していることがわかります。

管理者サイドバーの乱雑さ

それらのいくつかに定期的にアクセスする必要があるかもしれません。たとえば、問い合わせフォームのエントリに簡単にアクセスしたり、WordPressブログのSEO設定を微調整したりしたい場合があります。

ただし、これらのメニュー項目のいくつかに常にアクセスする必要がない場合や、サイトの他のユーザーに見られたくない場合があります。

幸いなことに、WordPress管理画面のサイドバーに表示されるメニュー項目を制御するのに役立つプラグインがあります。管理画面でメニュー項目を表示できるユーザーロールを制御することもできます。

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

有効化後、管理画面メニューを設定するには、設定 » メニューエディター ページにアクセスする必要があります。

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

メニュー項目を削除

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

WordPress管理画面のサイドバーのメニュー項目を表示できるユーザーを制限することもできます。メニュー項目をクリックして選択し、設定で「追加の権限」の下に制限を設定します。

ユーザーロールに制限

たとえば、上の画像では、管理者ユーザーロールを持つユーザー以外からコメントメニュー項目を非表示にしています。

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

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

非表示の管理者メニュー

変更がすぐに表示されない場合は、メニューのカスタマイズを表示するためにページを更新するか、ログアウトして再度ログインする必要がある場合があります。

詳細については、WordPress 管理画面で不要なメニュー項目を非表示にする方法に関する完全なチュートリアルをご覧ください。

4. WordPress 管理ツールバーに表示されるものをカスタマイズする

管理バーは、WordPress管理画面の上部にあるメニューです。ログインしているときに、ウェブサイトの公開エリアにアクセスした場合にも、ツールバーが表示されます。

WordPress 管理バー

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

有効化したら、設定 » Adminimize ページに移動し、「管理バーバックエンドオプション」および「管理バーフロントエンドオプション」タブを探します。

管理ツールバーのオプション

いずれかをクリックすると、WordPress管理バーに表示する項目を選択できるオプション画面に移動します。

各ユーザーロールに表示される項目を選択することもできます。

管理ツールバーから項目を非表示にする

変更を保存するには、「オプションを更新」ボタンをクリックすることを忘れないでください。

詳細については、WordPress管理バーに関する初心者向けガイドをご覧ください。

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

WordPressには、管理画面に使用できるいくつかの基本的な配色オプションが用意されています。

単純にユーザー » プロフィールページに移動し、「管理画面の配色」オプションを見つけます。

WordPress管理画面で色合いをプレビューするには、色合いをクリックする必要があります。

WordPress管理画面のカラースキームを選択

変更を保存するために、下部にある「プロフィールを更新」ボタンをクリックすることを忘れないでください。

利用可能な配色が気に入らないですか?

Admin Color Schemerプラグインをインストールして有効化することで、カラーテーマを作成できます。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。

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

有効化したら、カラーカラースキームを作成するために、ツール » 管理者の色ページにアクセスする必要があります。

WordPress管理画面の配色を自分で作成する

カスタマイズが完了したら、「保存して使用」をクリックしてダッシュボードに適用します。

注意: プラグインを無効にするか、ユーザー » プロフィールページでデフォルトのカラーカラースキームを読み込むことで、色の変更を取り消すことができます。

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

6. WordPress 管理画面用のカスタムログインページを作成する

コードを書かずに、デフォルトのWordPressログインページを独自のカスタムログインページに置き換えたいですか?

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

SeedProd WordPressウェブサイトビルダー

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

有効化したら、SeedProd » 設定ページにアクセスしてライセンスキーを入力してください。この情報はSeedProdウェブサイトのアカウントで確認できます。

SeedProdライセンスを確認しています

その後、SeedProd » ランディングページ に移動します。

作成できるランディングページの選択肢が表示されるので、「ログインページ」というラベルのページを見つけて、「ログインページを設定」ボタンをクリックしてください。

SeedProdログインページの設定

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

SeedProdには、開始点として使用できる多くの美しいデザインが付属しています。

テンプレートを選択

テンプレートを選択してクリックし、ログインページの名前を提供してください。

この名前は、後で編集する必要がある場合に、このページを識別するために内部的に使用されます。

ログインページ名

続行するには、「保存してページ編集を開始」ボタンをクリックしてください。

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

ログインページビルダー

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

ページデザイン自体に加えて、フォームのラベルやテキストを調整することもできます。

ログインフォームの編集

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

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

ログインページリダイレクトをオンにする

最後に、右上にある「保存」ボタンをクリックすることを忘れないでください。

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

ログインページを公開

これで、WordPressウェブサイトの通常のログインページにアクセスできます。

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

カスタムログインページ

詳細については、WordPressのカスタムログインページを作成する方法に関するガイドをご覧ください。

🔒 WordPress管理エリアをパーソナライズおよび保護するためのその他の方法

ダッシュボードのカスタマイズは始まりにすぎません。完全にパーソナライズされ、安全な管理エクスペリエンスが必要な場合は、他に確認する価値のあるガイドがいくつかあります。

この記事が、WordPress管理画面を簡単にカスタマイズする方法を学ぶのに役立ったことを願っています。また、WordPressダッシュボードに通知センターを追加する方法に関するガイドをご覧になるか、WordPress管理画面を改善するための便利なプラグインをチェックすることもできます。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterFacebookでもフォローできます。

開示:当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、当社が手数料を得る可能性があることを意味します。WPBeginnerがどのように資金提供されているか、それがなぜ重要か、そしてどのように私たちをサポートできるかについては、こちらをご覧ください。当社の編集プロセスはこちらです。

究極のWordPressツールキット

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

読者とのインタラクション

11 CommentsLeave a Reply

  1. ブロックエディターのカスタマイズに関するセクションは本当に参考になりました。ElementorやSeedProd Page Builderに慣れているため、Gutenbergは常に少し散らかっているように感じていました。これで最適化して、ずっと使いやすくなりました。ありがとうございます!

  2. 「画面オプション」ボタンがこれまで何に使われていたのか知らなかったことに、文字通り笑ってしまいました。これを使うだけで、管理画面がすっきりしました。他のヒントも試してみるつもりです。本当にありがとう!

  3. まあ…すべてにはコストがかかります…サイドバーのツール(外観 – ウィジェット…説明…タイトル..タグ..その他いくつか)について、もう少し情報を提供してくれたらよかったと思います。

  4. 大学時代に約3年前にWordPressを使用しました。今はホスティングサービスを使いたくありません…練習のため、最新のものを学び、遊びたいだけWordPressを使いたいです。ホスティングなしで使用する方法はありますか?

  5. 本当にありがとうございます……私のWordPressのキャリアの始まりに多くのことを学びました……wpbeginnerは私にとって非常に役立ちます

  6. これは最も基本的でありながら最も重要な部分だと思います。WPで管理エリアをカスタマイズする方法を知っている人は誰もいません。あなたの記事は非常に役立ちます。

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

    素晴らしい共有をありがとうございます。

  7. これは素晴らしいツールだと感じました…私は初心者ですが、もうすぐ初心者ではなくなります…このツールは初心者にとって完璧です…負担を軽減してくれて本当にありがとう…ダッシュボードが多すぎても役に立たない…笑

  8. WPを約2年間使用していますが、管理画面を自分のニーズに合わせて変更する方法を見たことがありませんでした。そのようなことができるとは知りませんでした!ヒントをありがとう、すぐに試してみます!

  9. いつものように、素晴らしい記事と分かりやすい説明ですね。数週間前に、ユーザー(著者、編集者など)のために管理画面を整理することに焦点を当てた同様のチュートリアルを書きました。
    [リンク削除済み]

返信を残す

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