Follow Us:

ワードプレスの管理画面の左メニューの一つにサブメニュー(子メニュー)を作る方法

ワードプレスは拡張性の高いCMSです。ワードプレスの管理画面にメニューを追加して任意のページを表示することもできます。
今回はこの管理画面のメニューとその子メニューを作る方法をそのひな形から解説いたします。

ワードプレスの管理画面にメニューを作りそのメニューの子メニューを作る

早速コードを見ていきましょう。
下記のコードは、ワードプレスのFunctions.phpや制作されているプラグインに追加すると、管理画面に親メニューとその子メニューを追加します。

add_action( 'admin_menu', function () {
    
    $parentslug = 'adminmenuslug';
    $manuname = '親メニュー名';
    $capability = 'manage_options';
    
    add_menu_page( $manuname, $manuname, $capability, $parentslug, function () {
        ?>
        <div class="wrap">
            親メニューの内容ーここにお好きなHTMLを追記してください
        </div>
        <?php
    }, 'dashicons-admin-generic',99);
    
    /*---------------------*/
    
    $myslug = 'myslug';
    $manuname = '子メニュー名';
    $capability = 'manage_options';
    
    add_submenu_page( $parentslug,$manuname, $manuname, $capability, $myslug ,function () {
        ?>
        <div class="wrap">
            子メニューの内容ーここにお好きなHTMLを追記してください
        </div>
        <?php
    });
});

$parentslug の部分には、親メニューの任意のURL(半角英数)を入力します。 
$manuname はそのメニューの名称を入力します。
$myslug の部分には、子メニューの任意のURL(半角英数)を入力します。 
$capability はこのメニューを表示するワードプレスの権限です。 こちらから詳細をご確認ください。

ここにお好きなHTMLを追記してください の部分にそれぞれのメニューをクリックしたときに表示されるページの内容を記載します。HTMLやPHPのコードを自由に記載できます。

ワードプレスの管理画面にメニューを追加する組み込み関数

上記コードでは、ワードプレスの管理画面にメニューを追加する組み込み関数であるadd_menu_page(親メニューを追加)とadd_submenu_page(任意の親メニューに子メニューを追加) を admin_menu アクションにフックして追加しています。

それぞれの関数の仕様は下記となっております。

add_menu_page( string $page_title, string $menu_title, string $capability, string $menu_slug, callable $function = ”, string $icon_url = ”, int $position = null )
参考

add_submenu_page( string $parent_slug, string $page_title, string $menu_title, string $capability, string $menu_slug, callable $function = ”, int $position = null )
参考

WordPress
ワードプレスサイトのテーマのカスタマイズ、プラグインの作成はワードプレスドクターにお気軽にご相談ご依頼ください


関連タグ:

Wordpress ワードプレス ドクターBlog タグ一覧

© 2015-16. «WP Doctorワードプレスドクター». All right reserved.