热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

给WordPress添加一个面包屑导航的方法

面包屑导航(Breadcrumbs)是网页导航设计中一个标准设计模式,在网站浏览中非常有用。这篇文章主要介绍非插件的方式在WordPress中如何打造恰当、全面的面包屑导航,包括分类嵌套和页面嵌套。需要声明的一点是我是基于bootstrap前台为元素添加相应类的:期间遇到在分类归档页面下该分类仍然是一个

面包屑导航(Breadcrumbs)是网页导航设计中一个标准设计模式,在网站浏览中非常有用。这篇文章主要介绍非插件的方式在WordPress中如何打造恰当、全面的面包屑导航,包括分类嵌套和页面嵌套。需要声明的一点是我是基于bootstrap前台为元素添加相应类的:

面包屑

期间遇到在分类归档页面下该分类仍然是一个链接并且后面带有>>,这是因为系统函数get_category_parents默认循环输出分类的结果,我的解决办法是重写了get_category_parents方法,在分类目录下去调用重写的my_get_category_parents函数而不是get_category_parents,这样就解决了这个问题。

将下面的函数放在主题functions.php中:

function get_breadcrumbs()
{
global $wp_query;

if ( !is_home() ){

// Start the UL
echo '";
}
}
//自定义获取分类链接链的函数
function my_get_category_parents( $id, $link = true, $separator = '/', $nicename = false, $srcid, $visited = array() ) {
$chain = '';
$parent = get_category( $id );
if ( is_wp_error( $parent ) )
return $parent;

if ( $nicename )
$name = $parent->slug;
else
$name = $parent->name;

if ( $parent->parent && ( $parent->parent != $parent->term_id ) && !in_array( $parent->parent, $visited ) ) {
$visited[] = $parent->parent;
$chain .= my_get_category_parents( $parent->parent, $link, $separator, $nicename, $srcid, $visited );
}

$has_children = false;

if($id == $srcid){
$has_children = false;
}else{
$has_children = true;
}

if($has_children){
if ( $link )
$chain .= 'name ) ) . '">'.$name.'' . $separator;
else
$chain .= $name.$separator;
}else{
$chain .= $name;
}

return $chain;
}
面包屑调用代码:

面包屑分析:

  • 首先,如果是首页则不显示面包屑导航;如果不是首页则添加首页的链接;
  • 然后是一些列的判断语句,覆盖了所有可能出现的不同位置,一些语句已经不言自明,比如搜索、404页面、存档页;
  • 如果是一个分类,先获取分类ID,然后通过ID获取其上级分类列表,这里使用了WordPress提供的函数get_category_parents();
  • 如果是一篇文章,必须先获取所属分类ID,但方法和上面稍有不同。一旦获取了分类ID,就和上面一样添加文章标题即可。

页面导航:

  • 首先获取页面标题;
  • 然后获取页面的祖先并颠倒他们的顺序,借助WordPress内置的get_post_ancestors()函数可以轻松实现,下一行代码将当前页面添加到祖先数组中;
  • 最后使用foreach循环输出所有祖先,循环中的if语句确保最后一个祖先(即添加到数组中的当前页面)没有链接。

推荐阅读
  • 本题探讨如何通过最大流算法解决农场排水系统的设计问题。题目要求计算从水源点到汇合点的最大水流速率,使用经典的EK(Edmonds-Karp)和Dinic算法进行求解。 ... [详细]
  • 优化ListView性能
    本文深入探讨了如何通过多种技术手段优化ListView的性能,包括视图复用、ViewHolder模式、分批加载数据、图片优化及内存管理等。这些方法能够显著提升应用的响应速度和用户体验。 ... [详细]
  • This guide provides a comprehensive step-by-step approach to successfully installing the MongoDB PHP driver on XAMPP for macOS, ensuring a smooth and efficient setup process. ... [详细]
  • 本文详细介绍了如何在Linux系统上安装和配置Smokeping,以实现对网络链路质量的实时监控。通过详细的步骤和必要的依赖包安装,确保用户能够顺利完成部署并优化其网络性能监控。 ... [详细]
  • 本文详细介绍了 Dockerfile 的编写方法及其在网络配置中的应用,涵盖基础指令、镜像构建与发布流程,并深入探讨了 Docker 的默认网络、容器互联及自定义网络的实现。 ... [详细]
  • 如何在PHPcms网站中添加广告
    本文详细介绍了在PHPcms网站后台添加广告的方法,涵盖多种常见的广告形式,如百度广告和Google广告,并提供了相关设置的步骤。同时,文章还探讨了优化网站流量的SEO策略。 ... [详细]
  • 在哈佛大学商学院举行的Cyberposium大会上,专家们深入探讨了开源软件的崛起及其对企业市场的影响。会议指出,开源软件不仅为企业提供了新的增长机会,还促进了软件质量的提升和创新。 ... [详细]
  • 在Linux系统中配置并启动ActiveMQ
    本文详细介绍了如何在Linux环境中安装和配置ActiveMQ,包括端口开放及防火墙设置。通过本文,您可以掌握完整的ActiveMQ部署流程,确保其在网络环境中正常运行。 ... [详细]
  • 在即将迎来26岁生日之际,作者的人生陷入了低谷。经过近三年的硕士学习后,最终决定退学,并且面临没有工作经验的困境。尽管如此,作者依然坚定地选择为自己的人生负责。 ... [详细]
  • 使用Python在SAE上开发新浪微博应用的初步探索
    最近重新审视了新浪云平台(SAE)提供的服务,发现其已支持Python开发。本文将详细介绍如何利用Django框架构建一个简单的新浪微博应用,并分享开发过程中的关键步骤。 ... [详细]
  • Hadoop入门与核心组件详解
    本文详细介绍了Hadoop的基础知识及其核心组件,包括HDFS、MapReduce和YARN。通过本文,读者可以全面了解Hadoop的生态系统及应用场景。 ... [详细]
  • 解决JAX-WS动态客户端工厂弃用问题并迁移到XFire
    在处理Java项目中的JAR包冲突时,我们遇到了JaxWsDynamicClientFactory被弃用的问题,并成功将其迁移到org.codehaus.xfire.client。本文详细介绍了这一过程及解决方案。 ... [详细]
  • 本题探讨了在一个有向图中,如何根据特定规则将城市划分为若干个区域,使得每个区域内的城市之间能够相互到达,并且划分的区域数量最少。题目提供了时间限制和内存限制,要求在给定的城市和道路信息下,计算出最少需要划分的区域数量。 ... [详细]
  • 在现代Web应用中,当用户滚动到页面底部时,自动加载更多内容的功能变得越来越普遍。这种无刷新加载技术不仅提升了用户体验,还优化了页面性能。本文将探讨如何实现这一功能,并介绍一些实际应用案例。 ... [详细]
  • 解决SVN图标显示异常问题的综合指南
    本文详细探讨了SVN图标无法正常显示的问题,并提供了多种有效的解决方案,涵盖不同环境下的具体操作步骤。通过本文,您将了解如何排查和修复这些常见的SVN图标显示故障。 ... [详细]
author-avatar
MR张尉诚
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有