[WP]WordPress の管理画面ツールバーのメニューの表示、非表示、新規追加のまとめ｜WordPress｜WEBデザインの小ネタとTIPSのまとめサイト「ウェブアンテナ」

[WP]WordPress の管理画面ツールバーのメニューの表示、非表示、新規追加のまとめ

スポンサード

管理画面の上部ツールバーに表示された項目（メニュー）を表示／非表示にしたり、新規にメニューリンクを追加する方法のまとめです。

企業サイト向けにWordPress を構築する場合は、不要なメニューをなるべく消してあげたり、クライアントがよく利用する外部サイトのリンクを追加してあげるなど、細やかな対応も必要になってきますので、便利なカスタマイズだと思います。

管理画面ツールバーの項目を表示／非表示にする

ご利用のテーマ内の functions.php に以下のような記述を追加します。

<?php
function mytheme_remove_item( $wp_admin_bar ) {
    $wp_admin_bar->remove_node('wp-logo');		//WordPressロゴ
    //$wp_admin_bar->remove_node('site-name');	//サイト名
    $wp_admin_bar->remove_node('updates');	//アップデート通知
    //$wp_admin_bar->remove_node('comments');	//コメント
    //$wp_admin_bar->remove_node('new-content');//新規追加
          //$wp_admin_bar->remove_node('new-media'); 	// メディア
          //$wp_admin_bar->remove_node('new-link'); 	// リンク
          //$wp_admin_bar->remove_node('new-page'); 	// 個別ページ
         // $wp_admin_bar->remove_node('new-user'); 	// ユーザー
    //$wp_admin_bar->remove_node('view');		//投稿を表示
	//$wp_admin_bar->remove_node('my-account');	// 右のプロフィール欄全体
		//$wp_admin_bar->remove_node('edit-profile'); 	// プロフィール編集
		//$wp_admin_bar->remove_node('user-info'); 		// ユーザー
		//$wp_admin_bar->remove_node('logout');			//ログアウト
}
add_action( 'admin_bar_menu', 'mytheme_remove_item', 1000 );
?>

<?php

function mytheme_remove_item( $wp_admin_bar ) {

$wp_admin_bar->remove_node('wp-logo'); //WordPressロゴ

//$wp_admin_bar->remove_node('site-name'); //サイト名

$wp_admin_bar->remove_node('updates'); //アップデート通知

//$wp_admin_bar->remove_node('comments'); //コメント

//$wp_admin_bar->remove_node('new-content');//新規追加

//$wp_admin_bar->remove_node('new-media'); // メディア

//$wp_admin_bar->remove_node('new-link'); // リンク

//$wp_admin_bar->remove_node('new-page'); // 個別ページ

// $wp_admin_bar->remove_node('new-user'); // ユーザー

//$wp_admin_bar->remove_node('view'); //投稿を表示

//$wp_admin_bar->remove_node('my-account'); // 右のプロフィール欄全体

//$wp_admin_bar->remove_node('edit-profile'); // プロフィール編集

//$wp_admin_bar->remove_node('user-info'); // ユーザー

//$wp_admin_bar->remove_node('logout'); //ログアウト

}

add_action( 'admin_bar_menu', 'mytheme_remove_item', 1000 );

デフォルトで管理画面ツールバーの左上に表示された「WordPress ロゴ」と、「アップデート通知」の2つのメニューを非表示にする例です。

管理画面ツールバーに任意のメニューを追加

別のCMS の管理画面、或はよく利用する外部サイトへのリンクなど、管理画面ツールバー内にお好みでメニューを追加表示させることができます。

同じく、ご利用のテーマ内の functions.php に以下のような記述をします。

<?php
function mytheme_admin_bar_render() {
	global $wp_admin_bar;
		$wp_admin_bar->add_menu( array(
			'id' => 'newmenu',
			'title' => '新規メニュー',
			'href' =>  '#'
		));
		$wp_admin_bar->add_menu( array(
			'parent' => 'newmenu',
			'id' => 'menuyahoo',
			'title' => 'Yahoo!',
			'href' => 'http://yahoo.co.jp'
		));
		$wp_admin_bar->add_menu( array(
			'parent' => 'newmenu',
			'id' => 'menugoogle',
			'title' => 'Google',
			'href' => 'http://google.com'
		));
}
add_action( 'wp_before_admin_bar_render', 'mytheme_admin_bar_render' );
?>

<?php

function mytheme_admin_bar_render() {

global $wp_admin_bar;

$wp_admin_bar->add_menu( array(

'id' => 'newmenu',

'title' => '新規メニュー',

'href' => '#'

));

$wp_admin_bar->add_menu( array(

'parent' => 'newmenu',

'id' => 'menuyahoo',

'title' => 'Yahoo!',

'href' => 'http://yahoo.co.jp'

));

$wp_admin_bar->add_menu( array(

'parent' => 'newmenu',

'id' => 'menugoogle',

'title' => 'Google',

'href' => 'http://google.com'

));

}

add_action( 'wp_before_admin_bar_render', 'mytheme_admin_bar_render' );

上記例の5 行目の'id' に「任意のID」を、6 行目の'title'に「メニュー名」を指定します。

7 行目の'href' => '#'は、ドロップダウンメニューで「Yahoo!」と「Google」のリンクメニューを表示させるための記述です。

10 行目、16行目のように、'parent' に任意のID を紐付けてあげることで、自由にリンクメニューをぶら下げることができます。

こんな感じで表示されますので、
WordPress の管理画面ツールバーのメニューの表示、非表示、新規追加のまとめ

必要に応じてドロップダウンメニュー内の中身を変えてみてください。