Wordpress 在後台添加自訂選單與頁面

在後台管理頁面添加一個自訂選單與自訂頁面，這個功能使用非常廣，添加出來的頁面裡面要放什麼都可以，放入統計畫面，設定介面…等等，就看如何是使用。

自製外掛起手式

＊一句老話，程式碼要放在佈景主題的 function 裡，還是要放在外掛裡，來使用這功能都可，外掛起手式這裡不再詳述，去看WordPress custom post type 如何自訂文章類型這篇😃

後台自訂選單與頁面程式碼如下：

PHP

// 添加自訂選單
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>';
} //打發時間 dafatime.idv.tw

如果使用外掛的方式，在外掛頁面啟動外掛，就可以在後台管理選單上面看到自訂的選單，點擊選單就可以看到載入 html 內容，如果選單頁面一個不夠要開多個頁面，那就是如何增加子選單啦！下面是接續的程式碼如下：

PHP

// 添加自訂子頁面
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>';
  } //打發時間 dafatime.idv.tw