海天无影Blog

给WordPress加上文章目录导航

/ 1247阅 / 0评 / 0

不知道大家发现没,海天的BLOG的文章的顶端已经加上了文章目录的导航了。当然这个在很多主题里都有此项功能显示了,但给没有这个功能主题加上还是很不错的,就像现在海天用的powerV3主题。海天还是蛮喜欢加上这样一个导航的,感觉比较正式,特别是有子目录的时候,更方便访客知道页面是在什么项目下的。

此文章目录导航功能,大家见的最多的地方应该是论坛。有了这个文章导航功能,访客就可以方便地知道并访问同类的文章, 并明确文章的所属, 这样对提高用户体验和网站的PV值都很有帮助,闲来看看怎么实现的吧。

文章目录导航功能是在大牛neoease的《WordPress 的文章导航》看到的,可以给文章加上分类或是子分类的导航目录。可能有人在这里会被绕晕了,其实海天举个例子就很好理解了。

只有分类的文章目录导航(不显示子分类) : 首页 > 分类 > 文章
带子分类的文章目录导航(显示子分类) : 首页 > 分类 > 子分类 > 第二层子分类 > ... > 第 N 层子分类 > 文章

想要什么样式的大家应该都能确定下来了,海天加的是有子目录导航的,海天还是喜欢目录导航能长一点的,觉得充实好看,哈哈。现在来在你的主题中加上文章目录导航功能。

1. 不包含父级分类的文章目录导航
这里用到 the_category() 方法的默认模式, 会调用 get_the_category_list() 生成最后一层的子分类 (分类可能不只一个) 组成的 HTML 字符串并打印到页面上. 代码如下:

<a title="Go to homepage" href="<?php echo get_settings('home'); ?>/">Home</a> <!-- 首页链接 -->
 &gt; <?php the_category(', '); ?> <!-- 每个分类以逗号分隔 -->
 &gt; <?php the_title(); ?> <!-- 文章链接 -->

2. 包含父级分类的文章目录导航
我们要用的是 the_category() 方法的 multiple 模式, 而他会调用 get_the_category_list()get_category_parents() 两个方法生成一个包含所有父分类的 HTML 字符串并打印到页面上. 代码如下:

<a title="Go to homepage" href="<?php echo get_settings('home'); ?>/">Home</a> <!-- 首页链接 -->
 &gt; <?php the_category(' &gt; ', 'multiple'); ?> <!-- 每个分类以 > 分隔, 父级分类在前, 子分类在后 -->
 &gt; <?php the_title(); ?> <!-- 文章链接 -->

选择合适的代码直接加在在需要调用文章目录导航的地方就可以了。

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注