面包屑導(dǎo)航的作用是不言而喻的，現(xiàn)在一般大大小小的網(wǎng)站都會做一個面包屑導(dǎo)航功能，這不僅有益于用戶的體驗，而且對于百度SEO優(yōu)化來說也是比較重要的！

那么ZBlogPHP網(wǎng)站的面包屑導(dǎo)航該怎樣寫呢？在網(wǎng)上流傳最廣泛的一種比較簡略的寫法，這種寫法有一個致命的缺點，就是無法將多級分類一層一層的顯示出來 ，它只能顯示出（文章所在的）某一個具體的分類，代碼如下：

{if $type=='article'}
    <a href="{$host}">網(wǎng)站首頁</a> / <a href="{$article.Category.Url}">{$article.Category.Name}</a> / 正文 
{elseif $type=='category'}
    <a href="{$host}">網(wǎng)站首頁</a> / <a href="{$category.Url}">{$category.Name}</a>  
{elseif $type=='index'}
    網(wǎng)站首頁 
{else}
    <a href="{$host}">網(wǎng)站首頁</a> / {$title}
{/if}

而今天我要給大家分享的一個改良版的Z-BlogPHP的面包屑導(dǎo)航代碼，是可以把分類一層層都列出來的面包屑導(dǎo)航代碼！效果如下圖：

具體代碼寫法如下：

<div class="breadcrumb1 borderB">
    <ul>
        <li>當(dāng)前位置：</li>
        <li><a href="{$host}" title="{$name}首頁">首頁</a></li>
        {if $type=='category'||$type=='article'}
        {php}
        $html='';
        function navcate($id){
            global $html;
            $cate = new Category;
            $cate->LoadInfoByID($id);
            $html ='<li><i class="fa fa-angle-right"></i> <a href="' .$cate->Url.'" title="' .$cate->Name. '">'.$cate->Name.'</a></li>'.$html;
            if(($cate->ParentID)>0){
                navcate($cate->ParentID);
            }
        }
        if($type=='category'){
            navcate($category->ID);
        }else{
            navcate($article->Category->ID);
        }
        global $html;
        echo $html;
        {/php}
        {if $type=='article'}<li><i class="fa fa-angle-right"></i> <a href="{$article.Url}">正文</a></li>{/if}
        {else}<li><i class="fa fa-angle-right"></i>{$title}</a></li>
        {/if}
    </ul>
</div>

以上代碼放在任何模板頁面均可生效，因為用了if判斷type頁面，首頁、列表頁、內(nèi)容頁、單頁、tag頁均可以顯示正確的面包屑導(dǎo)航欄，與第一種對比，這一種寫法更加全面和友好！