この記事は最後に更新してから1年以上経過しています。

5.3の機能強化:サブメニューの位置が指定可能になる

説明

プラグインや一部のテーマでは管理画面の左側にあるナビゲーションメニューに任意のサブメニューを追加できる。従来、追加したサブメニューは既存のサブメニューの末尾となっているが、5.3ではその場所を指定できるようになる。

サブメニューは末尾に追加される

まずはおさらい。管理画面の「設定」メニューにサブメニューを追加する場合、 add_options_page関数を使用する。

function my_option_submenu1() {
	// サブメニュー1の内容を記述
}

function my_admin_menu() {
	add_options_page( 'サブメニュー1', 'サブメニュー1', 'manage_options', 'option_submenu1', 'my_option_submenu1' );
}

add_action( 'admin_menu', 'my_admin_menu' );

管理画面の「設定」メニューを展開すると、上記で指定した「サブメニュー1」は末尾に追加されている。

展開した「設定」メニューの末尾に追加された「サブメニュー1」

このことは「投稿」や「ツール」など、ほかのメニューも同様である。

関連する関数にパラメータ$positionが追加される

5.3 RC2のソースコードを眺めていると、add_options_page関数にパラメータ$positionが追加されており、そのほかのサブメニューを追加する関数も同様だった。このパラメータ$positionint 型で、省略時は null となっている。

上記のadd_options_page関数のパラメータに「0」を追加してみる。

add_options_page( 'サブメニュー1', 'サブメニュー1', 'manage_options', 'option_submenu1', 'my_option_submenu1', 0 );

表示された「設定」メニューでは、「サブメニュー1」が「一般」の上になっている。

展開した「設定」メニューのトップに追加された「サブメニュー1」

今度はパラメータを「0」から「3」に変更してみる。

add_options_page( 'サブメニュー1', 'サブメニュー1', 'manage_options', 'option_submenu1', 'my_option_submenu1', 3 );

「サブメニュー1」は期待通り「表示設定」の次になる。

展開した「設定」メニューの4番目に「サブメニュー1」が表示される

このように、パラメータ$positionに数値を指定することで、サブメニューを好みの位置に表示できるようになる。


最後に5.3でパラメータ$positionが追加されたサブメニュー関数をまとめる。

関数名概要
add_submenu_pageサブメニュー関数の本体
add_dashboard_page「ダッシュボード」メニュー
add_posts_page「投稿」メニュー
add_media_page「メディア」メニュー
add_pages_page「固定ページ」メニュー
add_comments_page「コメント」メニュー
add_theme_page「外観」メニュー
add_plugins_page「プラグイン」メニュー
add_users_page「ユーザー」メニュー
add_management_page「ツール」メニュー
add_options_page「設定」メニュー
add_links_page「リンク」メニュー

なお、サブメニューの表示内容はそのほかのプラグインの影響を受ける。複数のプラグインを使用する場合は、それらのロード順や'admin_menu'アクションを実行する優先度を考慮しよう。


最終更新 : 2019年10月29日 11:36


お勧め

the_modified_author(2019年10月17日 更新)

void the_modified_author()
更新者の表示名を表示する。

wp_assign_widget_to_sidebar(2021年7月29日 更新)

void wp_assign_widget_to_sidebar( string $widget_id, string $sidebar_id )
ウィジェットをサイドバーに配置する。

get_comment_ID(2018年5月27日 更新)

int get_comment_ID( )
現在のコメントのIDを取得する。

term_is_ancestor_of(2019年3月15日 更新)

bool term_is_ancestor_of( int | object $term1, int | object $term2, string $taxonomy )
タームが子孫関係か調べる。

wp_get_custom_css_post(2019年11月14日 更新)

WP_Post wp_get_custom_css_post( [ string $stylesheet = '' ] )
カスタマイザーで追加したCSS情報を取得する。