Products
GG网络技术分享 2025-03-18 16:12 0
几乎在所有的wordpress网站中,我们都可以看到面包屑导航的身影(如下图)。面包屑导航,可以很方便地让我们了解到我们在这个wordpress网站中所在的位置,而且,我们还可以通过点击面包屑导航中的链接,进入到对应的页面。可见面包屑导航不仅让wordpress网站更加便利,而且提升了wordpress网站的用户体验。
那么,我们怎样在wordpress网站模板中添加面包屑导航呢?请随我来,我们可以通过2种方式来实现。具体操作,可以观看我在本站发表的《wordpress网站模板开发中,怎样添加面包屑导航功能?》视频教程。
面包屑导航的视频教程
也就是说,我们可以在wordpress模板中,想要显示面包屑导航的地方,添加面包屑导航代码就可以了。一般情况下,需要面包屑导航的地方有:wordpress网站的分类页模板、文章页模板、单页面模板、tag标签页模板、搜索页模板、作者页模板等等。
wordpress网站分类页模板面包屑导航代码:
wordpress网站文章页模板面包屑导航代码:
wordpress网站单页面模板面包屑导航代码:
这种方式的缺点:需要在wordpress网站的每个需要面包屑导航的模板中添加面包屑导航代码,后期维护比较麻烦。
方法二:在wordpress模板中创建面包屑导航的函数。
为了更加方便地在wordpress网站模板中调用面包屑导航,我们可以给面包屑导航创建一个函数,然后,只需要用到面包屑导航的页面直接调用这个函数就可以了。因为面包屑导航会在wordpress网站的很多页面中使用,所以,我们在函数中要做不同页面的判断,根据不同的页面调用不同的面包屑导航。
在wordpress网站模板的functions.php文件中添加如下代码:
面包屑函数创建好了,就可以在wordpress网站模板中调用它,代码如下:
通过上面的2种方式,我们都可以为我们的wordpress网站模板添加面包屑导航的功能。当然,我们还可以通过wordpress的面包屑导航插件来实现,不过,这么简单的功能,没必要耗费系统资源来使用插件,纯代码更加有效。
如果还有什么疑问,欢迎在下面给我留言,我会尽快给你回复。谢谢参阅。
我们在做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