search
尋找貓咪~QQ 地點 桃園市桃園區 Taoyuan , Taoyuan

[WordPress] 新增後台頁面 | Calos's Blog

WordPress不只可以當Blog,也可以架設成其他類型的網站(Ex:報名網站)
有時候想要替自己的網站加一些特殊的功能,而找不到外掛可以來頂替時,就要自己動手做了
而直接做在後台裡是一個不錯的選擇,以下為在後台開新頁面並將頁面放在左側管理選單
先在theme_option.php裡面加入一些內容

// Path: wordpress/wp-content/themes/sample_theme/functions/theme_options.php
// 註冊頁面
// 功能表名稱與頁面title設成"自訂頁面",權限等級設為2 (即身分為作者以上的使用者都能看到這個頁面),page為my_custom_page,callback為load_custom_page
function add_menu_custom_page() {
    add_menu_page('自訂頁面', '自訂頁面', 2, 'my_custom_page', 'load_custom_page');
}

// 設定要載入的script、css
function custom_page_init() {
    if ( isset($_GET['page']) && $_GET['page'] == 'my_custom_page' ) {
        wp_enqueue_style("jquery-ui_layout_1.10.3", "http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css");
        wp_enqueue_style("style", THEME_CSS."/custom_page.css", false, "1.0", "all");
        wp_enqueue_script("jquery_1.9.1", "http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js");
        wp_enqueue_script("jquery-ui_core_1.10.3", "http://code.jquery.com/ui/1.10.3/jquery-ui.js");
    }
}

// 讀取頁面模版(在此將模版檔案寫在另一支檔案裡)
function load_custom_page() {
    include ('../custom_page.php');
}

// 將前面的function載入wordpress的核心執行項目中
add_action('admin_init', 'custom_page_init');
add_action('admin_menu', 'add_menu_custom_page');

 

頁面內容寫在custom_page.php裡

// Path: wordpress/wp-content/themes/sample_theme/custom_page.php
echo "This is custom page.";
/*
do somethings
*/

 

關於前面所用到的WordPress function完整說明可參考官方文件:
add_menu_page
add_action
wp_enqueue_style
wp_enqueue_script

 

而頁面權限等級的部分,可以參考 WordPress Codex :: User Levels
另外一個是加入子選單的部分,用法也是大同小異:WordPress Codex :: add_submenu_page
※值得注意的是若要加入自訂頁面至預設功能選單要用到子函式,例如要在options-general加入子選單要使用add_options_page()來新增。



熱門推薦

本文由 caloskaoorg 提供 原文連結

寵物協尋 相信 終究能找到回家的路
寫了7763篇文章,獲得2次喜歡
留言回覆
回覆
精彩推薦