无码人妻丰满熟妇奶水区码,麻豆一区区三,亚洲日韩欧美精品综合,亚洲无码地址

不到50行代碼就能實現一個 WordPress 主題的選項框架(wordpress 主題開發(fā)框架)

之前我寫了一個函數就搞定系列來介紹使用 WPJAM Basic 開發(fā),一共有5篇,分別涉及設置選項,文章選項,后臺文章列表欄目, 分類選項,后臺分類列表欄目這五個方面的快速開發(fā)。

為了大家使用,我還還提供了 PDF 文檔下載,大概有20多頁,當作「WordPress果醬」公眾號的第一本電子書發(fā)布。

但是還是有些同學覺得難以上手,所以今天想了一下,就簡單更新了一下 Sweet 主題,并且出了一個主題的選項開發(fā)框架,并且不到50行代碼。

什么意思呢?一般來說新人接觸 WordPress 開發(fā),最早肯定是想自己做一個 WordPress 主題,而做 WordPress 主題,在后臺做一個設置選項頁面,然后在主題中調用這些選項是最繁瑣。

現在網上有很多這方面適合二次開發(fā)的選項框架(Option Framework),所以我把 Sweet 主題這部分代碼單獨整理成一個文件,然后只需要修改或者增加設置的選項字段,和其他的一些名字即可直接使用。

首先在自己開發(fā)的主題中引入該文件,假設我們把它放到主題的 inc 目錄下,那么在主題的 functions.php 文件增加引入的代碼如下:

include TEMPLATEPATH.'/inc/option.php';

然后我們先看看效果,目前在后臺增加了一個「主題設置」的后臺主菜單:

「主題設置」這個名字和左邊的圖標,你可以修改成你主題的名字即可,修改的位置大概在30行,相關的代碼:

public static function get_menu_page(){ return [ 'menu_slug' => 'wpjam-theme', 'menu_title' => '主題設置', // 改成你主題的名字 'icon' => 'dashicons-hammer', // 改成自己喜歡的 icon 'capability' => 'manage_options', 'position' => '59', 'function' => 'option', 'option_name' => 'wpjam_theme', ];}

修改的位置,我都通過注釋做了標記。

然后點擊進去,可以看到設置頁面有兩個標簽頁:

不到50行代碼就能實現一個 WordPress 主題的選項框架(wordpress 主題開發(fā)框架)

第一個標簽頁有兩個圖片上傳按鈕和一個多圖上傳器。

然后第二個標簽頁,我簡單羅列了常用的幾種表單字段:

不到50行代碼就能實現一個 WordPress 主題的選項框架(wordpress 主題開發(fā)框架)

標簽頁名字和這些字段如何修改也非常簡單,相關的代碼在 get_sections 方法中:

public static function get_sections(){ return [ 'section1' => [ 'title' =>'標簽頁1', 'fields' =>[ 'logo' => ['title'=>'網站 LOGO', 'type'=>'img', 'item_type'=>'url', ], 'favicon' => ['title'=>'Favicon', 'type'=>'img', 'item_type'=>'url', ], 'images' => ['title'=>'多圖上傳', 'type'=>'mu-img', 'item_type'=>'url', ], ] ], 'section2' => [ 'title' =>'標簽頁2', 'fields' =>[ 'text' => ['title'=>'普通輸入框', 'type'=>'text'], 'number' => ['title'=>'數字輸入框', 'type'=>'number'], 'checkbox' => ['title'=>'選擇框', 'type'=>'checkbox', 'description'=>'你要開啟該功能'], 'checkboxs' => ['title'=>'復選框', 'type'=>'checkbox', 'options'=>[1=>'選項1', 2=>'選項2', 3=>'選項3', ]], 'radio' => ['title'=>'單選框', 'type'=>'radio', 'options'=>[1=>'選項1', 2=>'選項2', 3=>'選項3', ]], 'textarea' => ['title'=>'文本框', 'type'=>'textarea'], ] ], ];}

可以說完全是配置型代碼,可以先備份一下,然后自己嘗試去修改一下看看效果。

選項字段都設置好了,并且也保存了設置,最后怎么獲取呢?對的,這個框架還提供了獲取函數:

wpjam_theme_get_setting($name, $default=null);

它有兩個參數,$name 是選項名稱,$default 是默認值,一眼就明白怎么用了吧?

有了這個選項框架,制作 WordPress 主題的選項頁面,和應用這些選型,變得異常的簡單,但多說無用,最重要的是自己親手試一下。

最后說一下,使用該框架制作的后臺設置頁面,都是 WordPress 默認的 UI 樣式,感覺和 WordPress 后臺原生的頁面幾乎一樣,對于用戶的體驗是最好的。

大家對 WPJAM Basic 進行二次開發(fā)有什么想法和建議,也可以給我留言。

該文件我也一起打包到了「使用 WPJAM Basic 進行快速開發(fā)指南」電子書的下載包里面,文件名是 option.php。

版權聲明:本文內容由互聯網用戶自發(fā)貢獻,該文觀點僅代表作者本人。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如發(fā)現本站有涉嫌抄襲侵權/違法違規(guī)的內容, 請發(fā)送郵件至 舉報,一經查實,本站將立刻刪除。

(0)
上一篇 2024年5月16日 上午9:42
下一篇 2024年5月16日 上午9:54

相關推薦

性欧美视频无码一区| 国产日韩音声一区二区| 国产乱码一二三区精品| 人人肏天天干| 7久久精品美女| 在线精品亚洲综合三区| 大香蕉久久久综合AV| 婷婷五月天在线亚洲| 中文字幕综合一区综合二区| aV午夜福利不卡片| 中文偷拍亚洲| 日韩高清一区二区三在线| 久久黄色精品影院| 大鸡巴欧美性| 亚洲一二三区午夜伦理无码| 久久涩综合| 国产精品伊人网99| 戚薇唱的歌曲有哪些| www.theporn亚洲欧美| 激情欧美一区二区三区毛片视频| 提草视频观看| 欧美日韩二区HD| 69伦理片| 久久久久99精品成人片欧美片| 日韩人妻精品二穴| 欧美麻豆性爱视频| 亚洲熟女~V| 无码中字色播人妻久久婷婷877| 国产精品神马一二区| 老B视频在线| 91九月色色| 国产人妻 XNXX.COM| 中文无码狠狠亚洲| 日韩欧美中文字幕成人| 日韩大片免费的黄久射| 青青草原三级AV无码网站在线观看| 日韩 欧美 国产 插入| 国产日韩欧美三级片免费观看| 狼人社区视频久久| 国内精品黄片| 国产一区二区亚洲日韩欧美自拍|