面包屑導航的作用是不言而喻的,現在一般大大小小的網站都會做一個面包屑導航功能,這不僅有益于用戶的體驗,而且對于百度SEO優化來說也是比較重要的!
那么ZBlogPHP網站的面包屑導航該怎樣寫呢?在網上流傳最廣泛的一種比較簡略的寫法,這種寫法有一個致命的缺點,就是無法將多級分類一層一層的顯示出來 ,它只能顯示出(文章所在的)某一個具體的分類,代碼如下:
{if $type=='article'}
<a href="{$host}">網站首頁</a> / <a href="{$article.Category.Url}">{$article.Category.Name}</a> / 正文
{elseif $type=='category'}
<a href="{$host}">網站首頁</a> / <a href="{$category.Url}">{$category.Name}</a>
{elseif $type=='index'}
網站首頁
{else}
<a href="{$host}">網站首頁</a> / {$title}
{/if}而今天我要給大家分享的一個改良版的Z-BlogPHP的面包屑導航代碼,是可以把分類一層層都列出來的面包屑導航代碼!效果如下圖:
具體代碼寫法如下:
<div class="breadcrumb1 borderB">
<ul>
<li>當前位置:</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頁面,首頁、列表頁、內容頁、單頁、tag頁均可以顯示正確的面包屑導航欄,與第一種對比,這一種寫法更加全面和友好!


皖公網安備 34162202000270號