極簡版單頁設置框架 – wordpress開發

    這是一個功能簡潔小巧的設置框架,適合哪些輕量化開發的wordpress主題或是插件

    在制作wordpress主題時總需要在后臺設置一些主題選項留給使用者來自定義,有時候我們也需要在后臺增加一些簡單功能設置,這時候我們應該如何做呢?

    一般來說有兩種方案:

    1. 使用WordPress的Settings API。要求的編程能力強,熟悉php;
    2. 使用現成的主題選項框架:如Options Framework Theme。要求起碼能懂PHP代碼,要熟悉和理解使用的主題框架。

    我打算為主題添加一個全站的SEO功能,需要設置一些簡單的選項,這兩種方案在我看來都不太合適的。第一種太難了,PHP小白的我果斷放棄了;第二種還可以考慮,但是我需要的功能只是幾個文本框和選擇框就能實現,用主題框架就顯得塊頭太大,臃腫,殺雞用牛刀了,而且我還不熟悉這個框架,還需要花時間學習和實踐,所以并非一個好選擇。

    最理想就是有一個簡單的主題后臺選項的模板,有幾個核心的功能選項,如:文本框,多行文本框、選擇框、下拉框、單選按鈕,我可以直接修改套用,不需要熟悉PHP,也不需要看使用說明。那么有沒有這種簡單的后臺選項模板呢?我還真找到的一個:

    我自己修改了一下代碼,前臺文字改成了中文 》更方便理解,增加了一個調用函數 》更方便options數據的調用,代碼在文章末尾可以下載。后臺實現的效果如下:

    極簡版單頁設置框架 - wordpress開發

    如何使用這個主題后臺選項模板

    1、把theme-options.php文件放到主題根目錄;

    2、在主題functions.php文件添加:

    require_once ( get_template_directory() . '/theme-options.php' );

    如果是子主題則改成:

    require_once ( get_stylesheet_directory() . '/theme-options.php' );

    3、根據的自己需求修改模板中的文本,參數;

    4、主題調用參數:

    <?php echo qw_get_option('sometext');?>

    模板中一些代碼說明

    add_action( 'admin_init', 'theme_options_init' );
    add_action( 'admin_menu', 'theme_options_add_page' );

    動作鉤子

    function theme_options_init(){
    register_setting( 'sample_options', 'sample_theme_options', 'theme_options_validate' );}

    register_setting注冊wp_options字段函數,sample_options為注冊字段所屬的分組(group),sample_theme_options為注冊字段名稱。在數據庫wp_options表中可以看到:

    極簡版單頁設置框架 - wordpress開發

    sample_optionssample_theme_options都可以修改成你自己模板的名稱,如:名為是sky的模板,可以改成:

    function theme_options_init(){
    register_setting( 'sky_options', 'sky_theme_options', 'theme_options_validate' );}

    注意:如果參數改名,后面的要一并更改過來!

    function theme_options_add_page() {
    add_theme_page( '主題選項', '主題選項', 'edit_theme_options', 'theme_options', 'theme_options_do_page' );}

    add_theme_page函數在后臺“外觀”菜單項下面新建一個菜單項:

    add_theme_page( $page_title, $menu_title, $capability, $menu_slug, $function);//page_titile-title標簽的內容//menu_title-顯示在后臺左邊菜單的標題//capability-訪問這個頁面需要的權限//menu_slug-別名,打開訪問的網址,需要獨一無二//function-執行的函數
    function theme_options_do_page() {}

    后臺選項設置表單,分別是:文本框、選擇框、下拉框、單選按鈕、多行文本框,大家可以根據自己的需求增減,修改相關參數名稱,修改文本名稱。

    function theme_options_validate( $input ) {}

    表單輸入過濾函數,確保輸入數據的安全合法,這里的參數修改要對應上面參數來修改。

    if ( ! function_exists( 'qw_get_option' ) ) :function qw_get_option( $name, $default = false ) {
     $options = get_option( 'sample_theme_options' );if ( isset( $options[$name] ) ) {return $options[$name];}return $default;}
    endif;

    在數據庫中,sample_theme_options字段保存的數據是以數組的形式儲存,這是我們調用數據的方法:

    <?php
     $options = get_option('sample_theme_options');
     echo $options['sometext'];
    ?>

    qw_get_option函數是我額外添加的函數(源代碼里并沒有),主要為了更容易主題調用參數,調用方法:

    <?php echo qw_get_option('sometext');?>

    經驗:

    我使用這款框架開發了一款插件,其中比較突出的內容在這篇文章中有講解:

    使用極簡版單頁設置框架開發插件 – wordpress文檔

    下載權限
    查看
    • 免費下載
      評論并刷新后下載
      登錄后下載
    • {{attr.name}}:
    您當前的等級為
    登錄后免費下載登錄 小黑屋反思中,不準下載! 評論后刷新頁面下載評論 支付以后下載 請先登錄 您今天的下載次數(次)用完了,請明天再來 支付積分以后下載立即支付 支付以后下載立即支付 您當前的用戶組不允許下載升級會員
    您已獲得下載權限 您可以每天下載資源次,今日剩余

    給TA贊賞
    共{{data.count}}人
    人已贊賞
    ??
    Npcink上的部份代碼及教程來源于互聯網,僅供網友學習交流,若您喜歡本文可附上原文鏈接隨意轉載。
    無意侵害您的權益,請發送郵件至 1355471563#qq.com 或點擊右側 私信:Muze 反饋,我們將盡快處理。
    ?
    購物車
    優惠劵
    搜索
    主站蜘蛛池模板: 国产午夜精品一区理论片飘花| 亚洲爆乳无码一区二区三区| 亚洲av高清在线观看一区二区| 亚洲一区无码中文字幕| 免费一区二区三区在线视频| 国产乱码精品一区二区三区香蕉 | av无码精品一区二区三区四区| 日韩人妻精品一区二区三区视频| 亚洲欧洲无码一区二区三区| 精品欧洲AV无码一区二区男男 | 日本免费电影一区| 91久久精品午夜一区二区| 激情内射日本一区二区三区| 亚欧免费视频一区二区三区| 日本道免费精品一区二区| 乱码人妻一区二区三区| 熟女少妇丰满一区二区| 日本免费一区二区久久人人澡| 色综合视频一区二区三区| 亚洲sm另类一区二区三区| 麻豆国产在线不卡一区二区 | 99精品国产高清一区二区| 日本精品高清一区二区| 国精产品一区一区三区 | 波多野结衣一区在线| 人妻AV中文字幕一区二区三区 | 国产精品免费一区二区三区| 国产一区二区三区精品久久呦| 91香蕉福利一区二区三区| 蜜桃视频一区二区| 国产成人AV一区二区三区无码 | 中文字幕一区二区在线播放| 日本一区中文字幕日本一二三区视频 | 国产婷婷色一区二区三区深爱网 | 香蕉一区二区三区观| 国产激情无码一区二区| 老熟女五十路乱子交尾中出一区| 日韩精品一区二区三区老鸦窝| 在线精品一区二区三区| 日韩美女视频一区| 少妇精品久久久一区二区三区|