面包屑导航是重新刷新页面?_怎样在wordpress网站模板中,添加面包屑导航功能模块?...

news/2024/5/10 3:29:07/文章来源:https://blog.csdn.net/weixin_34486302/article/details/113366328

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

89467a2c3a9a52bf0f3f11fbbdca276f.png

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

44284ecb5871910f098677a0eb351ce9.png

面包屑导航的视频教程

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

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

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

<?php echo '< a href="'.get_option("home_url").'">首页 > '; the_category(' > '); ?>

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

<?php echo '< a href="'.get_option("home_url").'">首页 > '; the_category(' > '); echo " > ";the_title(); ?>

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

<?php echo '< a href="'.get_option("home_url").'">首页 > '; the_title(); ?>

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

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

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

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

// 面包屑导航function the_breadcrumb() {echo '

  • ';if (!is_home()) { //如果不是首页echo '
  • 首页 > ';if (is_category() || is_single()) { //如果是分类或文章页echo '
  • ';the_category('
  • ');if (is_single()) { //如果是文章页echo " >
  • ".get_the_title().'';}} elseif (is_page()) { //如果是单页面echo '
  • '.get_the_title().'';}elseif(is_tag()){ //如果是tag标签页single_cat_title(); }elseif (is_author()) { //如果是作者页echo"
  • 作者页面"; echo'';}elseif (isset($_GET['paged']) && !empty($_GET['paged'])) { //如果是分页echo "
  • 列表分页"; echo'';}elseif (is_search()) { //如果是搜索页echo"
  • 搜索页"; echo'';}elseif (is_day()) {echo"
  • 日期归档(天) "; the_time('F jS, Y'); echo'';}elseif (is_month()) {echo"
  • 日期归档(月)r "; the_time('F, Y'); echo'';}elseif (is_year()) {echo"
  • 日期归档(年) "; the_time('Y'); echo'';}}echo '
';}

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

< div class="breadcrumb"><?php the_breadcrumb(); ?>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_769470.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

用树莓派构建一台服务器,永久运行网站

目录 前言 树莓派是什么&#xff1f; 1. 用我的话理解 2. 市面上的型号 3. 树莓派 zero w 4. 更多树莓派 树莓派zero w安装系统 1. 准备 2. 第一步下载系统镜像 3. 使用 Win32DiskImager 往内存卡中写入镜像 4. 修改 boot 分区的文件 4.1 新建 ssh 文件 4.2 新建 …

bilibili解析网站_SEO优化:网站优化推广方案

网站优化推广方案&#xff1a;本文章简单的说明了百度关键词排名计算的规则成果&#xff0c;支持百度排名的因素&#xff0c;简单从的关键词的内外链、网站权重、关键词的布局、关键词的密度、关键词的用户点击率等等九个方面谈了百度关键词排名基本规则。一.SEO优化&#xff1…

建站模板论坛_怎么建贴吧只需几个步骤,你也可以建一个论坛网站

世界那么大&#xff0c;谢谢你来看我&#xff01;&#xff01;关注我你就是个网络、电脑、手机小达人Discuz建站可以说是最方便的论坛程序了&#xff0c;使用的网站有上百万个&#xff0c;目前已被腾讯收购&#xff0c;是最受欢迎的论坛软件系统之一。作为开源网站&#xff0c;…

python模拟登录网站_用python实现模拟登录人人网

我决定从头说起。懂的人可以快速略过前面理论看最后几张图。 web基础知识 从OSI参考模型&#xff08;从低到高&#xff1a;物理层&#xff0c;数据链路层&#xff0c;网络层&#xff0c;传输层&#xff0c;会话层&#xff0c;表示层&#xff0c;应用层&#xff09;来说&#xf…

spring boot 入门_SpringBoot入门建站全系列(二十一)Mybatis使用乐观锁与悲观锁

SpringBoot入门建站全系列&#xff08;二十一&#xff09;Mybatis使用乐观锁与悲观锁一、概述之前有两篇《SpringBoot入门建站全系列&#xff08;三&#xff09;Mybatis操作数据库》和《SpringBoot入门建站全系列&#xff08;四&#xff09;Mybatis使用进阶篇:动态SQL与分页》介…

帝国网站管理系统后台e/class/config.php不存在,帝国CMS7.0使用常见问题小结

一、7.0版本的数据库配置文件是哪个文件&#xff1f;7.0版本数据库配置文件&#xff1a;/e/config/config.php6.6及以下版本数据库配置文件&#xff1a;/e/class/config.php二、忘记后台登陆认证码怎么办&#xff1f;查看 /e/config/config.php 文件里的“$ecms_config[\’esaf…

seo如何优化文章-知识交流_seo如何优化文章?

很多类型的网站&#xff0c;都不可避免的需使用文章内容来做排名&#xff0c;作为seo行业人员该如何优化文章是当前面临的&#xff0c;一直面临的问题。内容为王的说法一直不过时&#xff0c;合适的文章内容是白帽seo工作的重中之重。很多朋友坚持写原创文章&#xff0c;发现自…

c语言java中间键,《大型网站系统与Java中间件实践》-消息中间件

1. 消息系统的价值1.1没有消息系统的时候假设你负责系统的用户注册模块开发&#xff0c;突然有一天接到产品的要求让你增加注册成功之后发短信任务&#xff0c;此时你屁颠屁颠的找到用户注册部分的代码&#xff0c;然后你快速的在代码后面加上调用短信服务的代码&#xff0c;心…

网络连接异常、网站服务器失去响应_新型DoS攻击或对使用了CDN的网站产生巨大威胁...

在当今全球网络中&#xff0c;CDN服务扮演着很重要的角色&#xff0c;它的缓存系统可以极大缓解原网站的压力&#xff0c;并给访问者提供更好的网络体验。但近期&#xff0c;有安全研究人员发现了一种针对CDN缓存功能的DoS攻击——CPDoS&#xff0c;它有多种变体&#xff0c;不…

nand flash多少次写_这个比QQ空间还古老的网站,是多少网友的精神家园?

你多久没有上网冲浪了&#xff1f;你还记得第一次和因特网的亲密接触吗&#xff1f;仔细算算那些诞生于 1999 年的网站&#xff0c;已经过了二十岁了。这些网站就像一座孤岛&#xff0c;在飞速发展的网络时代&#xff0c;这么多年来一直坚守着自己 QQ 空间式文艺复兴的设计。二…

php网站建设步骤,「php环境搭建」简单6个步骤教会你快速搭建一个网站(windows环境) - seo实验室...

php环境搭建三、配置php环境1、同样php模块选择也是免安装版&#xff0c;直接解压到自己习惯的文件夹中配置即可&#xff0c;提醒站长在官网上下载的时候也要注意系统和VC环境支持。解压路径如下图&#xff1a;进入php的解压目录&#xff0c;找到php.ini-production或者php.ini…

二次元论坛php,Discuz动漫二次元风格网站模板商业版

模板简介Discuz动漫二次元风格网站模板商业版&#xff0c;GBK商业版。1、本模板为门户论坛个人空间形式&#xff0c;其中个人空间模板需要单独购买&#xff0c;点击购买&#xff0c;美化N多默认模板页面2、全新设计的标签页&#xff0c;标签页帖子图文调用3、论坛首页&#xff…

Linux 网站部署——如何部署自己的论坛网站(简单易上手)

首先我们需要部署自己的网站需要的几个工具及服务&#xff1a; 1.云服务器 阿里云、华为云、腾讯云都可以&#xff0c;记下自己的IP地址&#xff1b; 2.X-shell工具&#xff1b; 3.代码包&#xff08;在这里我们以部署一个开源的BBS网站为例子&#xff09;。 首先&#xff0c…

Linux网站部署——从零到一部署一个自己的电商网站

上一篇关于部署论坛的网站已经发出&#xff0c;这次我们来部署一下电商网站&#xff0c;前期的准备工作请参考上篇文章&#xff1a;https://editor.csdn.net/md/?articleId114901490 我在这里直接借用了一个云服务器。如果还是自己服务器的同学可以直接使用我们的第一条命令&…

Linux网站服务——静态站点动态站点

网站服务 概念&#xff1a; 网站(Website)是指在因特网上根据一定的规则&#xff0c;使用HTML&#xff08;标准通用标记语言&#xff09;等工具制作的用于展示特定内容相关网页的集合。简单地说&#xff0c;网站是一种工具&#xff0c;人们可以通过网站来提供相关的网络服务。…

Linux部署网站域名服务——DNS网站搭建域名购买

概念 域名服务作为可以将域名和IP地址相互映射的一个分布式数据库&#xff0c;能够使人更方便的访问互联网&#xff0c;而不用去记住能够被机器直接读取的IP数串。 hosts文件&#xff08;互联网发展初期的服务&#xff09; windows系统 C:\Windows\System32\drivers\etc\host…

Linux HTTP网站——网站基础服务详解

HTTP HTTP&#xff08;Hyper Text Transfer Protocol&#xff09;超文本传输协议&#xff0c;用于万维网WWW.&#xff08;World Wide Web&#xff09;与浏览器的传输协议。&#xff08;基于TCP/IP通信协议&#xff09; HTTP工作原理 http协议工作于客户端、服务端架构上&#…

Linux NginxHTTPS——HTTPS介绍、加密算法、SSL协议、HTTP风险、Nginx HTTPS部署(安全的网站部署)

HTTPS介绍 HTTPS&#xff08;HyperText Transfer Protocol over Secure Socket Layer&#xff09;&#xff0c;Google 为了保证数据安全很早就开始启用了。 近些年互联网巨头&#xff0c;开始大力推行 HTTPS&#xff0c; 国内外的大型互联网公司基本也都已经启用了全站 HTTPS。…

一章——Web网站服务(一)(应用—linux高级管理)

三期总目录链接 目录 1、Apache 的起源 2、准备工作centOS7机器一台 3、把httpd添加为系统服务 4、httpd服务和 dns服务结合使用 域名访问网站 就www.aaa.com为例 常用的全局配置参数 常用的全局配置参数&#xff08;续&#xff09; Require配置项的常见语法 1、Apach…

二章——Web 网站服务(二)(应用——linux高级管理)

三期总目录链接 目录 一、基本理论 &#xff08;一&#xff09;、客户机地址限制 &#xff08;二&#xff09;、用户授权限制 二、实验要求 1、默认情况 2、只允许客户端192.168.1.200访问网站应该如何修改配置文件并验证 3、进行用户授权配置&#xff0c;允许aaa 和bo…