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」となっています。

add_menu_page( $page_title, $menu_title, $capability, $menu_slug, $function, $icon_url, $position ); トップレベルメニューを追加。
$page_title: titleタグで使用されるテキスト。
$menu_title: メニューで使用されるテキスト。
$capability: メニューを表示する権限。
$menu_slug: メニューのスラッグ名。
$function: メニュー表示の際に使用される関数。
$icon_url: メニューのアイコン。
$position: メニューの表示される位置。

 

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

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

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」となっています。

add_submenu_page( $parent_slug, $page_title, $menu_title, $capability, $menu_slug, $function); $parent_slug: 親メニューのスラッグ名、または親メニューのファイル名。
$page_title: titleタグで使用されるテキスト。
$menu_title: メニューで使用されるテキスト。
$capability: メニューを表示する権限。
$menu_slug: メニューのスラッグ名。
$function: メニュー表示の際に使用される関数。

 

【参考サイト】

 

このエントリーをはてなブックマークに追加

関連記事

1件のコメント

  1. […] WprdPressの管理画面に独自ページを追加する | cly7796.net […]

コメントを残す

メールアドレスが公開されることはありません。
* が付いている欄は必須項目です

CAPTCHA


コメントが承認されるまで時間がかかります。

2024年3月
 12
3456789
10111213141516
17181920212223
24252627282930
31