在後台管理頁面添加一個自訂選單與自訂頁面，這個功能使用非常廣，添加出來的頁面裡面要放什麼都可以，放入統計畫面，設定介面…等等，就看如何是使用。
自製外掛起手式
＊一句老話，程式碼要放在佈景主題的 function 裡，還是要放在外掛裡，來使用這功能都可，外掛起手式這裡不再詳述，去看WordPress custom post type 如何自訂文章類型這篇😃
後台自訂選單與頁面程式碼如下：
// 添加自訂選單
function custom_content_menu() {
// 使用WordPress提供的add_menu_page()函數創建一個新的管理選單
add_menu_page(
'自訂選單', // 主選單標題
'自訂內容選單', // 選單名稱
'manage_options', // 許可權
'custom_content_menu', // 選單ID 必須唯一
'custom_menu_html', // 要放入的內容函數
'dashicons-admin-generic', // 選單圖標
99 // 選單位置
);
}
// 將custom_menu函數添加到WordPress的admin_menu鉤子
add_action('admin_menu', 'custom_content_menu');
// 自訂選單要內頁放入的內容
function custom_menu_html() {
// 內容可以自訂
echo '<div class="wrap">';
echo '<h1>自訂選單</h1>';
echo '<p>在這裡可以添加自訂內容。</p>';
echo '</div>';
}如果使用外掛的方式，在外掛頁面啟動外掛，就可以在後台管理選單上面看到自訂的選單，點擊選單就可以看到載入 html 內容，如果選單頁面一個不夠要開多個頁面，那就是如何增加子選單啦！下面是接續的程式碼如下：
// 添加自訂子頁面
function custom_sub_page() {
// 使用WordPress提供的add_submenu_page()函數在自訂選單下面添加一個新的子選單
add_submenu_page(
'custom_content_menu', // 主選單ID
'增加自訂子頁面', // 選單標題
'增加自訂子頁面', // 選單名稱
'manage_options', // 許可權
'custom_sub_page', // 選單ID 必須唯一
'custom_call_subpage' // 回調函數
);
}
// 將custom_page函數添加到WordPress的admin_menu鉤子
add_action('admin_menu', 'custom_sub_page');
// 自訂頁面的回調函數
function custom_call_subpage() {
// 在自訂頁面上顯示一個表單
echo '<div class="wrap">';
echo '<h1>增加自訂子頁面</h1>';
echo '</div>';
}上面程式碼與最上面沒什麼不同，在第五行增加了主選單的 ID 名稱而已，其它的程式碼解構與最上面的程式碼是一樣，上面程式碼接續輸入再儲存檔案，重新載入頁面就可以看到新添加的自訂子頁面出現在，如下圖：
要注意的是子選單的程式碼不能排在主選單程式碼前面，這樣會讓子選單找不到主選單的 ID 導致程式錯誤發生，在 WordPress 後台添加自訂選單與頁面就是這麼簡單，困難的是要放什麼內容比較需要思考，主要還是要看需求，那就掰掰～！。
留言