WordPress主题YIA移动端文章页的面包屑不显示怎么办?

这篇具有很好参考价值的文章主要介绍了WordPress主题YIA移动端文章页的面包屑不显示怎么办?。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

平时我们一般都会在文章页导航菜单下方显示面包屑,类似于“当前位置:boke112百科 » WordPress » 正文”。平时用浏览器调试站点的时候,在Edge浏览器的“切换设备仿真”中,不管是选择什么设备都会显示面包屑。具体如下图所示:

WordPress主题YIA移动端文章页的面包屑不显示怎么办?,WordPress,WordPress,WordPress教程,WordPress答疑,YIA主题

但是今天我用手机浏览器访问boke112百科的文章页才发现,竟然没有看到面包屑,但是在浏览器的设备仿真上确实能看到面包屑,这个说明YIA主题并不是通过CSS代码来隐藏面包屑,而是通过判断是否为移动设备函数wp_is_mobile()来决定是否输出面包屑。

因为boke112百科平时还是比较喜欢PC端和移动端都显示面包屑,所以决定修改修改一下YIA主题的/yia/modules/temps.php文件,找到第346行代码:

if(wp_is_mobile() || !is_single() || yia_option('crumbs_on') != 'on') {

将原代码中判断移动设备的条件代码删除,最终代码变成:

if( !is_single() || yia_option('crumbs_on') != 'on') {

即可,记得保存文件。

此时,我们再用手机浏览器访问文章页就会发现面包屑已经出现了。

当然,不管是移动端还是PC端文章页的面包屑,想要出现的话,都不需要进入WordPress后台 >> YIA主题配置 >> 文章 >> 面包屑导航 >> 点击开启开关,让其处于开启状态才行。

来源:WordPress主题YIA移动端文章页的面包屑不显示怎么办? - boke112百科文章来源地址https://www.toymoban.com/news/detail-828756.html

到了这里,关于WordPress主题YIA移动端文章页的面包屑不显示怎么办?的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • UI组件-面包屑简介

    设计世界充满了与食物相关的类比,例如汉堡菜单、Snackbars或面包屑。面包屑或面包屑路径是一种导航元素,可帮助用户了解他们在网站上的当前位置。 1. 定义: 它们代表链接的水平列表,其中最后一个表示当前位置,其余定义其“祖先”(父页面、祖父页面等)。面包屑

    2024年02月06日
    浏览(40)
  • vue修改element面包屑样式

    element面包屑默认后边的是浅颜色的,前边的是深色的, 现在UI设计图要修改成前面是浅色的,后面是深色的 如果直接修改样式会无法区分一级或者二级路由,用一下方法可以实现: 这样就会给一级路由加上了first_route类名,给二级路由加上了two_route的类名,然后定义样式:

    2024年01月25日
    浏览(46)
  • ElementUI浅尝辄止29:Breadcrumb 面包屑

    显示当前页面的路径,快速返回之前的任意页面。 在 el-breadcrumb 中使用 el-breadcrumb-item 标签表示从首页开始的每一级。Element 提供了一个 separator 属性,在 el-breadcrumb 标签中设置它来决定分隔符,它只能是字符串,默认为斜杠 / 。 通过设置  separator-class  可使用相应的  icon

    2024年02月09日
    浏览(52)
  • Vue + ElementUI 动态生成面包屑导航教程

    在Web应用程序中,面包屑导航是一种常用的导航方式,它可以帮助用户更好地理解当前页面的位置和层次关系。在Vue项目中,结合ElementUI组件库,我们可以很容易地实现一个动态生成面包屑导航的功能。本教程将介绍如何使用Vue + ElementUI来实现动态生成面包屑导航的功能。

    2024年02月06日
    浏览(51)
  • 优维低代码实践:面包屑配置以及菜单配置

     优维低代码技术专栏,是一个全新的、技术为主的专栏,由优维技术委员会成员执笔,基于优维7年低代码技术研发及运维成果,主要介绍低代码相关的技术原理及架构逻辑,目的是给广大运维人提供一个技术交流与学习的平台。 优维低代码实践连载第⑦期 《面包屑配置以

    2024年02月10日
    浏览(44)
  • Vue实现面包屑功能(el-breadcrumb)

    文章后面附效果图 数据结构 首先展示一下数据基础结构 红色框框是默认存在的数据,其他数据就是通过选中侧边栏菜单进行数据插入 关键数据字段为 path, meta 准备侧边栏 首先需要自己准备一个侧边栏 这边就不进行讲解,上个效果图 实现面包屑代码 效果图

    2024年02月11日
    浏览(39)
  • vue + Element UI 动态Breadcrumb 面包屑的制作

    面包屑用于显示当前页面的路径,快速返回之前的任意页面。 代码如下: 这里使用了router的meta属性,为其设置名为title的属性,用来当作面包屑的展示名称,当然,也可以直接使用路由的name属性。 代码如下: 代码如下: 文件目录 vue-router和breadcrumb面包屑结合,实现展示当

    2024年02月09日
    浏览(50)
  • 若依 vue前端 动态设置路由path不同参数 在页面容器里打开新页面(新路由),面包屑和标签页标题根据参数动态改变,面包屑多级标题,侧边栏对应菜单亮起

    因为是在vue源码的基础上进行修改,所以,就没有复制代码在文章上,采取的是截图对比源码和我修改的代码片段。要麻烦你们自己手敲了。 场景:在费用配置列表中,点击每一项的配置,都会在页面容器内部打开一个新页面,所以新页面的路径一样,根据传的参数不同,面

    2024年01月16日
    浏览(56)
  • 【Vue2+Element ui通用后台】面包屑和tag功能

    Element ui 面包屑:显示当前页面的路径,快速返回之前的任意页面,完成效果如下: 我们之前把头部的代码封装到了 CommonHeader.vue 中,面包屑部分直接写死了一个首页,我们可以把官网的面包屑代码先直接复制过来: 之前我们在 store/tab.js 中我们写了头部的是否开关,这里我

    2024年02月02日
    浏览(64)
  • react17+antd4.18 动态实现面包屑导航Breadcrumb-----需改善

    1、已经定义好的全部的路由配置,需要是这种格式的,可以再加上关于icon的内容. 2、代码 3、在组件中使用的时候需要传入当前页面的路劲发作为Bread组件的属性。 4、假设当前页面的路径为 ‘/page1/page102/page10201’,经过上述操作筛选后得到的对应路径上的路由配置routes的值

    2024年04月25日
    浏览(31)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包