前面的章節中，我們介紹了基于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格；并且沒有顯示列表的標題。

案例2：只顯示頂級分類，不顯示子分類，并顯示列表標題。

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

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

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

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

這里，我們設置了排除3個分類，它們的ID號分別是：52（親子）,81（養生）,103（家居）。這樣，我們在wordpress網站的前臺頁面的導航菜單中就看不到這幾個分類目錄。如下圖，可以對比一下上圖：

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

var topBtn = document.getElementById('top');
// 獲取視窗高度
var winHeight = document.documentElement.clientHeight;
window.onscroll = function () {
    // 獲取頁面向上滾動距離，chrome瀏覽器識別document.body.scrollTop，而火狐識別document.documentElement.scrollTop，這里做了兼容處理
    var toTop = document.documentElement.scrollTop || document.body.scrollTop;
    // 如果滾動超過一屏，返回頂部按鈕出現，反之隱藏
    if(toTop>=winHeight){
        topBtn.style.display = 'block';
    }else {
        topBtn.style.display = 'none';
    }
}
topBtn.onclick=function () {
    var timer = setInterval(function () {
        var toTop = document.documentElement.scrollTop || document.body.scrollTop;
        // 判斷是否到達頂部，到達頂部停止滾動，沒到達頂部繼續滾動
        if(toTop == 0){
            clearInterval(timer);
        }else {
            // 設置滾動速度
            var speed = Math.ceil(toTop/5);
            // 頁面向上滾動
            document.documentElement.scrollTop=document.body.scrollTop=toTop-speed;
        }
    },50);
}