微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

WordPress建站中添加面包屑导航Breadcrumb的方法一

WordPress网站的内页当中,为了使网站层次表现的更加清晰,让客户明确知道自己当前所在的位置,我们通常会加入面包屑导航功能,英文名叫 Breadcrumb 。下面介绍一下中添加面包屑导航 Breadcrumb 的方法。

1. 切换到主题所在目录,新建一个 breadcrumb.php 文件,加入以下代码:

Crayon-main" style="">Crayon-table">Crayon-row">
Crayon-nums " data-settings="show">
Crayon-nums-content" style="font-size: 12px !important; line-height: 15px !important;">
Crayon-num" data-line="Crayon-5c891d506fccc816473189-1">1
Crayon-num Crayon-striped-num" data-line="Crayon-5c891d506fccc816473189-2">2
Crayon-num" data-line="Crayon-5c891d506fccc816473189-3">3
Crayon-num Crayon-striped-num" data-line="Crayon-5c891d506fccc816473189-4">4
Crayon-num" data-line="Crayon-5c891d506fccc816473189-5">5
Crayon-num Crayon-striped-num" data-line="Crayon-5c891d506fccc816473189-6">6
Crayon-num" data-line="Crayon-5c891d506fccc816473189-7">7
Crayon-num Crayon-striped-num" data-line="Crayon-5c891d506fccc816473189-8">8
Crayon-num" data-line="Crayon-5c891d506fccc816473189-9">9
Crayon-num Crayon-striped-num" data-line="Crayon-5c891d506fccc816473189-10">10
Crayon-num" data-line="Crayon-5c891d506fccc816473189-11">11
Crayon-num Crayon-striped-num" data-line="Crayon-5c891d506fccc816473189-12">12
Crayon-num" data-line="Crayon-5c891d506fccc816473189-13">13
Crayon-num Crayon-striped-num" data-line="Crayon-5c891d506fccc816473189-14">14
Crayon-num" data-line="Crayon-5c891d506fccc816473189-15">15
Crayon-num Crayon-striped-num" data-line="Crayon-5c891d506fccc816473189-16">16
Crayon-num" data-line="Crayon-5c891d506fccc816473189-17">17
Crayon-num Crayon-striped-num" data-line="Crayon-5c891d506fccc816473189-18">18
Crayon-num" data-line="Crayon-5c891d506fccc816473189-19">19
Crayon-num Crayon-striped-num" data-line="Crayon-5c891d506fccc816473189-20">20
Crayon-num" data-line="Crayon-5c891d506fccc816473189-21">21
Crayon-num Crayon-striped-num" data-line="Crayon-5c891d506fccc816473189-22">22
Crayon-num" data-line="Crayon-5c891d506fccc816473189-23">23
Crayon-num Crayon-striped-num" data-line="Crayon-5c891d506fccc816473189-24">24
Crayon-num" data-line="Crayon-5c891d506fccc816473189-25">25
Crayon-num Crayon-striped-num" data-line="Crayon-5c891d506fccc816473189-26">26
Crayon-num" data-line="Crayon-5c891d506fccc816473189-27">27
Crayon-num Crayon-striped-num" data-line="Crayon-5c891d506fccc816473189-28">28
Crayon-num" data-line="Crayon-5c891d506fccc816473189-29">29
Crayon-num Crayon-striped-num" data-line="Crayon-5c891d506fccc816473189-30">30
Crayon-code">
Crayon-pre" style="font-size: 12px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;">
Crayon-line" id="Crayon-5c891d506fccc816473189-1">Crayon-o"><Crayon-e">div Crayon-t">classCrayon-o">=Crayon-s">"breadcrumb"
Crayon-line Crayon-striped-line" id="Crayon-5c891d506fccc816473189-2">Crayon-h"> Crayon-o"><Crayon-i">aCrayon-h"> Crayon-v">hrefCrayon-o">=Crayon-s">"Crayon-ta">PHPCrayon-h"> Crayon-e">bloginfoCrayon-sy">(Crayon-s">'url'Crayon-sy">)Crayon-sy">;Crayon-h"> /"Crayon-h"> Crayon-v">titleCrayon-o">=Crayon-s">"Crayon-ta">PHPCrayon-h"> Crayon-e">bloginfoCrayon-sy">(Crayon-s">'name'Crayon-sy">)Crayon-sy">;Crayon-h"> "首页Crayon-o"><Crayon-o">/Crayon-v">aCrayon-o"><Crayon-v">emCrayon-h"> Crayon-o">&Crayon-v">raquoCrayon-sy">;Crayon-h"> Crayon-o"><Crayon-o">/Crayon-e">em
Crayon-line" id="Crayon-5c891d506fccc816473189-3">Crayon-h"> Crayon-ta">PHP
Crayon-line Crayon-striped-line" id="Crayon-5c891d506fccc816473189-4">Crayon-h"> Crayon-st">ifCrayon-h"> Crayon-sy">(Crayon-e">is_categoryCrayon-sy">(Crayon-sy">)Crayon-sy">)Crayon-h"> Crayon-sy">{
Crayon-line" id="Crayon-5c891d506fccc816473189-5">Crayon-h"> Crayon-e">single_cat_titleCrayon-sy">(Crayon-sy">)Crayon-sy">;
Crayon-line Crayon-striped-line" id="Crayon-5c891d506fccc816473189-6">Crayon-h"> Crayon-sy">}Crayon-st">elseifCrayon-h"> Crayon-sy">(Crayon-e">is_searchCrayon-sy">(Crayon-sy">)Crayon-sy">)Crayon-h"> Crayon-sy">{
Crayon-line" id="Crayon-5c891d506fccc816473189-7">Crayon-h"> Crayon-k ">echoCrayon-h"> Crayon-v">$sCrayon-sy">;
Crayon-line Crayon-striped-line" id="Crayon-5c891d506fccc816473189-8">Crayon-h"> Crayon-sy">}Crayon-st">elseifCrayon-h"> Crayon-sy">(Crayon-e">is_tagCrayon-sy">(Crayon-sy">)Crayon-sy">)Crayon-h"> Crayon-sy">{
Crayon-line" id="Crayon-5c891d506fccc816473189-9">Crayon-h"> Crayon-e">single_tag_titleCrayon-sy">(Crayon-sy">)Crayon-sy">;
Crayon-line Crayon-striped-line" id="Crayon-5c891d506fccc816473189-10">Crayon-h"> Crayon-sy">}Crayon-st">elseifCrayon-h"> Crayon-sy">(Crayon-e">is_yearCrayon-sy">(Crayon-sy">)Crayon-sy">)Crayon-h"> Crayon-sy">{
Crayon-line" id="Crayon-5c891d506fccc816473189-11">Crayon-h"> Crayon-e">the_timeCrayon-sy">(Crayon-s">'Y'Crayon-sy">)Crayon-sy">;
Crayon-line Crayon-striped-line" id="Crayon-5c891d506fccc816473189-12">Crayon-h"> Crayon-sy">}Crayon-st">elseifCrayon-h"> Crayon-sy">(Crayon-e">is_monthCrayon-sy">(Crayon-sy">)Crayon-sy">)Crayon-h"> Crayon-sy">{
Crayon-line" id="Crayon-5c891d506fccc816473189-13">Crayon-h"> Crayon-e">the_timeCrayon-sy">(Crayon-s">'Y-m'Crayon-sy">)Crayon-sy">;
Crayon-line Crayon-striped-line" id="Crayon-5c891d506fccc816473189-14">Crayon-h"> Crayon-sy">}Crayon-st">elseifCrayon-sy">(Crayon-h"> Crayon-e">is_dayCrayon-sy">(Crayon-sy">)Crayon-h"> Crayon-sy">)Crayon-sy">{
Crayon-line" id="Crayon-5c891d506fccc816473189-15">Crayon-h"> Crayon-e">the_timeCrayon-sy">(Crayon-s">'Y-m-d'Crayon-sy">)Crayon-sy">;
Crayon-line Crayon-striped-line" id="Crayon-5c891d506fccc816473189-16">Crayon-h"> Crayon-sy">}Crayon-st">elseifCrayon-h"> Crayon-sy">(Crayon-e">is_authorCrayon-sy">(Crayon-sy">)Crayon-sy">)Crayon-h"> Crayon-sy">{
Crayon-line" id="Crayon-5c891d506fccc816473189-17">Crayon-h"> Crayon-k ">echoCrayon-h"> Crayon-s">'Author'Crayon-sy">;
Crayon-line Crayon-striped-line" id="Crayon-5c891d506fccc816473189-18">Crayon-h"> Crayon-sy">}Crayon-st">elseifCrayon-h"> Crayon-sy">(Crayon-e">is_singleCrayon-sy">(Crayon-sy">)Crayon-sy">)Crayon-h"> Crayon-sy">{
Crayon-line" id="Crayon-5c891d506fccc816473189-19">Crayon-h"> Crayon-v">$catsCrayon-h"> Crayon-o">=Crayon-h"> Crayon-e">get_the_categoryCrayon-sy">(Crayon-sy">)Crayon-sy">;
Crayon-line Crayon-striped-line" id="Crayon-5c891d506fccc816473189-20">Crayon-h"> Crayon-v">$catCrayon-h"> Crayon-o">=Crayon-h"> Crayon-v">$catsCrayon-sy">[Crayon-cn">0Crayon-sy">]Crayon-sy">;
Crayon-line" id="Crayon-5c891d506fccc816473189-21">Crayon-h"> Crayon-k ">echoCrayon-sy">(Crayon-h"> Crayon-e">get_category_parentsCrayon-sy">(Crayon-v">$catCrayon-i">term_idCrayon-sy">,Crayon-t">trueCrayon-sy">,Crayon-s">' &raquo; 'Crayon-sy">)Crayon-h"> Crayon-sy">)Crayon-sy">;
Crayon-line Crayon-striped-line" id="Crayon-5c891d506fccc816473189-22">Crayon-h"> Crayon-e">the_titleCrayon-sy">(Crayon-sy">)Crayon-sy">;
Crayon-line" id="Crayon-5c891d506fccc816473189-23">Crayon-h"> Crayon-sy">}Crayon-st">elseifCrayon-h"> Crayon-sy">(Crayon-e">is_pageCrayon-sy">(Crayon-sy">)Crayon-sy">)Crayon-h"> Crayon-sy">{
Crayon-line Crayon-striped-line" id="Crayon-5c891d506fccc816473189-24">Crayon-h"> Crayon-e">the_titleCrayon-sy">(Crayon-sy">)Crayon-sy">;
Crayon-line" id="Crayon-5c891d506fccc816473189-25">Crayon-h"> Crayon-sy">}Crayon-st">elseifCrayon-h"> Crayon-sy">(Crayon-e">is_404Crayon-sy">(Crayon-sy">)Crayon-sy">)Crayon-h"> Crayon-sy">{
Crayon-line Crayon-striped-line" id="Crayon-5c891d506fccc816473189-26">Crayon-h"> Crayon-k ">echoCrayon-h"> Crayon-s">'404 NOT FOUND'Crayon-sy">;
Crayon-line" id="Crayon-5c891d506fccc816473189-27">Crayon-h"> Crayon-sy">}Crayon-sy">;
Crayon-line Crayon-striped-line" id="Crayon-5c891d506fccc816473189-28">Crayon-h"> Crayon-e">wp_reset_queryCrayon-sy">(Crayon-sy">)Crayon-sy">;
Crayon-line" id="Crayon-5c891d506fccc816473189-29">Crayon-h">
Crayon-line Crayon-striped-line" id="Crayon-5c891d506fccc816473189-30">Crayon-o"><Crayon-o">/Crayon-v">div

2. 打开page.PHP 或者 category.PHP,在需要显示导航的地方使用下面的代码调用

Crayon-5c891d506fcd6921147488" class="Crayon-Syntax Crayon-theme-classic Crayon-font-monaco Crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouSEOver" style=" margin-top: 12px; margin-bottom: 12px; font-size: 12px !important; line-height: 15px !important;">
Crayon-toolbar" data-settings=" mouSEOver overlay hide delay" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">Crayon-title">page.PHP
Crayon-tools" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">Crayon-mixed-highlight" title="Contains Mixed Languages">
Crayon-button Crayon-nums-button" title="Toggle Line Numbers">
Crayon-button-icon">
Crayon-button Crayon-plain-button" title="Toggle Plain Code">
Crayon-button-icon">
Crayon-button Crayon-wrap-button" title="Toggle Line Wrap">
Crayon-button-icon">
Crayon-button Crayon-expand-button" title="Expand Code">
Crayon-button-icon">
Crayon-button Crayon-copy-button" title="copy">
Crayon-button-icon">
Crayon-button Crayon-popup-button" title="Open Code In New Window">
Crayon-button-icon">
Crayon-info" style="min-height: 16.8px !important; line-height: 16.8px !important;">
Crayon-plain-wrap">
Crayon-main" style="">Crayon-table">Crayon-row">
Crayon-nums " data-settings="show">
Crayon-nums-content" style="font-size: 12px !important; line-height: 15px !important;">
Crayon-num" data-line="Crayon-5c891d506fcd6921147488-1">1
Crayon-code">
Crayon-pre" style="font-size: 12px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;">
Crayon-line" id="Crayon-5c891d506fcd6921147488-1">Crayon-ta">PHPCrayon-h"> Crayon-k ">includeCrayon-sy">(Crayon-s">'breadcrumb.PHP'Crayon-sy">)Crayon-sy">;Crayon-h">

3. 通过css代码定义导航的样式,美化显示效果

至此,一个完美的面包屑导航 Breadcrumb 已经添加完成。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


今天看到群友突然滴滴滴的找我QQ,好像出什么大事情一样。原来他由于误操作导致网站文章被删除。
今天遇到一个网友提示网站访问速度比较慢,然后通知日志看到有他的网站WordPress默认登录地址wp-login.php一直在被爬虫抓取,因为是有被破解后台账户信息,导致的占用数据库资源使得网站资源带宽不足后访问降低导致
今天老左在帮助客户升级WordPress的时候我看他网站也比较简单就直接在后台手工升级的。升级后打开网站有出现"There has been a critical error on your website."的错误提示。
我们在使用WordPress搭建的网站是否有留意查看源代码的时候看到标题中的原本"-",被转义成"&#8211"。其实这样并不影响用户阅读体验和搜索引擎,搜索引擎在收录后也会反向转义的。就是感觉看
WordPress默认是无法上传.webp格式的文件,如果要上传需要对上传文件限制进行解除后才能上传。
GTranslate 是一个流行的翻译插件,在免费和付费版本中提供不同的体验。 使用免费版本,您可以轻松提供任何语言的动态翻译,而付费版本提供可索引、可编辑的翻译版本,就像 Weglot 一样。
时下主流的浏览器都自带了广告屏蔽功能,还有ADSafe、ADB等软件插件,不断更新,屏蔽网站代码!
您是否正在寻找可用于显示数据的 WordPress 表格插件? WordPress 表格插件可让您以表格格式存储和呈现数据,以方便访问者阅读。
wordPress数据库除了本身的表以外,部分插件会增加表来存储数据。如果插件已经删除了,这些插件生成的表还在数据库中,那么怎么删除呢?
WordPress几乎是世界上最安全的开源程序,但其后台登录注册的地址始终是众所周知的,所以不少人觉得隐藏WordPress的登录地址后可能会更加安全。下面浩子就针对这个问题来简单说明一下方法。WordPress隐藏后台登录地址