给Zblog博客添加面包屑导航

at 2022.01.14 16:10  ca 博客  pv   by bosir  

 

今天检查博客的时候,发现没有面包屑导航,有点不利于浏览体验。

 

于是,查阅了一下相关资料,发现还是挺简单的。

 

给Zblog添加面包屑,总结起来其实就只有三步。

 

1.找到模板的single.php文件

 

因为各主题模板不同,文件命名也不同,所以要找到文章模板这个文件,默认命名应该是 post-single.php 

 

2.在single.php顶部添加代码

 

官方指导代码参考

{if $type=='index'&&$page=='1'}  /*判断首页*/  
{if $type=='category'}  /*判断分类页*/  
{if $type=='article'}  /*判断日志页,不含独立页面,
{if $article.Type==ZC_POST_TYPE_ARTICLE}(另一方案)*/ 
 {if $type=='page'}  /*判断独立页面*/  
{if $type=='author'}  /*判断用户页*/  
{if $type=='date'}  /*判断日期页*/  
{if $type=='tag'}  /*判断标签页*/

 

  •  代码一

<div class="mianbaoxie">
当前位置:&nbsp;<a href='{$host}'>主页</a>&nbsp;{php}
$html='';
function navcate($id){
global $html;
$cate = new Category;
$cate->LoadInfoByID($id);
$html ='>> <a href="' .$cate->Url.'" >' .$cate->Name. '</a> '.$html;
if(($cate->ParentID)>0){navcate($cate->ParentID);}
}
navcate($article->Category->ID);
global $html;
echo $html;
{/php}>>{$article.Title}
</div>

 

  • 代码二

{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}

 

  • 代码三

{if $type == 'index'}  	
<i class="fa fa-bullhorn"></i>网站改版调试中!  
{elseif $type == 'category'}  	
<i class="fa fa-home"></i> 
<a href="{$host}" title="{$name}">首页</a>  	
{php}  		
$html='';  		
function navcate($id){  			
global $html;  			
$cate = new Category;  			
$cate->LoadInfoByID($id);  			
$html ='&raquo;  
<a href="' .$cate->Url.'" title="查看' .$cate->Name. '中的全部文章">' .$cate->Name. '</a> '.$html;  			
if(($cate->ParentID)>0){navcate($cate->ParentID);}  		
}  		
navcate($category->ID);  		
global $html;  		
echo $html;  	
{/php}  
{elseif $type =="article"}	  	
<i class="fa fa-home"></i> <a href="{$host}" title="{$name}">首页</a>	  	
{php}  		
$html='';  		
function navcate($id){  			
global $html;  			
$cate = new Category;  			
$cate->LoadInfoByID($id);  			
$html ='&raquo;  
<a href="' .$cate->Url.'" title="查看' .$cate->Name. '中的全部文章">' .$cate->Name. '</a> '.$html;  			
if(($cate->ParentID)>0){navcate($cate->ParentID);}  		}  		
navcate($article->Category->ID);  		
global $html;  		
echo $html;     
{/php} &raquo; 正文  
{elseif $type =="page"}  	
<i class="fa fa-home"></i> 
<a href="{$host}" title="{$name}">首页</a>  	
&raquo; 正文   
{elseif $type =="tag"}  	 
<i class="fa fa-home"></i> 
<a href="{$host}" title="{$name}">首页</a>  	
&raquo;  	 
<span class="current">标签存档:{$tag.Name}</span>  
{elseif $type =="author"}  	 
<i class="fa fa-home"></i> 
<a href="{$host}" title="{$name}">首页</a>  	  
&raquo;  	
<span class="current">{$author.Name} 的文章</span>  
{/if}

 

  • 代码四(目前使用中)

{if $type=='article'}
<a href="{$host}">网站首页</a> 
/ 
<a href="{$article.Category.Url}">{$article.Category.Name}</a>
 /
{$article.Title} {elseif $type=='category'}
<a href="{$host}">网站首页</a>
 /  
{$title}{/if}

 

3.后台刷新缓存即可

 

  • 代码一因为没有单独判断独立页面,所以会有错误,需要更改一下

 

  • 代码二、三没有添加文章标题,可以添加{$article.Title}进行判断

 

  • 因为我的分类少,所以改良了一下,直接使用的是代码四

 

给Zblog博客添加面包屑导航

(*此为代码一效果演示)

另外吐槽一下。

 

以前一直使用“橙色阳光”大神的[ 阿里云OSS-Free ] 这款插件,但作者貌似最近删除了,不能使用了。

 

应用中心又没有能用的,所以每次传图我都是自行上传到阿里云OSS,然后复制地址过来,比较麻烦。

 

希望有大佬研发一款,哪怕付费的,不要很贵也行。

上一篇:迷茫时,记得提升自己

下一篇:

已有6条评论
    姜辰Jcs.Moe  发布于 2022-01-21 23:46:04   回复

    我用的EMLOG连新插件都没多少~233我都很多年没更新过程序的功能了

    Mr.Chou  发布于 2022-01-20 19:54:19   回复

    每个程序都有各自的特点,我觉得这个功能在别的程序来讲是基本吧..

    郑永  发布于 2022-01-18 08:48:16   回复

    zblog,好熟悉,很多年前了

    • bosir  发布于 2022-01-18 11:55:35   回复

      现在基本都是收费的,要啥只能自己动手。

    闲趣  发布于 2022-01-17 21:20:05   回复

    头一次弄明白了啥叫面包屑导航

    • bosir  发布于 2022-01-18 11:55:57   回复

      其实就是添加层级导航条