WordPress 纯代码实现面包屑导航 Breadcrumb

面包屑导航(Breadcrumbs)是一种基于网站层次信息的显示方式。面包屑来自于一则美丽的童话故事,而在网站中的”面包屑“则可以告诉访问者他们目前在网站中的位置,也能帮助搜索引擎的蜘蛛更好的爬取你的wordpress网站。

u=2225181444,4072225047&fm=26&gp=0

 

简化版:

将以下代码添加至wordpress主题根目录下的 functions.php 文件的 <?php 下方:

CSS样式:

外观样式可根据自己的需求进行调整。

在您需要展示的位置通过以下代码调用:

丰富版:

将以下代码添加至wordpress主题根目录下的 functions.php 文件的 <?php 下方:

以上的代码功能已经十分完善了,带有 Html5微数据,包含本地化翻译(请将所有 ‘cmp’ 修改为你的主题专用的 textdomain)

在主题模板中使用以下代码调用:

 

以上就是这次wordpress开发的全部内容了,加上一个“面包屑”功能会更加有利于网站的SEO,也更加方便您的访客定位自己的位置。面包屑路径大大增加了网站的内部连接,对于提高用户体验来说,是很有帮助的。用户可以更容易的定位到上一次目录,引导用户通行。

我想说两句

如果你想在评论中显示自定义头像, 请点击 gravatar! *

专业提供WordPress网站建设、主题定制、插件开发和维护优化等服务

New to site? Create an Account


Login

Lost password? ×

Already have an account? Login


Signup

×

Forgot Password

×
Scroll Up