首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Divi Wordpress主题:顶层父级不可点击且不链接到具有折叠嵌套项的Mobile菜单上的页面

Divi是一种非常流行的WordPress主题,它具有强大的可定制性和灵活性。当涉及到移动菜单时,有时我们可能希望顶层父级菜单项在点击时不会导航到具有折叠嵌套项的页面,并且不允许用户点击它。

为了实现这一功能,可以使用Divi的自定义代码或者插件来操作。以下是一种可能的解决方案:

  1. 使用Divi自定义代码:
    • 打开WordPress的管理界面,进入Divi主题选项。
    • 在"外观"选项卡下,点击"自定义代码"。
    • 在"头部代码"部分,添加以下代码:
    • 在"头部代码"部分,添加以下代码:
    • 保存更改,然后刷新网站。
    • 这段代码使用jQuery选择器来选中移动菜单中具有子菜单的顶层父级菜单项,并阻止默认点击行为,从而使其不可点击。
  • 使用插件:你还可以使用一些插件来实现此功能。以下是一些常用的插件:
    • "Divi Supreme":这是一个专门针对Divi主题的插件,提供了许多增强功能,包括对移动菜单的控制。你可以在插件设置中找到相关选项来禁用顶层父级菜单项的链接。
    • "Divi Menu Manager":这是另一个Divi专用插件,可以帮助你更好地管理和自定义Divi菜单。它提供了一些选项来控制移动菜单中父级菜单项的链接。
    • 你可以在WordPress插件市场中搜索并下载这些插件,然后根据插件提供的说明进行配置。

总结: Divi主题是一种强大的WordPress主题,提供了丰富的定制功能。如果要禁用Divi移动菜单中顶层父级菜单项的链接,可以使用自定义代码或者插件来实现。通过添加一些JavaScript代码或者使用相关插件的设置,可以确保用户无法点击顶层父级菜单项,并且不会导航到具有折叠嵌套项的页面。请注意,以上提到的插件仅作为示例提供,并不是腾讯云相关产品。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

begin主题使用说明(详解教程)

不过从WP4.2中文版开始一直有个BUG,菜单页面的“显示选项”失效,到此下载修改替换文件: 添加菜单项,选择一个分类或者页面,点击添加至菜单,可以多选,用鼠标向右拖动已添加的菜单项,可以形成二级下拉菜单...编辑文章插入图片时,从URL插入(外链)必须选择链接到:图像URL;本地上传,必须选择链接到:媒体文件,并且图片名称不能为中文汉字,否则不会启用图片lightbox查看。...在“文章设置”面板“幻灯外链地址”中输入图片点击后的链接地址,可以实现自定义链接。...注:不能对四级标题进行任何样式操作,包括字号、颜色、位置操作等,否则目录索引将不会生成,并且不能少于3个目录,否则会显示JS错误。...begin主题使用说明(详解教程) 可用于折叠隐藏插入文章中的代码,章节内容。 注:该功能不可滥用,不然有朝一日换主题会很悲剧。

4.8K40

Axure交互大全:Axure全交互模板及视频教程

1.1.4 父极窗口父级窗口对应弹出窗口,就是在弹窗窗口中可以设置原来窗口的页面。这个交互一般和关闭页面一起用,例如点击了弹窗中的广告,先可以设置原来的页面跳转至产品页面,再关闭弹出窗口。...),注意:本地地址在预览时是不可用的,需要生成本地html才能生效,触发时在父级窗口打开url地址页面,这种一般适用于打开外部的地图、统计图表等内容。...在框架中打开链接1.3.1 内联框架这个也是每个项目必备的事件,一般项目原型会设置一个菜单页,点击菜单栏后在内联框架中打开某个页面。...1.3.2 父级框架父级框架对应内联框架,具体是指A框架内包含B框架,把框架内页面的能同个此交互控制A框架打开的页面。这个交互在实际运用中极少,作者还没使用过。...),注意:本地地址在预览时是不可用的,需要生成本地html才能生效,触发时在父级框架打开url地址页面,这种一般适用于打开外部的地图、统计图表等内容。

24130
  • 基于wordpress零基础纯新手向-2022最新最全面最详细教程-教你一步一步搭建自己的网站

    ,且不支持套餐降级),这对于企业级用户或者更多需要自主配置的用户而言不怎么方便,详细的对比可以看下面这个图。...Untitled 70.png 7.2点击左侧“安全”菜单,在第一项设置中,关闭SSH服务。...image.png 1.3在“阅读”设置里,选择网站首页要显示的页面,一般固定为一个静态页面;然后博客页面选择最多显示多少篇文章,更多的文章就折叠显示到下一页,设置好后点击“保存更改”。...国内好一些的主题基本都是收费的,而且价格也不便宜,但用起来简单省心。当然免费的WordPress主题也有很多,很多免费的在功能和界面设计上与付费主题不相上下。...每个页面都可以在顶部导航栏菜单或者底部导航菜单上显示,网站访客可以从首页导航到这些页面。

    3.9K50

    Android Studio 4.1 发布,全方位提升开发体验

    基础应用主题使用 Theme.MaterialComponents 父级,并覆盖更新后的 MDC 颜色和 "on" 属性。...深色主题: 基础应用主题使用 DayNight 父级,并分为 res/values 和 res/values-night。 主题属性: 在布局和样式中将颜色资源称为主题属性 (例如 ?...例如,点击使用给定类型的方法旁边的   gutter 操作,会将您导航到提供该类型的位置。相反,点击   gutter 操作会将您导航到将类型用作依赖项的位置。...在 Android 模拟器 30.0.26 及更高版本中,您可以使用多种折叠设计和配置对可折叠设备进行设置。设置完毕后,模拟器将提供铰链角度传感器和姿态变化信息,方便您测试应用在这些机型上的响应情况。...,运行 profiler.exe 或 profiler.sh 独立分析器可连接到 Android Emulator 或其他已连接的设备上。

    3.7K20

    前端之HTML和CSS

    常用块元素标签 1、标题标签,表示文档的标题,除了具有块元素基本特性外,还含有默认的外边距和字体大小 一级标题 二级标题 三级标题 四级标题...,常用的属性有: 1、none 元素隐藏且不占位置 2、block 元素以块元素显示 css元素溢出 当子元素的尺寸超过父元素的尺寸时,需要设置父元素显示溢出的子元素的方式,设置的方法是通过overflow...overflow的设置项:  1、visible 默认值。内容不会被修剪,会呈现在元素框之外。 2、hidden 内容会被修剪,并且其余内容是不可见的。...关于定位  我们可以使用css的position属性来设置元素的定位类型,postion的设置项如下: relative 生成相对定位元素,一般是将父级设置相对定位,子级设置绝对定位,子级就以父级作为参照来定位...点击链接,就可以切换iframe中显示的页面

    4.3K30

    C++ Qt开发:Tab与Tree组件实现分页菜单

    itemClicked(QTreeWidgetItem *item, int column) 项被点击时发出的信号,连接到槽函数以执行相应的操作。...itemCollapsed(QTreeWidgetItem *item) 项被折叠时发出的信号,连接到槽函数以执行相应的操作。...虽然TreeWidget组件可以实现多节点的增删改查功能,但在一般的应用场景中基本上只使用一层结构即可解决大部分开发需求,TreeWidget组件通常可配合TabWidget组件实现类似于树形菜单栏的功能...,当用户点击菜单栏中的选项时则会跳转到不同的页面上。...,通过在TreeWidget组件上右键并转到槽,找到itemDoubleClicked被点击事件,当页面被点击时则触发跳转,代码如下所示;void MainWindow::on_treeWidget_itemDoubleClicked

    51821

    WordPress 初学者词汇表(术语解释)

    除了父主题之外,还使用子主题来显示自定义。当您想对主题(实际代码)进行核心更改时,您需要使用子主题来继续更新您的父主题。...一个流行的例子是 StudioPress 创建的 Genesis 父主题,它在网络上有大量可用的子主题。Genesis父主题包括所有核心主题功能,而子主题包括自定义样式和布局。...免费插件可以从您的 WordPress 仪表板中的Plugins > Add New轻松安装。只需搜索插件的名称或您正在寻找的功能。然后点击安装并激活——就是这样!...根据您的 WordPress 主题(或页面构建器),侧边栏通常是左侧或右侧的垂直列,尽管根据帖子类型或页面,某些设计可能具有两个侧边栏甚至自定义侧边栏。...例如,Elementor主题包括在各种设备上隐藏或显示行的选项。这是一项独特的响应功能,您可以使用它在桌面上显示滑块但在移动设备上隐藏(因为滑块在小屏幕上很难看到,您可以选择显示照片)。

    7.2K20

    Mirages主题帮助文档

    友链页与关于页 友链页与关于页是我们常用的两个独立页面,主题对其做了简单的样式定义。该样式可以参考我博客的友链页和关于页样式。...不需要修改代码,主题已经内置了。 插件下载地址 备用下载地址 侧边栏菜单怎么配置? 侧边栏菜单的内容来源于你的独立页面,新增或删除独立页面后,侧边栏菜单会相应更改。 侧边栏菜单如何排序?...你可以通过点击:控制台 -> 个人设置 -> 点击左侧的头像 进入 Gravatar 注册账号并上传头像。 为什么我主题的菜单/导航栏/导航条和你的不一样?...如果使用了第三方的可见即可得编辑器插件,则可能会影响上一条条件中的设置。 友情链接头像错位是什么情况? 出现这种情况是因为友链头像尺寸要求为严格的正方形,及图片的长宽相等,差一个像素都不可以。...友链页 友链页的卡片样式可以在任何页面中启用,仅需按照下面的书写格式书写即可。 如果你的友链页 URL 为 /links.html 那么,必须要添加一个背景图才会显示标题,样式将和我博客上的一样。

    10.1K20

    Android Studio 4.1发布:可直接运行安卓模拟器、支持 Dagger 导航和 TensorFlow Lite 模型

    基本应用主题使用 Theme.MaterialComponents.* 父级,并替换了更新后的 MDC 颜色和“on”属性。...黑暗主题:基本应用主题使用 DayNight 父级,并拆分为 res/values 和 res/values-night。 主题属性:颜色资源在布局和样式中以主题属性的形式(例如?...在 Android Studio 中运行 Android 模拟器 Dagger 导航支持 Dagger 是 Android 上用于依赖项注入的流行库。...使用 Android 模拟器 30.0.26 及更高版本,你可以配置具有多种折叠设计和配置的可折叠设备。...当原生代码中发生崩溃或 ANR 时,系统会生成堆栈轨迹,这是你的程序在崩溃之前调用过的嵌套函数序列的快照。

    4.2K30

    Vue 里,多级菜单要如何设计才显得专业?

    最主要是接口返回的数据格式应该是什么样子的? 首先有一点小伙伴们应该知道,这里的路由是一个嵌套路由,也就是一级菜单中嵌套着二级菜单。...接下来我就来说一下这里几个典型属性: redirect:noRedirect 表示该路由在面包屑导航中不可被点击。...大家看,这个 div 中实际上分为了两部分,上面 template 专门用来处理 children 中只有一项的情况(角色管理),具体处理方式就是把 children 拿出来显示,其他的则不考虑,具体执行的时候不一定是只有一个...如果这个菜单的父菜单的路径是一个外链,则将父菜单的 path 原封不懂返回。 如果有查询参数,就把参数加上。 最后通过 path.resolve 对路径进行一个简单运算。...1.3 外链问题 在 TienChin 项目中,菜单还存在一个外链的问题。 这个外链有两种不同的显示思路: 点击外链,直接打开一个新的选项卡,在新的选项卡中展示新的页面。

    1.1K20

    WordPress主题Siren二开美化版

    主题前言 用 WordPress 来做博客程序完全是因为一款主题呢! 就是,由 蜜汁路易 二次修改发布的 Siren 主题! 它的前身就是由 Fuzzz 制作的 Akina 主题。...文章列表、文章或者页面的顶部图片显示顺序: 优先显示编辑文章时所设定的特色图,没有设置特色图的情况下的逻辑和上一条一样。...更新日志 2018.01.08 修复某些浏览器点击回复别人的评论时,页面滑动错误;点击回复不再需要下拉页面找输入框了 修复发布版本 Live2D 无法启动的问题 2018.01.09 修正友链模板中默认头像的图片路径...修复评论中贴出代码时,翻页评论时 Prism 代码高亮失效的问题 2018.06.08 更改友链页面代码,按照链接分类显示,支持自定义分类名称了 友链页面新增一个“瀑布流”样式,在主题“其它”设置中可以找到并更改...PJAX 重载功能 修复开启 PJAX 后,使用浏览器返回功能返回上一页时,N 个功能没有加载的问题 2019.04.04 替换评论头像服务器,更换为 V2EX 主题已支持 WordPress 5.1.1

    4K30

    niRvana · 轻拟物主题4.8完美版

    niRvana主题是一款轻拟物风格的wordpress主题,该博客主题设计上不再趋从于现有的扁平风,我认为是时候从极致的扁平稍微向拟物致敬了。...因此本主题将原有的“短代码”全部升级成了“Gutenberg模块”,包括:小标题样式、模态框、提示框、折叠内容、内容回复可见、下载按钮、下拉菜单、站内文章链接等,极大的为用户提供了方便,例如: 插入提示框...“文章Wiki模式”将自动把文章内的“二级”、“三级”标题显示为文章导航并展示在边栏中,点击边栏标题可导航到文章中的指定位置。...UI样式 您可以轻松的在文章中插入小标题样式、模态框、提示框、折叠内容、内容回复可见、下载按钮、下拉菜单、站内文章链接等,例如: 图片 图片 未标题 显示下拉菜单 左眼会配右眼哭の博客...文章分类页、全部文章时间排序页在一定尺寸的屏幕上出现边栏,且顶栏也有边栏按钮的BUG,如:小尺寸的iPad横屏状态 v1.5.1 1、增强:批量发送的垃圾评论再也不可能进入本站了!

    8.7K10

    在 jQuery Mobile 中使用 UI 组件

    jQuery Mobile JavaScript 库是一种强大的方式,允许用户通过 Web 浏览器直接连接到触摸友好的应用程序,从而让移动和平板设备可以访问移动应用程序。...第一个选项是简单地链接到另一个页面,这可以与用户的响应关联。...对于需要采取的任何处理类型,这都将是一个不错的选择,例如,一个 Save 按钮可以链接到一个 Web 页面,该页面将某些信息保存到数据库,然后带着一个确认消息返回原始的父 Web 页面。...利用 jQuery Mobile,您可以创建多种不同的列表格式,如基本链接列表、嵌套列表、编号列表、拆分按钮列表、带分隔符的列表、带图标的列表、缩略图或计数泡泡,以及包括搜索筛选器栏的列表。...该功能对列表项很有用,举个例子,列表项包含有关该特定项的特定详细信息的一个链接,但可能还需要包含与该项有关的其他操作,例如用于购买该项或将它分享到社交网络上的一个按钮。

    8.1K20

    wordpress导航菜单详解及改造

    对于wordpress主题来说 wp的菜单是必不可少的 可以用于制作导航栏 也可以做侧边栏、页脚导航等等 只要熟练掌握 就能利用wp菜单做成想要的东西 话不多说 现在先讲一下菜单的创建 首先要开启导航菜单功能...container_idul父节点id值 container_classul父节点class值 menu_classul节点class值 menu_idul节点id值 before菜单链接前的文本 after...当然,实际上输出的菜单 会带有很多css选择器id或class 但这也可以改 //移除菜单的多余CSS选择器 add_filter('nav_menu_css_class', 'my_css_attributes_filter...可以看到,生成的class名太多了 但图中红线划中的地方 在某些情况下对我们是很有帮助的 例如通过点击导航栏某个栏目 跳转到这个栏目的页面时 导航栏此栏目位置高亮 观察导航栏结构 我们会发现 该栏目会有一个类名...sub-menu,三级菜单类名为third-menu的菜单 四级菜单?

    3.2K70

    SAO UI Plan -- SAO Utils WEB 2.0

    网上的参考内容都是针对于子菜单在父级元素内部的情况,那确实可以靠hover轻松搞定,但是我设置了一堆偏移量和伪类,导致子菜单和父菜单关键的连接轴是个伪类,hover无效啊喂!。...在体验了两天的天下武功唯快不破以后设置了三种逻辑。 一种是全部通过点击来展开子菜单。但是这样子一来每次点击都要记得关闭,用清空已激活项来初始化的话,二级和三级又要写另一套逻辑。Pass。...4.1 music.enable true , false true为开启点击音效,false为关闭点击音效 4.2 music.Launcher Url,音乐文件的相对路径或外链 右键点击打开菜单时的音效...,留空则使用默认音效 4.3 music.Click Url,音乐文件的相对路径或外链 左键点击菜单选项时的音效,留空则使用默认音效 4.4 music.Alert Url,音乐文件的相对路径或外链 右键点击退出按钮时的音效...,留空则使用默认音效 4.5 music.Panel Url,音乐文件的相对路径或外链 左键点击含子菜单的选项时的音效,留空则使用默认音效 5 util_list 见下文 一级菜单选项 5.1 util_list.icon

    2.1K20

    『知识巩固#1』Html、Css基础整理

    的值设置为 selected,不设置默认为第一项 textarea 文本域标签 一般通过css给其添加行列,即宽高 禁用文本域的拖拽改变大小 label标签 实现点击固定区域便可选中单选框、....class 通过类名 指定标签的style 一个标签需要多个类名,用空格隔开即可 id 选择器 配合js 诞生,在一个页面中式唯一的,不可替代的 #id {属性名: 属性值} 所有标签上都有id...display: inline-block 转换为行内块元素 display: inline 极少…… 转换规范: 块级元素作为大容器,可以嵌套很多元素,但是不能用小范围的元素嵌套大范围元素 如p标签不能嵌套...,只有当选择器优先级相同时,才能通过层叠性判断结果 优先级 最复杂 css三大特性 优先级的介绍 不同的选择器具有不同的优先级,优先级高的选择器样式会夫噶优先级低的样式 优先级公式 继承...: 0;}清除内边距 外边距折叠现象 合并现象 相邻的两个盒子,margin-bottom 和 margin-top 会合并 取最大值 而不是相加 塌陷现象 发生在互相嵌套的块标签 给子元素添加margin

    4K20

    【vite+vue3+Ts+element-plus】肩并肩带你写后台管理之主页面开发(侧边栏菜单生成、标签栏开发)

    页面比较简单,主要分为左侧的菜单栏,顶部的导航栏(折叠左侧菜单,切换暗黑模式,员工账号名,退出登录),再下面的标签栏,之后就是主页面显示区域。...第二个就是设置了默认展开项 第三个对菜单进行了排序,这里的排序我用的事版本号对比的方式,这里贴一下代码 // 版本号大小对比 export function compareVersion(v1: string...-- 此处注意,不要多嵌套层级,否则可能导致菜单样式错乱,建议直接在父级组件v-for时直接判断 --> 嵌套el-icon也可正常显示,嵌套了之后可以使用el-menu预设的样式,且在折叠的时候不会闪动 --> <el-icon >菜单(一级菜单)还是个页面(二级菜单),同时也支持一些只有一个二级菜单的一级菜单直接显示二级菜单,这个是否直接显示根据我们在编辑菜单时配置的alwaysShow决定,后面也会简单的说一下菜单管理的配置项

    4.5K31

    WPJAM「网址导航」:最轻便快捷的网址导航插件

    首先说明一下,这是一个 WordPress 插件,理论上兼容所有的 WordPress 主题,但不能保证 100%,在 Autumn Pro 主题上是保证可以的,这是建立在 Autumn Pro 上面的演示...基本上把大部分的操作都放到了列表页,除了你希望去更新导航网址的详细介绍,才需要点击编辑进入边界详情页面,进行富文本操作,和你平时编辑文章一样,这里就不再介绍了。...在新建分组页面,可以轻易猜到,分组就是 WordPress 自定义分类实现的: 相比之下,它多了一个图标,目前支持 WordPress 的 Dashicons,输入 Dashicons 的名称即可。...网址导航插件的更多设置 每个插件多多少少都有一些设置,WPJAM 「网址导航」也不例外: 前面三项设置页面的标题,SEO 关键字和描述,然后设置主色调,接下来的两项比较重要: 勾选「首页」,那么网址导航的页面将直接提到你网站的首页...最后还可以在后台的「外观」下的「菜单」中设置单独的导航菜单,最终的效果如下: 最后再提示一下,WPJAM 「网址导航」的演示地址是:http://autumn-pro.xintheme.cn/navs

    2.5K40

    对 WordPress 主题进行单元测试(Theme Unit Test)

    主题单元测试基础 导入官方 unit 测试数据 首先你需要在本地或者服务器上建立一个新的 WordPress 站点,用来进行主题的单元测试。安装方法跟普通的 WordPress 站点一样。...如果在本地比较方便,你可以将你自己服务器上的数据导出导入到本地 WordPress 上。 配置一下 WordPress 导入数据之后,还需要配置一下后台,才能更完美的进行测试。...成至少两个自定义菜单: 大菜单:包含所有的页面链接 小菜单:包含2、3个页面链接 测试主题文件的一般准测 需要检查主题中的如下文件:默认首页模板(index.php)、存档模板(archive.php)...菜单(Menus)测试 测试大量的分类目录和页面组成的菜单是否显示正常,测试多层菜单是否正常显示不错位 如果主题的自定义菜单可用,测试启用自定义菜单和没有启用时使用默认菜单的布局,测试是否正常无错位...而不应该是一些广告页面链接或者其他链接。 总结 主题的单元测试,是一个必不可少的主题测试步骤。我爱水煮鱼在这里结合官方文档进行了整理,如果想要看完整版的单元测试,可以到单元测试官方页面查看。

    1.9K10
    领券