折騰主題,免不了要接觸到主題的后臺(tái)框架。有能力的大神自己寫,惰憊的大神二開或者套用市面上的開源wordpress主題框架。至于小白嘛,老老實(shí)實(shí)用別人寫好的wordpress主題框架吧。雖然不知其所以然,但好歹經(jīng)過(guò)一番拆拆摸摸也能知其然。
因?yàn)槲也疬^(guò)不少主題,所以變相的也接觸到了不少的主題框架,比如大前端的、知更鳥的、老趙的、知言的、多夢(mèng)的、云落(Git)的……
其中,老趙的主題用的是codestar-framework,也是我最拿手、最喜歡的一個(gè)主題框架。因?yàn)檎娴奶珜?shí)用、太方便了。這也導(dǎo)致了我二開也好,想要新寫也罷,第一時(shí)間會(huì)考慮這個(gè)主題框架。再者,主題框架作者居然一直在維護(hù)它,委實(shí)是個(gè)驚喜無(wú)限。

至于知言主題嘛,則是使用option-tree。這個(gè)框架,我用的不太順手,而且還忒么用得很憋屈。因?yàn)橐膊恢罏槭裁矗@個(gè)框架里面的資源很多是加載CDN這類的節(jié)點(diǎn),導(dǎo)致有時(shí)候能打開后臺(tái),卻不一定打得開主題選項(xiàng)。
不過(guò),今天不說(shuō)這些強(qiáng)則強(qiáng)矣,奈何框架包動(dòng)則1~2M以上的強(qiáng)大框架。而是介紹Git主題使用的輕量級(jí)主題框架,據(jù)說(shuō)這個(gè)框架來(lái)自小影主題,可小影是誰(shuí)我就不知道了,呃……這暴露了我接觸的圈子太窄。

原文已經(jīng)不見了
龍硯庭博客??分享于?2017年6月26日?(4kb)
使用?1.引入主題框架文件 將theme-options.php
文件扔到主題根目錄,然后打開functions.php
文件,寫入以下代碼:
require get_template_directory() . '/theme-options.php';
2.框架可使用的ID類型(type) 之所以要用到后臺(tái)框架,主要是為了滿足前端各種輸出、以及各種功能的實(shí)現(xiàn)。比如輸出文本、比如文章微博同步、比如SEO等關(guān)鍵詞、描述的填寫……
type類型:
subtitle //二級(jí)標(biāo)題
number //數(shù)字框
checkbox //復(fù)選框
select //單選框
password //密碼框(密碼不可見)
radio //單選框
text //文本框
textarea //多行文本框
常用的也就這些,另外這個(gè)框架之所以輕量,是因?yàn)樗车袅撕芏嗖槐匾膉s、css,以及type等。比如上傳圖片的upload。直接使用text文本框代替即可。
3.調(diào)用函數(shù)
//調(diào)用函數(shù)
get_option('ID')
//條件判斷
if (get_option('ID') == true){
內(nèi)容
}
//調(diào)用輸出
<?php echo get_option('ID'); ?>
4.框架數(shù)組構(gòu)建選項(xiàng) 以下用實(shí)例,講解如何使用后臺(tái)框架的文件,進(jìn)行構(gòu)建一個(gè)個(gè)可選項(xiàng)或輸入項(xiàng)等。
1
打開theme-options.php
,寫進(jìn)如下代碼:
//公告欄
array(
'name' => '公告欄',
'desc' => '這里是輸入公告內(nèi)容',
'id' => 'loomob_notice', //自定義一個(gè)ID,用以函數(shù)調(diào)用該功能
'type' => 'textarea', //type類型,假如這是一個(gè)微博同步功能,要構(gòu)建微博密碼的輸入框,那么可以將textarea改為password
'std' => '起始時(shí)默認(rèn)內(nèi)容'
),
?
前端調(diào)用方式。打開想要展示這個(gè)公告欄功能的文件,如header.php
、或者index.php
。在合適的位置,插入以下代碼:
<?php echo get_option('loomob_notice'); ?>
2
選擇項(xiàng)設(shè)置寫法,如:
array(
'name' => '首頁(yè)布局設(shè)置',
'desc' => '選擇首頁(yè)布局,讓你的博客天天變換新花樣',
'id' => 'loomob_layout',
'type' => 'radio',
'options' => array(
'博客' => 'loomob_blog',
'CMS' => 'loomob_cms',
'雜志' => 'loomob_magazine',
'圖片墻' => 'loomob_figure_wall'
'瀑布流' => 'loomob_cascade_flow'
),
'std' => 'loomob_blog' //默認(rèn)是博客布局
),
打開index.php
,寫入主題數(shù)據(jù)調(diào)用的調(diào)用方式:
<?php
if (get_option('loomob_layout') == 'loomob_blog') {
//博客
} elseif (get_option('loomob_layout') == 'loomob_cms') {
//CMS
} elseif (get_option('loomob_layout') == 'loomob_magazine') {
//雜志
} elseif (get_option('loomob_layout') == 'loomob_figure_wall') {
//圖片墻
} else {
//瀑布流
}
?>
總結(jié) 以上就是介紹跟使用了,至于DEMO,我就不貼圖了。
如果你也喜歡簡(jiǎn)潔的選項(xiàng)框架,那么這兩篇輕量級(jí)的wordpress開發(fā)選項(xiàng)框架您也值得看一看: