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


皖公網(wǎng)安備 34162202000270號(hào)