每乙個**都有自己的導航選單,如:頭部導航選單,底部導航選單,側邊欄導航選單,wordpress**也不例外。那麼,在wordpress**主題模板開發中,我們怎樣給wordpress**新增前台的導航選單呢?嗯,據我多年的開發經驗發現,wordpress為wordpress主題開發,主要提供了三種導航選單的建立方式,這三種方式會建立不一樣的導航功能。今天,我們就來看看第一種wordpress**建立導航選單的方式——基於page頁面的導航選單。這裡,我們會用到wordpress提供的函式——wp_list_pages(),這是乙個wordpress頁面列表的函式。
我們先來看一下這個wordpress函式——wp_list_pages(),看看它的結構。
wp_list_pages($defaults);從上面的**中,我們可以看到,wp_list_pages()函式只有乙個引數,這個引數有兩種型別,可以是字串型別,也可以是陣列型別。這個我們在下面的例項中會做相應的介紹。為了方便了解這個引數的值,我們這裡以陣列的形式來解說一下這個引數。
引數介紹:
$defaults =array('depth' =>0, //0:顯示所有頁面和子頁面,按層級顯示;//1:只顯示頂級頁面;//2:顯示2級頁面;//-1:顯示所有頁面和子頁面,不按層級顯示;可以看到,這個wp_list_pages()函式的引數值有很多,在我們wordpress主題模板開發的實際操作中,一般只會使用其中的幾個。'show_date'=>'', //是否顯示建立日期
'date_format'=> get_option('date_format'),//日期格式
'child_of'=>0, //指定父頁面id號,顯示這個父頁面下的子頁面;0表示顯示所有子頁面;
'exclude'=>'', //排除哪些頁面
'include'=>'', //包含哪些頁面
'title_li'=>'pages', //是否顯示頁面列表的標題,如果不顯示,設為空;這裡設定標題為「pages」
'echo'=>1, //是否列印到前台頁面顯示出來。1表示顯示,0表示不顯示,而是只獲取值。
'authors'=>'', //指定特定作者建立的頁面
'link_before'=> '', //鏈結前的內容'link_after'=>'', //鏈結後的內容
'exclude_tree'=>'', //排除父級/子級樹
'sort_column'=>'menu_order', //排序方式,menu_order按後台設定;post_date按發布時間,post_modified按修改時間;
'sort_order' => 'desc', //排序順序,asc順序,desc是倒序);
從上圖中,我們可以看到,這個wordpress**後台有6個頁面,其中,「投稿」是「子頁面1」和「子頁面2」的父級頁面。
$menu = array( 'depth' =>0, 'title_li'=>'頁面導航選單', 'echo'=>1, );wp_list_pages($menu);我們可以看到,頁面導航展示了出來,子頁面按層級展示——縮排2格。
案例2:我們來修改乙個引數**,標題設定為空,新增乙個排序引數,並修改一下層級引數值,**如下:
$menu = array( 'depth' =>1, 'title_li'=>'頁面導航選單', 'echo'=>1, 'sort_order' => 'desc','sort_column'=>'menu_order',);wp_list_pages($menu);案例3:wp_list_pages()函式的引數用字串型別。我人在開頭說過,wp_list_pages()函式的引數有2種型別,可以是字串型別,也可以是陣列型別。陣列型別我們在前2個案例中已經使用過了。這裡,我們再來以字串型別來做一次介紹。
這裡我們拿案例的**來演示,把陣列型別的引數換成字串的型別,**如下:
wp_list_pages("depth=1&title=&echo=1&sort_order=desc&sort_column=menu_order");上面的**中,我們用到了乙個連線符&這個特殊符號,它是用來連線多個引數。中間的=這個符號,就不用解釋了,是等於號。通過這句**,我們同樣達到案例2的效果。如果想讓這個基於page頁面的導航選單能在頂部橫排顯示,可以修改wordpress**模板的css檔案的**,修改它的樣式,就可以了。這裡就不多說了。
怎樣在uboot上建立選單 menu ?
一 原理 uboot選單其實就是乙個uboot中的命令,和其他的命令沒有什麼差別。uboot啟動時,如果進入uboot命令模式,先執行這個命令,就會列印出乙個選單介面。在uboot的命令模式,通過鍵入 menu 命令,同樣可以調出這個介面。二 操作步驟 1 在uboot的common目錄下建立cmd...
vue子元件呼叫父元件怎樣傳引數
子元件child通過 emit呼叫父元件分方法來傳遞資料。主要是講解子元件呼叫父元件的方法並傳遞資料的栗子,元件內容從簡 父子元件都是乙個帶標題的按鈕 子元件我是子元件 父元件 子元件通過 emit監聽父元件中的事件函式,當子元件觸發監聽函式則會吧msg作為返回值傳給父元件從而達到監聽傳值的效果。其...
元件子頁面獲取父頁面引數 react元件通訊
react元件之間的通訊,其實就是通過乙個props建立彼此之間的橋梁,而我們最常用的就是父子傳值,子父傳值,以及兄弟之間傳值 1 父元件給子元件傳值 父元件給子元件傳值相對比較簡單,如果想讓他們倆之間有所聯絡,想傳遞父元件的資料,那麼我們就在父級元件中的子元件標籤上定義乙個屬性,而屬性的值就是我們...