【WordPress】管理バーのカスタマイズ方法、追加・削除・文字変更【WP】

不要項目の削除

functions.phpに管理バーの項目削除用の関数を追加します。
削除したい項目のみ記述して下さい。

//管理バーの要素を非表示
function remove_admin_bar_menu( $wp_admin_bar ) {
	$wp_admin_bar->remove_menu( 'wp-logo' );      // WordPressロゴ
	$wp_admin_bar->remove_menu( 'site-name' );    // サイト名
	$wp_admin_bar->remove_menu( 'view-site' );    // サイト名 → サイトを表示
	$wp_admin_bar->remove_menu( 'dashboard' );    // サイト名 → ダッシュボード（ウェブサイト側）
	$wp_admin_bar->remove_menu( 'themes' );       // サイト名 → テーマ（ウェブサイト側）
	$wp_admin_bar->remove_menu( 'customize' );    // サイト名 → カスタマイズ（ウェブサイト側）
	$wp_admin_bar->remove_menu( 'widgets' );      // サイト名 → ウィジェット（ウェブサイト側）
	$wp_admin_bar->remove_menu( 'edit' );         // 投稿を編集(ウェブサイト側)
	$wp_admin_bar->remove_menu( 'comments' );     // コメント
	$wp_admin_bar->remove_menu( 'updates' );      // 更新
	$wp_admin_bar->remove_menu( 'new-content' );  // 新規
	$wp_admin_bar->remove_menu( 'new-post' );     // 新規 → 投稿
	$wp_admin_bar->remove_menu( 'new-media' );    // 新規 → メディア
	$wp_admin_bar->remove_menu( 'new-link' );     // 新規 → リンク
	$wp_admin_bar->remove_menu( 'new-page' );     // 新規 → 固定ページ
	$wp_admin_bar->remove_menu( 'new-user' );     // 新規 → ユーザー
	$wp_admin_bar->remove_menu( 'my-account' );   // マイアカウント
	$wp_admin_bar->remove_menu( 'user-info' );    // マイアカウント → プロフィール
	$wp_admin_bar->remove_menu( 'edit-profile' ); // マイアカウント → プロフィール編集
	$wp_admin_bar->remove_menu( 'logout' );       // マイアカウント → ログアウト
	$wp_admin_bar->remove_menu( 'search' );       // 検索（ウェブサイト側）
	$wp_admin_bar->remove_menu( 'preview' );      // 投稿を表示(管理画面側)
}
add_action('admin_bar_menu', 'remove_admin_bar_menu', 150);

id="wp-admin-bar-autoptimize"

$wp_admin_bar->remove_menu( 'autoptimize' );     // Autoptimize

項目の追加

functions.php追加用の関数を記述します。

//管理バーに要素追加
function add_admin_bar_menu( $wp_admin_bar ) {
	//親メニュー
	$wp_admin_bar->add_node( array(
        'id'    => 'menu_test01', //任意のid
        'title' => 'Test', //表示するテキスト
        'href'  => 'https://example.com/', //URL
    ));
	//サブメニュー
	$wp_admin_bar->add_menu(array(
		'parent' => 'menu_test01', // 親メニューID
		'id'     => 'menu_test01_child01', // 子メニューID
		'title'  => 'Test01', // ラベル
		'href'   => 'https://example.com/', //URL
	));
}
add_action('admin_bar_menu', 'add_admin_bar_menu', 150);

親メニューとその下にサブメニューを追加することが可能です。

'title' => '<span class="ab-icon dashicons-edit-page" aria-hidden="true"></span><span class="ab-label">Test</span>', 

表示テキストを変更

テキスト変更用の関数を追記します。

function change_admin_bar_menu_txt( $wp_admin_bar ) {
    //処理
}
add_filter( 'admin_bar_menu', 'change_admin_bar_menu_txt', 200 );

いくつか例として処理を載せますので参考にして下さい。

 if( is_admin() ){
	//管理画面のとき
	$wp_admin_bar->add_node(
		array(
			'id' => 'site-name',
			'title' => 'ブログ'
		),
	);
}else{
	//ブログページのとき
	$wp_admin_bar->add_node(
		array(
			'id' => 'site-name',
			'title' => '管理画面'
		),
	);
}

$wp_admin_bar->add_node(
	array(
		'id' => 'new-content',
		'title' => '＋新規投稿'
	),
);

$txt = $wp_admin_bar->get_node( 'new-content' );
$ttl = str_replace( '新規', '新規投稿', $txt->title );
$wp_admin_bar->add_node(
	array(
		'id' => 'new-content',
		'title' => $ttl
	),
);

$wp_admin_bar->add_node(
	array(
		'id' => 'new-content',
		'title' => '<span class="ab-icon dashicons-edit-page" aria-hidden="true"></span><span class="ab-label">新規投稿</span>', 
	),
);

まとめ

管理ツールバーのメニュー追加・削除・文言変更を解説しました。
投稿者用便利ツールとしての使用や、会員制サイトでの活用など様々な場面で約に立つと思いますので、是非カスタマイズしてみましょう。

ルナリス

一瞬で管理画面や投稿編集画面に行けて便利よ！

参考サイト

• 【最新】ワードプレスの管理バーに表示される各メニューを非表示にカスタマイズする方法
• 独自メニューを追加するカスタマイズ方法
• WordPress：管理バーの“こんにちは、○○○”を任意の文字列に置き換える方法