Menu
テーマ切り替え

WordPressの管理画面にオリジナルメニューを追加する方法

WordPressの管理画面にオリジナルメニューを追加する方法

WordPressの管理画面に独自のメニューを追加する方法です。管理画面のサイドメニューにオリジナルのメニューを追加してみましょう。

トップレベルメニューを追加

 WordPressテーマ内のfunction.phpに以下を追記します。HTML等の内容は、用途に合わせて編集してください。

add_action('admin_menu', 'custom_menu_page');
  function custom_menu_page()
  {
    add_menu_page('追加メニュー', '追加メニュー', 'manage_options', 'custom_menu_page', 'add_custom_menu_page', 4);
  }
  function add_custom_menu_page()
  {
    echo '<div class="wrap">';
    echo '<h2>追加メニュー画面</h2>';
    echo '</div>';
}

add_menu_pageでは以下のような設定ができます。

$page_title :ページタイトル(title) $menu_title :メニュータイトル $capability :メニュー表示するユーザーの権限 $menu_slug, :メニューのスラッグ $function,  :メニュー表示時に使われる関数 $icon_url,  :メニューのテキスト左のアイコン $position   :メニューを表示する位置

サブレベルメニューを追加

 上記で作成したトップレベルメニューにサブレベルのメニューを追加します。function.phpに以下を追記します。add_submenu_pageにトップレレベルメニューのスラッグ名を入力してください。

add_action('admin_menu', 'custom_submenu_page');
  function custom_submenu_page()
  {
    add_submenu_page('custom_menu_page','追加メニュー1', '追加メニュー1', 'manage_options', 'custom_submenu_page_1', 'add_custom_submenu_page_1', 1);
    add_submenu_page('custom_menu_page','追加メニュー2', '追加メニュー2', 'manage_options', 'custom_submenu_page_2', 'add_custom_submenu_page_2', 2);
  }
  function add_custom_submenu_page_1()
  {
    echo '<div class="wrap">';
    echo '<h2>追加サブメニュー画面1</h2>';
    echo '</div>';
  }
  function add_custom_submenu_page_2()
  {
    echo '<div class="wrap">';
    echo '<h2>追加サブメニュー画面2</h2>';
    echo '</div>';
}

 上記をfunctions.phpに追記し更新するとこのように表示されます。マニュアルやテーマの設定メニューなど追加する際に良いかと思います。

ダッシュボードにオリジナルメニュー追加

 functions.phpを編集する前にはバックアップなどしてから作業を行ってくださいね。

Share:

RU DESIGNの無料Webツール集

画像処理、テキスト整形、AIツールなど、制作や作業を効率化する便利ツールをブラウザで無料公開中!

ツールを見る →
Contact & Request

お問い合わせ・お仕事のご相談

Webサイト制作、システム開発、サイト保守・改善などのご依頼や技術的なご相談を承っております。専用フォームよりお気軽にご連絡ください(2営業日以内にご返信いたします)。

フォームより24時間受付 初回ご相談・お見積り無料 全国オンライン対応
RU DESIGN
AUTHOR

RU DESIGN

Webサイト制作・システム開発・保守運用を手がけています。一般からナイト系まで幅広く対応し、制作で培った実践的なノウハウや技術知見、自作Webツールも公開中。制作のご相談もお気軽にどうぞ。