WordPress 管理パネルにメニューとサブメニューを追加する方法

WordPress 管理パネルのデフォルトのメニューを使い終わった場合、または必要に応じてカスタマイズしたい場合

WordPress 管理パネルをメニューとサブメニューでカスタマイズすると、WordPress 管理パネルの操作が簡単になります。

この投稿では、簡単なコード スニペットを使用してメニューとサブメニューを追加する手順を説明します。

プラグイン設定を整理する場合でも、カスタム オプションを作成する場合でも、メニューを追加すると、WordPress 管理エリアをよりカスタマイズして使いやすくすることができます。まず、いくつかの基本を明確にしておきましょう。

メニューとサブメニューとは何ですか?

メニューは、「投稿」、「ページ」、「設定」など、WordPress 管理サイドバーで一般的に目につく主要な項目です。

ただし、サブメニューはメイン メニューの下にリストされるオプションです。たとえば、「投稿」の下には、「すべての投稿」や「新規追加」などのサブメニューがあります。つまり、サブメニューはメイン メニューの下にリストされるオプションです。

カスタムメニューを追加する方法

ここで、WordPress 管理ダッシュボードにカスタム メニューを追加する方法を疑問に思っているはずです。

まあ、それほど難しいことではありません。単純にadd_menu_page()関数を使用するだけです。

以下に、簡単な段階的な方法を示します。

1. テーマのfunctions.phpファイルを開きます。

このファイルを見つけるには、WordPress ダッシュボードに移動し、「外観」 > 「テーマ ファイル エディター」に移動し、 functions.phpファイルを選択します。

2. 次のコードを追加します。

function custom_plugin_menu() {

add_menu_page(

'My Custom Plugin', // Page title

'My Plugin', // Menu title

'manage_options', // Capability required

'my-plugin', // Menu slug (unique identifier)

'my_plugin_page', // Callback function to display page content

'', // Icon URL (leave empty for default icon)

6 // Position on the menu (optional)

);

}

add_action('admin_menu', 'custom_plugin_menu');

// Callback function to display the menu page content

function my_plugin_page() {

echo '<h1>Welcome to My Plugin Page!</h1>';

}

3. 変更を保存します。

コードを追加した後、 functions.phpファイルを保存します。新しい「My Plugin」メニューが WordPress 管理サイドバーに表示されるはずです。

サブメニューを追加する方法

新しいカスタム メニューの下に WordPress 管理者メニューの 2 層目のサブメニューを追加する場合は、 add_submenu_page()関数を使用します。その方法は次のとおりです。

1. サブメニュー コードをfunctions.phpに追加します。

関数custom_plugin_submenu() {

// 最初にトップレベルのメニューを追加します

add_menu_page(

「私のカスタムプラグイン」、

「私のプラグイン」、

'オプションの管理',

「私のプラグイン」、

「my_plugin_page」

);

// サブメニューの追加

add_submenu_page(

'my-plugin', // 親ナメクジ

'製品の追加', // ページタイトル

'製品の追加', // サブメニューのタイトル

'manage_options', // 必要な機能

'add-product', // サブメニュースラッグ

'add_product_page' // コールバック関数

);

add_submenu_page(

「私のプラグイン」、

'私たちについて'、

'私たちについて'、

'オプションの管理',

'私たちについて'、

「about_us_page」

);

}

add_action('admin_menu', 'custom_plugin_submenu');

// 「製品の追加」サブメニューのコールバック関数

関数 add_product_page() {

echo '<h1>ここに製品を追加してください!</h1>';

}

// 「About Us」サブメニューのコールバック関数

関数 about_us_page() {

echo '<h1>プラグインについて</h1>';

}

2. ファイルを保存します。

サブメニュー「製品の追加」と「会社概要」が、管理パネルの「マイ プラグイン」メニューの下に表示されます。

覚えておくべき重要なポイント

Menu Slug : これはメニューの一意の識別子です。小文字にする必要があり、ダッシュまたはアンダースコアを含めることができます。

機能:誰がメニューを表示できるかを制御します。たとえば、 'manage_options'通常、管理ユーザー向けであり、管理ユーザーのみが表示できます。

位置:メニューがリスト内で表示される位置を決定します。これはオプションですが、メニューを整理するのに役立ちます。

ページ タイトル: メニューまたはサブメニューを開いたときにブラウザのタイトル バーに表示されます。

メニュー タイトル: サイドバーに表示されるテキストです。

コールバック関数: この関数は、メニューまたはサブメニューをクリックすると実行され、その内容が表示されます。

上記の例は、作成したカスタム メニューの例です。しかし、WordPress 管理画面の既存のメニューはどうなるのでしょうか?

デフォルトの WordPress 管理メニューの 2 層目のサブメニューを作成するにはどうすればよいでしょうか?その方法は次のとおりです。

デフォルトのWordPressメニューにサブメニューを追加する

以前、WordPress のカスタム メニューの下にサブメニューを追加する方法について説明しました。ここで、WordPress の既存のデフォルト メニュー (ダッシュボード、投稿、ページなど) にサブメニューを追加する方法を見てみましょう。

WordPress は、これらのデフォルト メニューにサブメニューを追加するための特定の関数を提供します。

– add_dashboard_page : 「ダッシュボード」メニューの下にサブメニューを追加します。

– add_posts_page : 「投稿」メニューの下にサブメニューを追加します。

– add_media_page : 「メディア」メニューの下にサブメニューを追加します。

– add_links_page : 「リンク」メニューの下にサブメニューを追加します。

– add_pages_page : 「ページ」メニューの下にサブメニューを追加します。

– add_comments_page : 「コメント」メニューの下にサブメニューを追加します。

– add_theme_page : 「テーマ」メニューの下にサブメニューを追加します。

– add_plugins_page : 「プラグイン」メニューの下にサブメニューを追加します。

– add_users_page : 「ユーザー」メニューの下にサブメニューを追加します。

– add_management_page : 「ツール」メニューの下にサブメニューを追加します。

– add_options_page : 「設定」メニューの下にサブメニューを追加します。

これらの関数はすべて同様に機能します。簡単な例でそれをよく理解しましょう。 add_options_page()を使用して「設定」メニューにサブメニューを追加します。

例: 設定の下にサブメニューを追加する

「設定」の下にサブメニューを追加するには、 add_options_page()関数を使用できます。関数の簡単な内訳は次のとおりです。

– $page_title : ページを開いたときのページのタイトル。

– $menu_title : 「設定」の下のサイドバーに表示される名前。

– $capability : このサブメニューを表示できる人 (管理者のみなど)。

– $menu_slug : このサブメニューの一意の ID。

– $function : サブメニューがクリックされたときにコンテンツを表示する関数。

たとえば、この関数は次のように使用します。

add_options_page('My Plugin', 'My Plugin', 'manage_options', 'my-plugin', 'WPOven_plugin_render_options_page');

– このコードは、「設定」メニューの下に「 My Plugin 」というサブメニューを追加します。

– これは、「 manage_options 」機能を持つユーザー (通常は管理者) にのみ表示されます。

– クリックすると、関数WPOven _plugin_render_options_pageが実行され、ページのコンテンツが表示されます。

これは、デフォルトの WordPress メニューにサブメニューを追加して、追加したいカスタム設定やページに簡単にアクセスできるようにする方法です。

読む: WordPress で管理者メニュー項目を並べ替える方法?

結論

WordPress にカスタム メニューとサブメニューを追加することは、管理者を都合に合わせてカスタマイズするための優れた方法です。

そして最も優れている点は、この機能を数行のコードで簡単に実装して実行できることです。これは、あなた自身またはあなたのクライアントのために、より組織化されたアクセス可能なバックエンドを作成するのに役立ちます。

したがって、これらの手順を徹底的に実行すれば、カスタマイズされた管理パネルがすぐに完成します。この投稿に関してご質問やフィードバックがございましたら、以下のコメント欄にご記入ください。

ラーフル

Rahul Kumar は Web 愛好家であり、WordPress と Web ホスティングを専門とするコンテンツ ストラテジストです。長年の経験と業界のトレンドを常に最新の状態に保つことに注力し、トラフィックを促進し、エンゲージメントを高め、コンバージョンを増やす効果的なオンライン戦略を作成しています。ラーフル氏は、細部へのこだわりと魅力的なコンテンツを作成する能力により、オンラインでの存在感を向上させようとしているあらゆるブランドにとって貴重な人材となっています。