1. TOP
  2. >カスタマイズ・小技>
  3. WordPressの管理画面にオリジナルメニューを追加する方法

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

カスタマイズ・小技, 技術メモ, WordPress

2023/03/31
2023/04/12
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を編集する前にはバックアップなどしてから作業を行ってくださいね。

 

ホームページ制作ならRU DESIGN
「スタードメイン」は、年額100円からの独自ドメイン+無料サーバーも付いてきます。
WordPressも使えるので、練習も兼ねてお手軽にサイト運営ができちゃいます。


ドメイン取得は同じところで取得しておくと便利ですよ。
お名前.comは1円から購入(1年間)できるドメインがあるので、いろいろと便利で経済的です。

関連記事

古いMacに「ChromeOS 」をインストールして利用
2023/10/08
 Googleが提供しているChrome OS(クローム・オーエス)は、Linuxをベースとしたオペレーティングシステム(OS)の1つ。その中でPCやMACでも...
公式サポートが終了した古いMacに最新のmacOSをインストールするプロジェクト
2023/10/07
 古いMacに最新のmacOSをインストールするプロジェクト「OpenCore Legacy Patcher」(OCLP)は、Appleが提供する最新のmacO...
【WordPress】古い投稿を現在の日付で再投稿してくれるプラグイン「Republish Old Posts」
2023/08/31
注意:パーマリンクに日付が含まれている場合は、このプラグインを使用しないでください。SEOプラグイン「All in One SEO」との相性もよくないそうです。...
Crayon Syntax Highlighterの代替プラグイン「Enlighter」
2023/06/05
 ソースコードをきれいに表示させるのに役立っていた「Crayon Syntax Highlighter」ですが、更新も止まったままの状態で再開の目処はなさそうで...
WordPressの文字列を一括変換する便利なプラグイン「Search Regex」
2023/05/26
 WordPressのサイト内の文字列を一括置換・一括変換するのに便利なプラグインをご紹介します。ドメインを変更した場合だったり、「WordPress」を「ワー...