ワードプレスプラグイン作成サイドメニューのトップレベルメニュー一番上に表示

トップレベルメニューに自作プラグインを表示させたい
トップレベルメニューにカスタムメニュー(自作プラグイン)を表示
1. 設定サブメニュー
2. ツールサブメニュー
トップレベルメニューのみに表示
WP管理画面のサイドメニューを並び替える
サイドメニュー並び替え解決

トップレベルメニューに自作プラグインを表示させたい

今までは「admin_menu」フックでワードプレス管理画面の左メニューの設定の中に自作プラグインを表示させていましたが、「add_menu_page」などを追加して左メニューのトップレベルに自作プラグインを表示させたい！と思いましたのでやってみます。

今まで設定の中にリンクがありましたが、投稿の上あたりに表示させたい。ただそれだけなんです（汗）

こうすれば、記事投稿時の作業も多少やりやすくなります。多少ですが・・・

プラグインのメインファイルにフックを書くことによってワードプレスのサイドメニューに管理画面が表示されるようになります。

プラグインのディレクトリの場所

public_html/wp-content/plugins/該当プラグイン名のディレクトリ/該当プラグイン名.php

こちらのファイルに書いていきます。

トップレベルメニューにカスタムメニュー(自作プラグイン)を表示

WordPressCodex日本語版管理メニューの追加に詳しく載っています。

add_action('admin_menu', 'item_survey');
function item_survey() {
   add_options_page('設定サブメニュー', '設定サブメニュー', 8, 'options-submenu', 'options_page');
   add_management_page('ツールサブメニュー', 'ツールサブメニュー', 8, 'tools-submenu', 'tools_page');
   add_menu_page('アイテム調査', 'アイテム調査', 8, __FILE__, 'spec_admin');
   add_submenu_page(__FILE__, '価格調査', '価格調査', 8, 'kakaku-tyousa', 'kakakutyousa_admin');
}
function options_page() {//設定のサブメニューに表示
   echo "<h2>設定サブメニュー</h2>";
}
function tools_page() {//ツールのサブメニューに表示
   echo "<h2>ツールサブメニュー</h2>";
}
function spec_admin() {//メインページ
   echo "<h2>アイテム仕様</h2>";
}
function kakakutyousa_admin() {//サブページ
   echo "<h2>価格調査</h2>";
}

このように書くとサイドメニューに表示されたり設定の中やツールの中に表示されるようになります。

設定サブメニュー

設定サブメニューに管理画面のリンクを表示させたい場合はadd_options_pageを使う。

add_action('admin_menu', 'item_survey'); function item_survey() {
add_options_page('設定サブメニュー', '設定サブメニュー', 8, 'options-submenu', 'options_page');
}
function options_page() {//設定のサブメニューに表示
echo "<h2>設定サブメニュー</h2>";
}

上記(抜粋)のように書くと以下のように表示されます。

ツールサブメニュー

設定サブメニューと同様にadd_management_pageを使うとサブメニュー内に表示される。

add_action('admin_menu', 'item_survey');
function item_survey() {
add_management_page('ツールサブメニュー', 'ツールサブメニュー', 8, 'tools-submenu', 'tools_page');
}
function tools_page() {//ツールのサブメニューに表示
echo "<h2>ツールサブメニュー</h2>";
}

このように表示される。

トップレベルメニューのみに表示

設定サブメニュー・ツールサブメニューは今のところ要らないので以下のようにしてみた。

add_action(‘admin_menu’, ‘item_survey’);
function item_survey() {
    add_menu_page(‘アイテム調査’, ‘アイテム調査’, 8, __FILE__, ‘spec_admin’);
   add_submenu_page(__FILE__, ‘価格調査’, ‘価格調査’, 8, ‘kakaku-tyousa’, ‘kakakutyousa_admin’);
}
function spec_admin() {//メインページ
   echo “<h2>アイテム仕様</h2>”;
}
function kakakutyousa_admin() {//サブページ
   echo “<h2>価格調査</h2>”;
}

ただ、一番下に表示されるので不満が残る。なんとか上の方に表示されるようにしたい。

WP管理画面のサイドメニューを並び替える

サイドメニューを並べ替える方法はないかと調べたところ、

WordPress 管理画面のカスタマイズまとめのメニューの名称変更に詳しく載っていました。

あと、http://code.tutsplus.com/tutorials/customizing-your-wordpress-admin–wp-24941 こちらにも英語ですけど詳しく載ってます。

サイドメニューをカスタマイズするにはテーマのfunctions.phpにmenu_orderフックを追加するみたい。

public_html/wp-content/themes/テーマ名/functions.php

このファイルを編集してみます。

function custom_menu_order($menu_ord) {
   if (!$menu_ord) return true;
   return array(
       'admin.php?page=item-survey',      //自作プラグイン
       'index.php',                               // ダッシュボード
       'edit.php',                                   // 投稿
       'upload.php',                               // メディア
       'tools.php',                               // ツール
       'options-general.php',           // 設定
       'edit.php?post_type=page',   // 固定ページ
       'themes.php',                               // 外観
       'plugins.php',                           // プラグイン
       'link-manager.php',                   // リンク
       'edit-comments.php',               // コメント
       'users.php',                               // ユーザー
       'admin.php?page=jetpack',
       'admin.php?page=all-in-one-seo-pack',
   );
}
add_filter('custom_menu_order', 'custom_menu_order');
add_filter('menu_order', 'custom_menu_order');