建站教程

建站教程

Products

当前位置:首页 > 建站教程 >

怎样在wordpress网站模板中,添加面包屑导航功能模块?(wordpress当前分类上下篇文章调用方法)

GG网络技术分享 2025-03-18 16:12 0


怎样在wordpress网站模板中,添加面包屑导航功能模块?

几乎在所有的wordpress网站中,我们都可以看到面包屑导航的身影(如下图)。面包屑导航,可以很方便地让我们了解到我们在这个wordpress网站中所在的位置,而且,我们还可以通过点击面包屑导航中的链接,进入到对应的页面。​可见面包屑导航不仅让wordpress网站更加便利,而且提升了wordpress网站的用户体验。

那么,我们怎样在wordpress网站模板中添加面包屑导航呢?请随我来,我们可以通过2种方式来实现。具体操作,可以观看我在本站发表的《wordpress网站模板开发中,怎样添加面包屑导航功能?》视频教程。

面包屑导航的视频教程

​方法一:每个wordpress模板页添加对应的面包屑导航代码。

也就是说,我们可以在wordpress模板中,想要显示面包屑导航的地方,添加面包屑导航代码就可以了。一般情况下,需要面包屑导航的地方有:wordpress网站的分类页模板、文章页模板、单页面模板、tag标签页模板、搜索页模板、作者页模板等等。

wordpress网站分类页模板面包屑导航代码:

wordpress网站文章页模板面包屑导航代码:

wordpress网站单页面模板面包屑导航代码:

这种方式的缺点:需要在wordpress网站的每个需要面包屑导航的模板中添加面包屑导航代码,后期维护比较麻烦。

方法二:在wordpress模板中创建面包屑导航的函数。

为了更加方便地在wordpress网站模板中调用面包屑导航,我们可以给面包屑导航创建一个函数,然后,只需要用到面包屑导航的页面直接调用这个函数就可以了。因为面包屑导航会在wordpress网站的很多页面中使用,所以,我们在函数中要做不同页面的判断,根据不同的页面调用不同的面包屑导航。

在wordpress网站模板的functions.php文件中添加如下代码:

面包屑函数创建好了,就可以在wordpress网站模板中调用它,代码如下:

通过上面的2种方式,我们都可以为我们的wordpress网站模板添加面包屑导航的功能。当然,我们还可以通过wordpress的面包屑导航插件来实现,不过,这么简单的功能,没必要耗费系统资源来使用插件,纯代码更加有效。

如果还有什么疑问,欢迎在下面给我留言,我会尽快给你回复。谢谢参阅。

wordpress当前分类上下篇文章调用方法

我们在做wordpress网站的时候,需要在位置的尾部增加上下篇文章,提升用户体念。

但是默认的代码,常常会把其他分类的文章给调用出来,特别是把页面调用出来,给用户的体念反而不好。

我们可以通过下面的代码来实现这个按分类来调用上下篇文件的方法:

<!--上下篇开始-->

<divclass="shangxia">

<?php

$current_category=get_the_category();

$prev_post=get_previous_post($current_category,'');

$next_post=get_next_post($current_category,'');?>

<?phpif(!empty($prev_post)):?>

<ahref="<?phpechoget_permalink($prev_post->ID);?>"title="上一篇:<?phpecho$prev_post->post_title;?>">上一篇:<?phpecho$prev_post->post_title;?></a>

<?phpelse:?>

<atitle="已经是第一篇了">已经是第一篇了</a><?phpendif;?><!--上下片分离-->

<?phpif(!empty($next_post)):?>

<ahref="<?phpechoget_permalink($next_post->ID);?>"title="下一篇:<?phpecho$next_post->post_title;?>">下一篇:<?phpecho$next_post->post_title;?></a>

<?phpelse:?>

<atitle="已经是最后一篇了">已经是最后一篇了</a>

<?phpendif;?>

</div>

<!--上下篇结束-->

前端显示的样式,可以根据自己的需要来写。

标签:

提交需求或反馈

Demand feedback