tft每日頭條

 > 科技

 > wordpress如何添加導航菜單欄

wordpress如何添加導航菜單欄

科技 更新时间:2024-11-26 06:44:41

在前面的章節中,我們介紹了基于page頁面的wordpress網站導航菜單的函數——wp_list_pages()。今天,我們再來介紹第二種導航菜單的方式——基于wordpress網站的文章分類目錄的導航菜單,這種wordpress導航菜單是通過wp_list_categories()函數來實現的,它可以将wordpress網站的分類目錄展示在wordpress網站前台的導航菜單中。下面,我們一起來看看如何使用wp_list_categories()來創建wordpress網站導航菜單吧。

一、wp_list_categories()函數用法。

wp_list_categories( string|array $args = '' );

這個函數有一個參數,它的參數既可以是字符串類型的數據,也可以是一個數組類型的數據,這點跟wp_list_pages()函數類似。

二、wp_list_categories()函數的參數詳解。

$args = array('show_option_all' => '',//是否列出分類鍊接;'orderby' => 'name',//按名稱排列;'order' => 'ASC',//分類目錄的排序。升、降序;'style' => 'list',//是否用列表(ul>li)标簽;'show_count' => 0,//是否顯示文章數量;'hide_empty' => 1,//是否顯示沒有文章的分類;'use_desc_for_title' => 1,//是否顯示分類描述;'child_of' => 0,//是否限制子分類 ;'exclude' => '',//排除分類的ID,多個用',(英文逗号)'分隔;'exclude_tree' => '',//排除分類樹,即父分類及其下的子分類;'include' => '',//包括哪些分類的ID;'title_li' => 'Categories',//導航菜單的列表标題名稱;'show_option_none' =>'No categories',//網站沒有分類時顯示的标題;'number' => null,//顯示分類的數量;'echo' => 1,//是否打印到前台頁面顯示,1顯示,0不顯示而是返回字符串;'hierarchical' => true,//是否将子、父分類分級;'depth' => 0,//層級限制;'current_category' => 0,//指定分類ID,在前台頁面鍊接添加current-cat的CSS類,方便修改樣式;'pad_counts' => 0,//計算包括子分類的鍊接或文章數;'taxonomy' => 'category',//使用的文章分類類型;'walker' => null//生成列表 Walker 類;);

以上,我們列舉了wp_list_categories()函數的主要的參數,以及它們都代表什麼。其實,在我們的實際使用中,并不是每一個參數都會用到,一般情況下,我們隻會使用其中的某幾個。我們會在下面的案例中具體解說。

三、wp_list_categories()案例。

案例1:分類目錄導航列表按層級來排列。

$menu = array( 'depth' =>0, 'title_li'=>'', 'echo'=>1,);wp_list_categories($menu);

如下圖,子分類會按層級的關系,縮進去2格;并且沒有顯示列表的标題。

wordpress如何添加導航菜單欄(網站如何添加導航菜單)1

案例2:隻顯示頂級分類,不顯示子分類,并顯示列表标題。

$menu = array( 'depth' =>1, 'title_li'=>'這是分類列表的标題', 'echo'=>1,);wp_list_categories($menu);

這裡,我們把depth參數的值設成1,就表示隻顯示一級分類目錄,子分類就不會顯示;如果設成2,就會顯示2級分類,子分類就會顯示;如果設成3,就會顯示3級分類,子分類和子分類的子分類都會顯示出來;以此類推。設成0,表示所有分類都顯示,并且按層級顯示。另外,我們這裡也添加了分類菜單的列表标題,這樣,如果在側邊伴,這個标題還是非常管用的;如果是頂部導航菜單,這個标題還是省略比較好。效果如下圖:

wordpress如何添加導航菜單欄(網站如何添加導航菜單)2

案例3:排除某些分類。也就是不讓某些分類顯示出來。代碼如下:

$menu = array( 'depth' =>1, 'title_li'=>'', 'echo'=>1, 'exclude' => '52,81,103',);wp_list_categories($menu);

這裡,我們設置了排除3個分類,它們的ID号分别是:52(親子),81(養生),103(家居)。這樣,我們在wordpress網站的前台頁面的導航菜單中就看不到這幾個分類目錄。如下圖,可以對比一下上圖:

wordpress如何添加導航菜單欄(網站如何添加導航菜單)3

​好了,關于wordpress網站分類目錄導航菜單函數wp_list_categories(),這裡我們就隻舉這幾個案例,在實際應用中,我們可以根據不同的需求,來設置不同的參數,要做到靈活多變。這些參數還是很好理解的,隻需多練習,就可輕松掌握。

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关科技资讯推荐

热门科技资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved