WprdPressの管理画面に独自ページを追加する

WprdPressの管理画面に独自ページを追加してみます。

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

管理画面にマニュアルページを追加する想定で実装してみます。
functions.phpに以下のように記述します。

functions.php

<?php
// ページの追加
add_action( 'admin_menu', 'register_my_custom_menu_page' );
function register_my_custom_menu_page() {
	add_menu_page('管理画面の使い方', 'マニュアル', 'manage_options', 'manual', 'add_manual_page', 'dashicons-welcome-learn-more', 3);
}

// ページの中身のHTML
function add_manual_page() {
?>
<div class="manual-contents">
	<h1>マニュアルページ</h1>
	<p>このページでは管理画面の使い方について説明する予定です。</p>
</div>
<?php
}

左メニューのダッシュボードの下にメニューが追加されました。

メニューを選択すると、以下のようなページが表示されました。
ページURLは「admin.php?page=manual」となっています。

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

投稿のサブメニューにページを追加してみます。

functions.php

<?php
// ページの追加
add_action('admin_menu', 'add_custom_submenu');
function add_custom_submenu() {
	add_submenu_page('post-new.php', '投稿の使い方', 'マニュアル', 'manage_options', 'manual', 'add_sub_manual_page');
}

// ページの中身のHTML
function add_sub_manual_page() {
?>
<div class="manual-contents">
	<h1>投稿のマニュアルページ</h1>
	<p>このページでは投稿の使い方について説明する予定です。</p>
</div>
<?php
}

投稿のサブメニューに項目が追加されました。

メニューを選択すると、以下のようなページが表示されました。
ページURLは「edit.php?page=manual」となっています。

【参考サイト】

• 管理メニューの追加 – WordPress Codex 日本語版
• 関数リファレンス/add menu page – WordPress Codex 日本語版