建站教程

建站教程

Products

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

怎样在wordpress网站模板中,添加面包屑导航功能模块?(wordpress获取当前分类id调用多个子分类列表)

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获取当前分类id调用多个子分类列表

我们在做wordpress网站的时候,常常需要调用多个子分类的文章列表,如果都是指定id来进行分类文章调用,就会比较繁琐,也不利于后期更新。

今天给大家介绍一个获取多个分类列表的方法:

<?php

global$cat;

$cats=get_categories(array(

'child_of'=>1,

'parent'=>$cat,

'hide_empty'=>0

));

$c=get_category($cat);

if(empty($cats)){

?>

<divclass="item">

<?phpif(have_posts()):while(have_posts()):the_post();?>

<?phpendwhile;?>

<?phpelse:?>

<?phpendif;?>

</div>

<?php?>

<?php

}else{

foreach($catsas$the_cat){

$posts=get_posts(array(

'category'=>$the_cat->cat_ID,

'numberposts'=>10,

));

if(!empty($posts)){

echo'

<divclass="item2">';

foreach($postsas$post){

$full_image_url=wp_get_attachment_image_src(get_post_thumbnail_id($post->ID),'full');

echo'<divclass="column5">

<divclass="text9">

<divclass="p10">

<ahref="'.get_permalink($post->ID).'"><imgsrc="'.$full_image_url[0].'"/></a></div>

<divclass="text10">'.mb_strimwidth(strip_tags(apply_filters('the_content',$post->post_content)),0,150,"...").'</div>

<divclass="more4"><ahref="'.get_permalink($post->ID).'">了解更多</a></div>

</div>

</div>';

}

echo'

</div>';

}

}

}

?>

通过这个代码,分类可以自动获取,也可以手动输入分类id,非常方便。

上面部分是没有子分类,的文章列表调用,下面部分是调用分类列表文章。

希望对大家有所帮助!

标签:

提交需求或反馈

Demand feedback