1、創(chuàng)建所需的文件
專注于為中小企業(yè)提供網(wǎng)站制作、做網(wǎng)站服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)定日免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都,凝聚了一批互聯(lián)網(wǎng)行業(yè)人才,有力地推動(dòng)了上千家企業(yè)的穩(wěn)健成長,幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。
在進(jìn)行主題定制前,應(yīng)該首先創(chuàng)建一個(gè)可供自定義的“設(shè)置選項(xiàng)頁面”。創(chuàng)建設(shè)置選項(xiàng)頁的代碼需要放置在主題目錄下的functions.php文件中。如果我們的模板名為“OptionPage”,那么functions文件的路徑為:wp-contentthemesOptionPagefunctions.php。
我們不需要讓wordpress手動(dòng)加載它,在執(zhí)行時(shí)wordpress會自動(dòng)加載。
2、建立設(shè)置選項(xiàng)頁
首先第一步需要在后臺建立一個(gè)空白頁面供我們使用。我們通過add_aaction來實(shí)現(xiàn)這一步。Actions可以在wordpress執(zhí)行時(shí)的特定時(shí)間被響應(yīng),例如,當(dāng)在控制面板創(chuàng)建菜單時(shí),admin_menu就會被響應(yīng)執(zhí)行。因此,可以利用這些來實(shí)現(xiàn)我們所需的功能。這是我們創(chuàng)建選項(xiàng)頁的最基本的功能。
?php
// 設(shè)置選項(xiàng)頁
function themeoptions_admin_menu()
{
// 在控制面板的側(cè)邊欄添加設(shè)置選項(xiàng)頁鏈接
add_theme_page(“主題設(shè)置”, “主題選項(xiàng)”, ‘edit_themes’, basename(__FILE__), ‘themeoptions_page’);
}
function themeoptions_page()
{
// 設(shè)置選項(xiàng)頁面的主要功能
}
add_action(‘a(chǎn)dmin_menu’, ‘themeoptions_admin_menu’);
?
themeoptions_admin_menu()是在控制面板的側(cè)邊欄中添加一個(gè)鏈接,指向我們創(chuàng)建的選項(xiàng)頁:themeoptions_page。
add_theme_page() 的參數(shù)為:
頁面標(biāo)題:主題設(shè)置
菜單標(biāo)題:主題選項(xiàng)(p.s.為了區(qū)分顯示,頁面與菜單標(biāo)題我做了不同我命名)
作用功能:edit_themes;
Handle(句柄):當(dāng)前文件;
執(zhí)行的函數(shù):themeoptions_page;
現(xiàn)在后臺控制面板側(cè)邊欄的處就多了一個(gè)“主題設(shè)置”的菜單,但是現(xiàn)在還是空白的,我們后面要實(shí)現(xiàn)的定制內(nèi)容就在這個(gè)空白頁面上創(chuàng)建。
3、添加選項(xiàng)和字段
現(xiàn)在我們就可以在剛創(chuàng)建的空白頁面上添加我們的選項(xiàng)和字段。這個(gè)頁面你可以根據(jù)自己的需要進(jìn)行樣式風(fēng)格化,但在本教程中我們將使用wordpress默認(rèn)的類,這樣可以節(jié)省我們的時(shí)間并且看起來更加原生。
頁面內(nèi)容的代碼需包含在 themeoptions_page()函數(shù)內(nèi)。首先,我們先添加一個(gè)class=”wrap”的div容器;然后,在頭部添加一個(gè)默認(rèn)圖標(biāo)作為作為頁面標(biāo)題;最后是設(shè)計(jì)表單。
div class=“wrap”
div id=“icon-themes” class=“icon32″br //div
h2主題設(shè)置/h2
form method=“POST” action=“”
input type=“hidden” name=“update_themeoptions” value=“true” /
pinput type=“submit” name=“submit” id=“submit” class=“button button-primary” value=“保存更改”/p
/form
/div
在表單中,首先我們需要添加一個(gè)隱藏的值,通過它來檢查更新是否已經(jīng)提交。然后添加一個(gè)提交按鈕,這里我也使用wordpress默認(rèn)的按鈕樣式。
WordPress 主題 Her-優(yōu)雅的她
這款主題,你可以自由地在主題設(shè)置中根據(jù)你自己的需要進(jìn)行修改。主題的設(shè)置十分簡單,沒有提供太多復(fù)雜的設(shè)置,基本上你看了都知道該怎么設(shè)置了。
官網(wǎng)鏈接,可以免費(fèi)下載。網(wǎng)頁鏈接
黑糖主題BlackCandy網(wǎng)頁鏈接是一款簡約漂亮為自媒體和創(chuàng)意工作者而設(shè)計(jì)的博客主題,在某寶找的價(jià),博客變得更加酷炫。
煥然一新的界面,更加扁平簡約和現(xiàn)代化!緊跟潮流,為大屏和響應(yīng)式而設(shè)計(jì)
獨(dú)特的創(chuàng)新,首頁布局顯示模式:左右列表和卡片式(站長后臺可設(shè)置默認(rèn)模式,訪客可選擇瀏覽模式)
個(gè)性化圖標(biāo),由創(chuàng)造獅 草莓圖標(biāo)庫 驅(qū)動(dòng),為中國本地化而打造,更多特色自定義!
優(yōu)化交互細(xì)節(jié),響應(yīng)式布局,完美匹配電腦、平板、和移動(dòng)端。
強(qiáng)大的管理,即有wordpress后臺,也有黑糖個(gè)性化后臺菜單!
極客的精神,純手工原生代碼。未集成任何第三方插件!