首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏ytkah

    wordpress面包屑导航简单实现

      前面我们学了一行代码搞定WordPress面包屑导航breadcrumb,现在wordpress文档中有一个简单实现的方法,适用于page页面,有二级分类的情况(Simple breadcrumb ''; echo '

    ';   参考文档https://developer.wordpress.org/reference/functions/get_the_title/

    97120发布于 2019-08-06
  • 来自专栏开源部署

    WordPress 面包屑导航插件:Breadcrumb NavXT

    Breadcrumb NavXT 是流行的 WordPress 插件 Breadcrumb Navigation XT 的继承者,经过重新编写,比如原插件更好。 通过插件为 WordPress 博客或网站生成可高度可定制的面包屑导航,可以满足任何 WordPress 网站的需求。 基本用法: 将代码添加到主题模板适当的位置即可。 <?

    1.1K20编辑于 2022-08-18
  • 来自专栏WordPress小程序

    WordPress巧用面包屑导航,SEO优化。

    什么是网站面包屑导航?面包屑导航意在告知用户所处的当前网页的位置,方便用户可以通过该导航快速返回上一级网页。 面包屑导航一般都在导航的下面,形式一般为 首页 > 一级目录名称 > 二级目录名称 > 目前位置,尽量要把面包屑导航的层次控制在四层以内,这样也有利与搜索引擎蜘蛛一层层往下爬,到了四层以下就很难爬到了。 面包屑导航的作用 让用户了解目前所处位置,以及当前页面在整个网站中的位置。 便于搜索引擎对于网站的收录,蜘蛛可以沿着面包屑导航爬下去,便于寻找链接,提高蜘蛛的爬行速度和效率; 便于用户了解网站的层次结构,进而浏览网站,提高用户体验; 优化面包屑导航每个层级的名称,尽量使用关键字 sprintf( __( '( Page %s )', 'cmp' ), get_query_var('paged') ); } echo '

    '; } }复制 使用方法 将上面WordPress

    1.2K30发布于 2021-08-02
  • 来自专栏DeveWork

    WordPress免插件仅代码实现面包屑导航

    面包屑导航不仅仅是给访客使用,同时也是给搜索引擎一个抓取的路线图。 小小介绍面包屑导航 使用谷歌搜索的可能知道,某些搜索结果中的地址不是单纯的url ,而是一个导航分类菜单。 Jeff 在本站DeveWord.com 部署这个面包屑导航也很久了,但是一直在搜索结果中不出现“路径”,即使是使用了微数据标注也是如此。一直很纳闷,现在也不知如何解决。 进入正题吧,在WordPress免插件仅代码实现面包屑导航需要你做的是: 一、定义面包屑导航函数 在主题的functions.php 文件下加入以下代码: function dw_breadcrumb( is_search()) {echo"

  • Search Results"; echo'
  • ';} echo ''; } 上面是定义了一个dw_breadcrumb ,学过编程的及了解WordPress 二、 调用面包屑导航函数 在你需要显示面包屑导航的地方加入以下代码即可: <?php dw_breadcrumb(); ?> 代码来源:英文原文,感谢原作者。

    1.5K100发布于 2018-01-19
  • 来自专栏WordPress技术文章

    最简洁的wordpress面包屑导航代码

    wordpress主题制作时常用到面包屑导航,这段代码是本人常用的简洁实用的,把它放到functions.php中即可。function breadcrumb() { if (!

    28000编辑于 2025-07-31
  • 来自专栏ytkah

    一行代码搞定WordPress面包屑导航breadcrumb

      有好几位网友在问WordPress面包屑导航breadcrumb怎么操作,网上有些教程是去function文件中定义,其实不用那么复杂,很简单一行代码就能搞定。下面随ytkah一起来看看。

    2.1K20发布于 2019-07-10
  • 来自专栏sktj

    bootstrap 面包屑 常用

    <!doctype html> <html> <head> <meta charset="utf-8"> <title>联想控股</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="css/bootstrap.css" rel="stylesheet" type="text/css"> <script src="http://code.jquery.com/jquery.js"></script> <script src="js/bootstrap.min.js"></script> </head> <body>

    82240发布于 2019-07-05
  • 来自专栏python成长之路

    面包屑导航

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script src="js/vue.js">

    1.1K40发布于 2019-03-01
  • 来自专栏小王知识分享

    Vue使用ElementUI中的面包屑,修改面包屑的字体颜色

    二、设计图 三、找ElementUI的样式 四、样式重写 - 面包屑演示 <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item el-breadcrumb-item> <el-breadcrumb-item class="myColor">第二层</el-breadcrumb-item> </el-breadcrumb> - style演示 //重写面包屑的字体颜色

    3.8K10编辑于 2022-07-11
  • 来自专栏DeveWork

    为你的WordPress 主题添加结构化数据丰富文本摘要,高亮搜索结果(上)

    网站经营的前期需要做好搜索引擎优化,对于WordPress 网站,其实最好的方式是在WordPress 主题上下功夫,如果一款主题对搜索引擎友好,那么对于专注于写文章的博主来说已经够放心的了。 评分、投票、作者头像、作者G+、面包屑导航(路径)……这个其实就是结构化数据产生的丰富文本摘要。 下面的教程是添加丰富网页摘要 - 评价(对应WordPress 的评论)、评论评分(投票)、路径(面包屑导航)、还有文章作者等相关信息。使用的数据类型90%是最新的 Schema.org 。 面包屑Breadcrumb(路径)的部署 确保你的主题已经有面包屑导航,没有可以参考《WordPress免插件仅代码实现面包屑导航》一文添加。 评论评分(投票)的部署 在WordPress 中实现投票的话需要借助插件来,一些WordPress 投票插件已经很好解决了结构化数据的问题,只要使用它们的投票插件,如果正常就可以在搜索引擎中显示,不必自己去添加代码

    2.4K60发布于 2018-01-19
  • 来自专栏ytkah

    woocommerce隐藏breadcrumb面包屑导航

      woocommerce已经集成比较完善的组件,当然也包含breadcrumb面包屑导航,但是我们如果调整一下breadcrumb的位置要如何操作呢? 首先要先把woocommerce隐藏breadcrumb面包屑导航,woocommerce一般是通过hook来绑定相关操作的,我们找到/wp-content/themes/hqt/woocommerce >   如果想修改breadcrumb面包屑导航的div等信息,可以到/wp-content/themes/hqt/woocommerce/global/breadcrumb.php文件修改

    1.9K30发布于 2019-07-28
  • 来自专栏前端小菜鸡yym

    vue3+elemenuPlus 面包屑

    路由文件 面包屑是基于路由的。这里我们要说一下meta(元数据) meta 自定义元数据,也就是一些我们自己要使用的一些数据。 如下那我们在meta中添加了 title和icon属性,分别用于我们面包屑的文字和 导航栏的图标。 如下官方文档中,有两种面包屑。 基础面包屑 传入separator="/"配置项,面包屑就会按照/进行分隔。 索引为1的,是一级导航栏的路由 索引为2的,是二级导航栏的路由 我们刚才添加的meta属性也都在其中了 渲染动态面包屑 过滤 首先,将没有用的那一层,也就是索引为0的那一项过滤掉。

    2K31编辑于 2023-01-12
  • 来自专栏WordPress果酱

    我最喜欢的 WordPress 插件:Top 10

    那今天我就讲讲讲我最喜欢的 10WordPress 插件,以及为什么要使用它们。如果你喜欢这个主题,你也可以写篇这个方面的文章,大家讨论下。 WordPress Database Backup 随需应变的 WordPress 数据库备份工具,我现在基本就是每天定时把数据库备份到邮箱,上次服务器 CPU 和服务器烧了之后,我能快速恢复就靠它了。 WordPress Related Posts WordPress 相关日志插件,如果你的博客内容不错,但是用户停留的时间很短,那么请尝试下这个插件吧! Wordpress Thread Comment Wordpress Thread Comment 是针对 WordPress 评论功能的增强插件。 10. 哈哈,没有第 10 了,那么你的10佳插件呢?欢迎你一起来讨论! ----

    80620编辑于 2023-04-13
  • 来自专栏全栈程序员必看

    2019的10个最佳WordPress画廊插件

    关于WordPress画廊插件 视觉库插件可让您最好地在WordPress网站上呈现图像或视频。 WordPress占网络上所有网站的35%。 它具有标准的图库功能,这是其核心功能的一部分。 它具有10个画廊布局和120多种选择。 这使自定义变得轻松而有趣。 它包括对四种视频的支持: YouTube , Vimeo , HTML5视频和Wistia 。 WordPress YouTube Gallery插件 当要在您的WordPress网站上显示YouTube视频时, YouTube WordPress画廊插件非常适合: 它支持新的WordPress 更改画廊所有UI元素的颜色,以找到适合您网站的最合适外观,并提供24种可调颜色和10种配色方案来帮助您。 使用过滤器可根据个人资料,主题标签或位置排除图像 。 10. UberGrid-响应式网格生成器 UberGrid是一个功能强大的WordPress响应式网格画廊构建器。

    6.9K51编辑于 2022-09-06
  • 来自专栏WordPress外贸建站

    WordPress外贸产品(B2B)网站优化方法7个实用建议!

    WordPress+woocommerce来搭建外贸产品网站(B2B)是国内企业最流行最常见的建站方式,但是对于产品网站优化相对服务网站比较复杂一些,今天小编就来和搭建说说怎么优化wordpress搭建的外贸产品网站 3.面包屑导航 面包屑是网站导航的一个元素。它看起来像是用户所在的主页到当前页面的路径。更正确的术语应该是导航链。 这是“面包屑”在TemplateMonster网站上的样子: 对于具有复杂的节结构(标题)的站点,最推荐使用面包屑,这对于在线商店非常典型。 简化网站导航 除了面包屑,还有一种方法可以确保访问者在浏览电子商务网站时不会迷路。导航在建立一个简单的网站结构中起着非常重要的作用——特别是对于至少有几个产品类别的在线商店。 数学很简单。 在上传图片到WordPress之前,你应该考虑它的目的和你想要的关键词。 最佳WooCommerce SEO插件 虽然WordPress有一些可靠的内置SEO功能,但还是有办法进入下一个阶段的。

    5.8K20发布于 2020-12-04
  • 来自专栏若梦博客

    [wordpress主题]酱茄Free小程序(开源版)V1.2.2发布之引导关注公众号

    url99.ctfile.com/f/34816699-534147295-596b74 (访问密码:2007) 源码介绍 酱茄Free主题由酱茄(www.jiangqie.com)开发的一款免费开源的WordPress 主题,主题专为WordPress博客、资讯、自媒体网站而设计,遵循GPL V2.0开源协议发布. 运行环境 酱茄Free主题当前版本:酱茄小程序开源版V1.2.2(此版本需更新小程序和插件) 支持WordPress版本:5.4+ 兼容Chrome、Firefox、Safari等主流浏览器 支持设备: 和酱茄Free小程序开源版源码配套; 2、同步酱茄Free小程序开源版浏览/评论/用户头像等信息; 3、首页幻灯片可分别设置图片和链接; 4、可隐藏指定分类目录; 5、列表/文章元素支持(头像/作者/面包屑 /猜你喜欢等)开启/停用; 6、免装SEO插件,文章关键词/描述自动获取; 7、响应式设计并兼容pc和移动端; 8、内置标签聚合/友情链接等单页; 9、内置热门文章/标签云/猜你喜欢/链接等小工具; 10

    51220编辑于 2022-04-01
  • 来自专栏小狼的世界

    网页设计中的面包屑路径

    面包屑路径最简单的形式是水平排列的文字链接,之间用大于号隔开,每个链接表示与这个级别相关的页面链接。 何时使用面包屑路径? 大型网站,特别是那种页面按照层级结构组织的网站比较适合使用面包屑路径。 面包屑路径的类型: 面包屑路径主要有三种形式。 基于位置的面包屑: 位置面包屑是静态的,显示了当前页面在网站中所处的等级。 基于属性的面包屑: 属性面包屑给出了当前页面所属类别的信息,下图的面包屑更接近与一个混合形式的面包屑,路径中包含了对结果的筛选条件描述; ? 路径:路径形式的面包屑是动态的路径,经常用来指引用户进行某种操作,比如“注册”流程,他动态的显示用户完成注册所需要的过程; 使用面包屑路径的好处 方便用户:面包屑路径的目的就是为用户提供一种辅助的导航方式 当页面含有多重栏目时,使用面包屑路径:面包屑路径具有线性的结构,如果你的页面不能够很清楚的分类,那就很难用面包屑路径来表示,这其实是在网站设计初期,要为站点制定明确的组织结构。

    1.5K30发布于 2018-07-24
  • 来自专栏林雍岷

    WordPress SEO:配置Yoast和添加内容目录

    配置Yoast:如果你阅读其它的WordPress SEO教程之后可能已经听说让Yoast变成绿灯SEO也是行不通的。 由林雍岷精心打造的WordPress SEO系列教程教你如何通过个人的努力每天为网站带来1000位访客,WordPress SEO系列教程教你做网站排名和网站访问速度优化。 我是通过Yoast SEO教程做到这一点的,一周之内,每天有10到100多个访客!现在,我只创建冗长的(详细的)教程,并通过在内容目录中编写关键主题来开始每个教程,做起来像梦一样的工作。 ? 面包屑 面包屑是你通常会在内容顶部看到的导航文本。 ? 它们也出现在搜索结果中… ? 在Yoast中启用面包屑(SEO → Search Appearance → Breadcrumbs)… ? 然后将此代码添加到你希望面包屑显示的任何地方。最常见的位置是header.php,single.php或page.php。如果你需要帮助,请参见此处的Yoast面包屑教程。

    2.9K10发布于 2019-11-05
  • 来自专栏技术-汇集区

    2022 年 10 个最佳免费营销 WordPress 主题

    在本文中,我们列出了 10 个最好的免费营销 WordPress 主题,这些主题完全包含了很棒的营销功能和演示。 如果您正在为营销机构制作网站,或者在线提供与营销相关的服务,那么此免费 WordPress 主题列表最适合您。 数字代理 Digital Agency lite 是一个现代且时尚的营销 WordPress 主题,具有惊人的功能。 更多信息/下载 查看演示 10. 市场热潮 MarketBizz 是市场上最好的营销 WordPress 主题之一。 更多信息/下载 查看演示 结论: 以上 10 个最佳免费营销 WordPress 主题的集合真正符合您的期望。 享受!

    1.7K01编辑于 2022-01-02
  • 来自专栏V站

    WordPress丨极简风清新响应式开源主题丨FLY主题

    主题介绍: 很高兴带来一款动漫风格的WordPress主题,FLY主题,是博客+CMS杂志式的设计风格,在博客与CMS之间,你不但可以选择其中一个,并且还可以同时拥有俩种风格的布局。 主题功能: 1、全站Pjax(包括搜索、评论),翻页不会打断歌曲啦 2、外观自响应所有设备 3、独立留言板,微语,友链,文章归档时间轴全局样式 4、面包屑导航,网页WEB字体图标,评论表情 5、评论采用 QQ头像 6、全站自响应图片预览,导航悬浮 7、cms布局,可设置切换 8、无需安装任何插件,自带模板设置 9、完美支持https,喜欢折腾的小伙伴有福了 10、更多功能,逐步完善中... 主题特色: V站此次带来的首款自编写WordPress模板,到底有什么可观之处? ①结束了Emlog原FLY主题迁站难题,ThemeKing-FLY将完美驾驭原主题特点,并更轻便化! ④打造更完美的后台设置功能,让WordPress旅行更加精彩! ⑤半透明化。 ⑥添加贴图功能。 ⑦增加相册功能。 ⑧首页布局,随心所欲,摆出与别人不一样的风格。 ⑨增加后台各类文字框,全站懒加载。

    6.2K40发布于 2018-06-09
  • 第 2 页第 3 页第 4 页第 5 页第 6 页第 7 页第 8 页第 9 页第 10 页第 11 页
    点击加载更多
    领券