WordPress│管理バー(ツールバー)にブックマークを作成する

ログインした時にサイト上部に表示される管理バーですが、

不要なメニューを消したり、

好きなリンクを挿入したりしたいことはないでしょうか?

本記事では管理バー(ツールバー)をカスタマイズする方法を紹介します。

目次

著者

WEB制作をしているデジタルノマド
WordPressのカスタマイズが好きで、色々と自作しています。

WordPressのカスタマイズに困ったらご相談ください!

管理バー(ツールバー)をカスタマイズする方法

管理バー(ツールバー)をカスタマイズする方法は簡単です。

下記のコードを管理メニュー > 外観 >テーマエディタ > functions.phpに挿入します。

今回はアナリティクスとサーチコンソールのURLを入れてみました。

function motoki_adminbar($wp_adminbar) {
// メニューの非表示
$wp_adminbar->remove_node('wp-logo');//WordPressのロゴを非表示
$wp_adminbar->remove_node('comments');//コメントを非表示

  // メニュー名
  $wp_adminbar->add_node([
    'id' => 'bookmark',
    'title' => 'ブックマーク',
    'href' => '',
    'meta' => [
      'target' => 'bookmark'
    ]
  ]);

  // 項目
  $wp_adminbar->add_node([
    'id' => 'bookmark_menu_01',
    'title' => 'Google Analytics',
    'parent' => 'bookmark',
    'href' => 'https://www.google.com/analytics/web/?hl=ja',
    'meta' => [
      'target' => 'bookmark'
    ]
  ]);

  $wp_adminbar->add_node([
    'id' => 'bookmark_menu_02',
    'title' => 'Search Console',
    'parent' => 'bookmark',
    'href' => 'https://search.google.com/search-console?hl=ja',
    'meta' => [
      'target' => 'bookmark'
    ]
  ]);

}

add_action('admin_bar_menu', 'motoki_adminbar', 999);

他のメニューを非表示に場合は、下記のコードを参考にしてください。

$wp_admin_bar->remove_menu('wp-logo');//WordPressアイコン
$wp_admin_bar->remove_menu('about');//WordPressアイコン->WordPressについて
$wp_admin_bar->remove_menu('wporg');//WordPressアイコン->WordPress.org
$wp_admin_bar->remove_menu('documentation');//WordPressアイコン->ドキュメンテーション
$wp_admin_bar->remove_menu('support-forums');//WordPressアイコン->サポートフォーラム
$wp_admin_bar->remove_menu('feedback');//WordPressアイコン->フィードバック
$wp_admin_bar->remove_menu('site-name');//サイト情報
$wp_admin_bar->remove_menu('dashboard');//サイト情報->ダッシュボード
$wp_admin_bar->remove_menu('themes');//サイト情報->テーマ
$wp_admin_bar->remove_menu('widgets');//サイト情報->ウィジェット
$wp_admin_bar->remove_menu('menus');//サイト情報->メニュー
$wp_admin_bar->remove_menu('header');//サイト情報->ヘッダー
$wp_admin_bar->remove_menu('customize');//カスタマイズ
$wp_admin_bar->remove_menu('comments');//コメント
$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-page');//新規->固定ページ
$wp_admin_bar->remove_menu('new-user');//新規->ユーザー
$wp_admin_bar->remove_menu('edit');//〜の編集
$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');//検索

最後に確認します。

まとめ

煩雑に項目が増える管理バーですが、無駄な物を非表示にして、使うものを入れてあげるとより便利になります。

ぜひカスタマイズを試してみてください。

Web制作のご依頼

SEOからデザインまで魅力的なWebサイトを制作いたします。

目次