每個(gè)網(wǎng)站都有自己的導(dǎo)航菜單,比如:標(biāo)題導(dǎo)航菜單、底部導(dǎo)航菜單、側(cè)邊欄導(dǎo)航菜單wordpress模板函數(shù),網(wǎng)站也不例外。那么,在網(wǎng)站主題模板的開發(fā)中,我們?nèi)绾谓o網(wǎng)站添加前端導(dǎo)航菜單呢?嗯,根據(jù)我多年的開發(fā)經(jīng)驗(yàn),創(chuàng)建主題開發(fā)的導(dǎo)航菜單主要有三種方式wordpress模板函數(shù),這三種方式會(huì)創(chuàng)建不同的導(dǎo)航功能。今天,我們來看看網(wǎng)站創(chuàng)建導(dǎo)航菜單的第一種方式——基于頁面的導(dǎo)航菜單。在這里,我們將使用提供的函數(shù)-(),它是一個(gè)頁面列表函數(shù)。
我們先來看看這個(gè)函數(shù)-(),看看它的結(jié)構(gòu)。
($);
從上面的代碼我們可以看出()函數(shù)只有一個(gè)參數(shù),而這個(gè)參數(shù)有兩種類型,可以是字符串類型,也可以是數(shù)組類型。我們將在下面的示例中介紹這一點(diǎn)。為了便于理解這個(gè)參數(shù)的取值,這里我們以數(shù)組的形式來解釋這個(gè)參數(shù)。
參數(shù)介紹:
$ =array('depth' =>0, //0:顯示所有頁面和子頁面,按級(jí)別顯示;//1:只顯示頂級(jí)頁面;//2:顯示2級(jí)頁面;// -1:顯示所有頁面和子頁面,不按級(jí)別顯示;
''=>'', //是否顯示創(chuàng)建日期

''=> (''),//日期格式
''=>0, //指定父頁面的ID號(hào),顯示該父頁面下的子頁面; 0 表示顯示所有子頁面;
''=>'', //排除哪些頁面
''=>'', //包含哪些頁面
'' =>'Pages', //是否顯示頁面列表的標(biāo)題,如果沒有,設(shè)置為空;在此處設(shè)置標(biāo)題為“頁面”
'echo'=>1, //是否打印到前臺(tái)顯示頁面。 1表示顯示,0表示不顯示,只取值。

''=>'', //指定特定作者創(chuàng)建的頁面
'' => '', //鏈接前的內(nèi)容''=>'', //鏈接后的內(nèi)容
''=>'', //排除父/子樹
''=>'', //排序方法,由背景設(shè)置;按發(fā)布時(shí)間,按修改時(shí)間;
'' => 'DESC', //排序順序,ASC順序,DESC是倒序);
可以看到,這個(gè)()函數(shù)的參數(shù)值很多,而在我們主題模板開發(fā)的實(shí)際操作中,我們一般只用到其中的幾個(gè)。

下面,我們將通過一個(gè)例子來介紹()函數(shù)如何生成基于頁面的導(dǎo)航菜單。我們先來看看網(wǎng)站后臺(tái)創(chuàng)建了哪些單頁,如下圖:
從上圖我們可以看出,這個(gè)網(wǎng)站后臺(tái)有6個(gè)頁面,其中“”是“Sub Page 1”和“Sub Page 2”的父頁面。
案例一:我們在網(wǎng)站模板頭部添加如下代碼:
$menu = array('depth' =>0, ''=>'頁面導(dǎo)航菜單', 'echo'=>1, );($menu);
我們?nèi)ゾW(wǎng)站首頁看看效果,如下圖:

我們可以看到頁面導(dǎo)航顯示出來了,子頁面是分層顯示的——縮進(jìn)2個(gè)單元格。
案例2:我們修改一個(gè)參數(shù)代碼,設(shè)置title為空,添加排序參數(shù),修改level參數(shù)值,代碼如下:
$menu = array('depth' =>1, ''=>'頁面導(dǎo)航菜單', 'echo'=>1, '' => 'DESC',''=>'',);( $菜單);
這時(shí)候我們來看看網(wǎng)站首頁的效果,如下圖:

?我們可以看到導(dǎo)航菜單的標(biāo)題沒有了,層次也沒有了,排序也發(fā)生了變化wordpress網(wǎng)站制作,按照頁面名稱的倒序排列。 () 參數(shù)很多,這里就不一一展示了,都很簡單。
案例3:()函數(shù)的參數(shù)使用字符串類型。
我一開始說過,()函數(shù)的參數(shù)有兩種類型,可以是字符串類型,也可以是數(shù)組類型。我們在前兩種情況下使用的數(shù)組類型。這里,我們再看一下字符串類型。
這里我們使用案例的代碼來演示,將數(shù)組類型的參數(shù)替換為字符串的類型,代碼如下:
("depth=1&title=&echo=1&=DESC&= ");
在上面的代碼中,我們使用了一個(gè)特殊的符號(hào)&,用于連接多個(gè)參數(shù)。中間的=符號(hào)不用解釋wordpress網(wǎng)站制作,就是等號(hào)。通過這段代碼,我們也實(shí)現(xiàn)了案例2的效果。
如果你想讓這個(gè)基于頁面的導(dǎo)航菜單水平顯示在頂部,你可以修改網(wǎng)站模板的CSS文件的代碼并修改它的樣式。這里不多說。
文章來自互聯(lián)網(wǎng),侵權(quán)請聯(lián)系刪除,文章闡述觀點(diǎn)來自文章出處,并不代表本站觀點(diǎn)。
www.bjcthy.com