WordPressのAdmin Bar(管理バー)にメニューを追加する

2019年3月30日2019年7月9日

DISCLAIMER: This article is more than a year old and may not be current.

この記事は約 4 分で読めます。

WordPress上部に表示される
管理バー(Admin Bar)と呼ばれる
ナビゲーションにメニューを
追加したいと思います。

よく使うメニュー、例えば
テーマ Luxeritasの
Luxeritas カスタマイザー、
Luxeritas 管理機能、
子テーマの編集、そして
ログアウトを追加してみます。

WordPress Codexの
Examplesをそのまま使っています。

Contents

1. Admin Barに項目追加
2. Admin Barにログアウト
3. その他

Admin Barに項目追加

// Admin Barに項目追加
function luxeritas_links($wp_admin_bar)
{
	$args = array(
		'id'     => 'toplevel_page_luxe',
		'title'	 => 'Luxeritas',
		'meta'   => array( 'class' => '' ),
                'href'   => admin_url( 'admin.php?page=luxe'),
	);
	$wp_admin_bar->add_node( $args );
	// add child items
	$args = array();
	array_push($args,array(
		'id'		=>	'luxeritas_page_luxe_man',
		'title'		=>	'Luxeritas 管理機能',
		'href'		=>	 admin_url( 'admin.php?page=luxe_man'),
		'parent'	=>	'toplevel_page_luxe',
	));
	array_push($args,array(
		'id'     	=> 'luxeritas_page_luxe_edit',
		'title'		=> '子テーマの編集',
		'href'		=>  admin_url( 'admin.php?page=luxe_edit'),
		'parent' 	=> 'toplevel_page_luxe',
	));
	sort($args);
	foreach( $args as $each_arg)	{
		$wp_admin_bar->add_node($each_arg);
	}				
}
add_action( 'admin_bar_menu', 'luxeritas_links', 900 );

WP_Admin_Bar::add_node() | Method | WordPress Developer Resources

Adds a node to the menu.

https://codex.wordpress.org/Function_Reference/add_node

admin_urlというタグを使うと、
管理領域へのURLを適切なプロトコルで取得します。

Function Reference/admin url « WordPress Codex

Function Reference/admin url « WordPress Codex WordPress.org Search WordPress.org for: Sub ...

https://codex.wordpress.org/Function_Reference/admin_url

Admin Barにログアウト

// 管理バーにログアウト
function custom_logout_admin_bar( $wp_admin_bar ) {
	$args = array(
		'id'    => 'custom-logout',
		'title' => 'ログアウト',
		'href'  =>  wp_logout_url(),
	);
	$wp_admin_bar->add_node( $args );
}
add_action( 'admin_bar_menu', 'custom_logout_admin_bar', 999 );

wp logout urlは、
ユーザーがサイトからログアウトすることを
許可するURLを返します。