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

当我悬停时Wordpress上的子菜单不显示

当您悬停在WordPress上的子菜单时,如果子菜单没有显示,可能是由于以下几个原因:

  1. 主题问题:首先,检查您当前使用的WordPress主题是否支持子菜单的显示。有些主题可能没有设计好的菜单样式或功能,导致子菜单无法显示。您可以尝试切换到其他已知支持子菜单的主题,或者联系主题开发者寻求帮助。
  2. 菜单设置问题:确保您正确地设置了菜单和子菜单。在WordPress后台,转到“外观”>“菜单”页面,确保您已经创建了一个主菜单,并将子菜单项添加到主菜单中。然后,将子菜单项拖动到主菜单项的下方,以创建层次结构。保存菜单后,刷新您的网站并检查子菜单是否显示。
  3. CSS问题:有时,子菜单的显示问题可能是由于CSS样式冲突或错误引起的。您可以通过在WordPress后台的“外观”>“自定义”>“附加CSS”中添加一些自定义CSS代码来解决此问题。您可以尝试使用以下CSS代码来修复子菜单显示问题:
代码语言:txt
复制
ul.sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9999;
}

li:hover > ul.sub-menu {
    display: block;
}

将上述代码复制到“附加CSS”框中,并保存更改。然后,刷新您的网站并检查子菜单是否显示。

  1. 插件冲突:某些WordPress插件可能会与菜单功能冲突,导致子菜单无法显示。您可以尝试禁用最近安装的插件,然后逐个重新启用它们,以确定是否有插件引起了子菜单显示问题。如果确定是插件引起的问题,您可以联系插件开发者寻求解决方案或寻找替代插件。

如果您仍然无法解决子菜单显示问题,建议您咨询WordPress官方支持论坛或社区,以获取更专业的帮助和指导。

注意:以上答案中没有提及腾讯云相关产品和产品介绍链接地址,因为该问题与云计算品牌商无关。

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

相关·内容

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

默认情况下,WordPress 会自动使用您帖子前 55 个单词作为摘录,不过您可以在创建帖子时自定义一个摘录。 Meta ,我们不是在谈论 Facebook。...除了父主题之外,还使用主题来显示自定义。当您想对主题(实际代码)进行核心更改时,您需要使用主题来继续更新您父主题。...Menu(菜单菜单是帮助访问者浏览您网站链接集合。它们通常包含指向你网站上最重要页面的链接或您想要突出显示任何其他内容。菜单可以有多个位置,但通常你会在网站顶部找到一个主菜单。...当您将鼠标悬停在主菜单链接上,如果您看到其下方出现其他链接,即Dropdown Menu(下拉菜单),这是展示支持信息和链接好方法。...例如,Elementor主题包括在各种设备隐藏或显示选项。这是一项独特响应功能,您可以使用它在桌面上显示滑块但在移动设备隐藏(因为滑块在小屏幕很难看到,您可以选择显示照片)。

7.2K20

jQuery二级菜单显示隐藏

在jQuery中创建二级菜单显示和隐藏可以通过使用事件处理函数和CSS样式来实现。HTML 结构 首先,需要创建适当HTML结构来表示二级菜单。一种常见方法是使用嵌套和元素。...示例代码如下:nav ul ul { display: none; /* 默认隐藏二级菜单 */}nav ul li:hover > ul { display: block; /* 鼠标悬停显示二级菜单...然后,通过为父级菜单项设置:hover伪类选择器,当鼠标悬停菜单显示相应二级菜单。...JavaScript 交互 要使用jQuery实现二级菜单显示和隐藏,可以使用jQuery事件处理函数。...当鼠标进入菜单,使用slideDown()方法显示相应二级菜单。当鼠标离开菜单,使用slideUp()方法隐藏二级菜单

3.3K30
  • CSS Transitions

    「触发过渡:」 过渡通常在「元素状态发生变化时触发」。 例如,当我悬停在按钮,可以更改其背景颜色,过渡效果将使颜色平滑地在指定持续时间内变化。...像素渲染在高分辨率显示设备更为明显,而在低分辨率设备可能不太明显或无法有效运用。它通常用于确保文本和图像在屏幕最佳呈现。...我相信在项目开发中,或多或少遇到过如下情况: 作为开发者,我们可能可以理解为什么会发生这种情况:下拉菜单只在鼠标悬停在上面保持打开!...当我们以对角线移动鼠标来选择菜单,我们光标会超出菜单边界,然后菜单关闭。 这个问题可以以一种相当优雅方式解决,而无需使用JavaScript。我们可以使用transition-delay!...当我悬停在这个普通按钮,它会导致元素从上方露出。然而,按钮本身是静止

    31730

    SAO UI Plan -- SAO Utils WEB 2.0

    通过点击1级菜单展开2级菜单。 通过悬停2级菜单显示3级菜单。 优化显示逻辑,识别边缘调整菜单出现位置。确保主要内容完整可见。 优化显示逻辑,新增拖动动作监听。可以通过点按拖动菜单调整菜单位置。...(嘛,总之摸鱼也是为了给大家写好看魔改教程嘛)一直被二级菜单显隐逻辑所困扰,因为用到了相对定位,中间有一段元素是空白,没法在破坏菜单显示效果情况下直接依靠hover实现持续显示二级菜单效果...不过静态css是不支持这种玩法啦,好在到时候实装还有pug和stylus可以添加计算变量动态调整。小case啦。 然后左半边菜单就搞定啦,悬停显示效果和动画里那是一模一样啊。开心!...在体验了两天天下武功唯快破以后设置了三种逻辑。 一种是全部通过点击来展开菜单。但是这样子一来每次点击都要记得关闭,用清空已激活项来初始化的话,二级和三级又要写另一套逻辑。Pass。...内附本帖链接,可能的话,希望可以开着帮我做下宣传 3 hoverShow true , false true为开启悬停显示,false为关闭悬停显示。默认开启。控制属性栏和三级菜单悬停显隐。

    2.1K20

    前端开发必备之Chrome开发者工具(上篇)

    您需要将鼠标悬停到样式规则才能看到这个图标 ? 将鼠标悬停到此图标上可以调出添加 text-shadow、box-shadow、color 和 background-color 声明快捷方式。...启用 Ancestors 复选框查看祖先实体事件侦听器,即除了当前选定节点事件侦听器外,还会显示其祖先实体事件侦听器 启用 Framework listeners 复选框查看框架侦听器,DevTools...由于每一条消息时间戳均不同,因此,每一条消息都将显示在各自 ? 选择执行环境 以下屏幕截图中以蓝色突出显示下拉菜单称为 Execution Context Selector ?...点击左边行号,这样一个蓝色图标就显示在行号,表明该代码行设置好断点了。 ?...DOM更改断点 当您想要更改DOM节点或其节点代码,使用DOM更改断点 设置DOM更改断点: 切换到 Elements 面板。 找到您想设置断点元素并右键单击该元素。

    8.3K111

    niRvana · 轻拟物主题4.8完美版

    niRvana主题是一款轻拟物风格wordpress主题,该博客主题设计不再趋从于现有的扁平风,我认为是时候从极致扁平稍微向拟物致敬了。...8、安全性:评论内容除了pre和img可执行以外,其他标签均转义 9、取消:上传文件尺寸设置 10、优化:顶部菜单指示条有时候位置不准确行为 11、修复:“文章展示”模块在显示“相册”样式问题...现在改为默认显示标题,鼠标悬停后隐藏标题 2、优化:海报关闭问题。...2、REST API错误不再清空页面,而是显示错误提示 v1.4.2 1、修复:启用Ajax刷新加载页面,文章二维码封面显示后,使用返回按钮不消失bug;鼠标悬停显示tooltip提示文字后,使用返回按钮不消失...3、基于jQuery插件理论不会再出现问题了 v1.1.4 1、全部文章时间排序模板被加密导致消失,现在找回来了 v1.1.3 1、去掉“相册分类Tab菜单”,无论相册还是文章,都使用“分类菜单

    8.6K10

    掌握这4 个关键 CSS 属性,你才算入门 CSS

    javascript.plainenglish.io/4-key-css-properties-explained-in-4-minutes-9567d1b5af86 翻译 | 小爱 1、Display 指定元素显示行为...开发人员主要使用块级元素来简化布局过程,因为他们能够改变他们选择元素宽度和高度。 inline:这是默认值,如果没有指定任何其他显示值,元素可以并排放置在与内联元素相同水平线上。...您可以在下拉菜单中使用它,当你将鼠标悬停在导航菜单时会显示附加信息。 2、Float float 属性用于定位和格式化内容。 简单来说,float 属性管理HTML内容在父容器一侧边缘位置。...例如; 当元素被定位为absolute,我们可以通过top、left、bottom值来控制它在整个body元素中位置。你可以将其称为独立元素,其中 body 元素是父元素。...但是,当我们为父元素(蓝色容器)提供相对位置,所有具有绝对位置元素都将落入新父元素之下。 你可以观察到,当我们将相对位置值传递给父元素元素高度现在是相对于父元素。 本文完~

    1.9K30

    WordPress 快捷管理工具条:WordPress Admin Toolbar Bookmarklet

    当我们想要在 WordPress 撰写日志时候,一般是需要到你博客后台,登录之后,点击 日志 > 撰写日志,然后开始写,如果每次都这样是比较麻烦,当然我们可以直接把撰写日志保存到浏览器工具栏,...但是如果下次想快速进入,又保存一个书签到浏览器工具栏?...这样显然不是最好解决问题方法。 有没有好方法能够快速调用 WordPress 各个菜单呢?...后台所有菜单菜单。...一旦你把它拖到浏览器快速工具栏时候,你就可以通过点击它来访问当前 WordPress 站点后台菜单: 使用 WordPress Admin Toolbar Bookmarklet 快捷访问后台菜单

    20610

    路径复制

    如果选择了多个文件和/或文件夹,则将它们各自路径复制到多行。 路径复制将打开一个菜单。 ? 路径复制复制菜单 菜单包含更多命令。...启用此功能后,“路径复制复制”将定期(最多一周一次)检查网络新版本。发布新版本,关闭上下文菜单后将出现一个窗口,显示该新版本一些发行说明,并提供指向GitHub发行页面的链接。...有关每个选项说明,将鼠标悬停在每个选项,将显示工具提示。 一个强大选项是使用正则表达式执行查找/替换操作。选择此选项后,可以通过单击“测试...”按钮(1)来测试输入正则表达式。 ?...专家模式对话框中每个元素都通过工具提示进行记录。只需将鼠标悬停在元素即可显示其工具提示。 路径复制复制附带了可在定制命令中使用各种类型管道元素。当按下“新元素”按钮,将显示它们。 ?...如果需要帮助,将鼠标悬停在下拉菜单项目上将显示一个工具提示,说明元素类型作用。 ? ? ?

    3.4K30

    WordPress 6.2 发布,全面提升站点编辑体验

    WordPress 6.2 也是 2023 年第一个主要版本,涵盖了 900 多项功能增强和修复,它也是 WordPress 开发路线图中一个重要过渡点,开发重点将从样式定制转移到对工作流和协作探索...导航块支持多种方式菜单管理 新导航块侧边栏使得编辑站点菜单更加容易,可以快速添加、删除和对菜单重新排序。...样式复制粘贴功能 该功能让用户可以在同类型一个区块完善设计,然后将这些样式复制并粘贴到其他区块以获得想要外观。...6.2 中其他亮点 悬停顶部:可以设置顶部一组区块在页面滚动都固定在顶部。 导入窗体:可以将喜欢经典主题窗体导入到区块主题中。 本地字体:默认 WordPress 主题将谷歌字体本地化了。...简单说 WordPress 6.2 主要更新就是古腾堡块编辑器更新,没有类似 WordPress 6.1 无需第三方插件就能实现首页 0 SQL 这个大更新。

    1.1K40

    关于无障碍设计七件事

    应该做到在有链接空白区域旁边显示数字。 ? 下图是领英?。这是我个人主页截屏。 ? 当我把鼠标停留在个人简历卡片时候会变成下图。 ?...再进一步,当我把鼠标悬停在标题上,文本会变为蓝色,表示我已经可以点击这一项了。 ? 这种设计方式可能会导致无障碍问题。下面是一种解决方案。在每块输入框后面放一个小铅笔icon。...当我把鼠标悬停在某块地方,蓝色出现了。 ? 当我提出这种解决方法,有的设计师会说,“感觉有点重了”。 也许从视觉是有一点。但是它是无障碍设计解决方案。此外,它只出现在用户个人资料页面上。...下面是另一个Evernote例子。这是笔记列表视图。当用户鼠标悬停在一行,会出现四个可操作图标。 ? 在这个例子中,怎么始终显示四个图标呢?...一种方案就是,它们在白色背景可以是绿色,在鼠标悬停颜色反过来。 ? 这个解决方案也可能会被称为“重”。但是,请记住,我们不是为设计师而设计。我们在为不同用户设计。

    3K30

    WordPress 教程:WordPress 角色和权限终极指南

    , menu_title, capability, handle, [function], [icon_url]); // 添加菜单 add_submenu_page(parent, page_title...一般它值是一个代表某种权限字符串,比如:edit_posts。所以使用这些额函数在 WordPress 后台中添加菜单以及与这些菜单相关联页面,是只有拥有指定权限用户才可以看到和访问。...添加自定义用户角色 有时需要为插件添加新用户角色,比方说,我们要编写一个新相册插件,用户可以注册并上传照片到网站,但是我们希望这些注册用户可以添加或修改网站上任何其他类型内容(如文章或页面)。...: WP_Roles 类 WP_Roles 是一般角色管理类,当我们在插件中使用时候,可以不用实例化一个新对象,而是直接使用 WordPress 默认创建一个全局对象 $wp_roles,可以在任何地方使用它...,只要事先声明 global 即可: global $wp_roles; 我们上面使用函数 add_role() 和 remove_role() 实际是 wp_roles->add_role() 和

    2.1K30

    html、css 实现二级菜单「建议收藏」

    ,但是lidisplay: list-item;,多个是一行一行显示 所以我使用了浮动,来让多个li元素排在一行 但是,li使用了浮动之后,会导致一个问题,高度坍塌: li父元素ul是常规流元素块盒...,改元素填充盒;若找不到,则它包含块为整个网页(初始化包含块) 这样,二级菜单就会相对于其对应一级菜单内容盒进行定位了 三:实现二级菜单 以免篇幅拖沓,本文只给一级菜单第四个li元素设计了二级菜单...一般,页面上只显示一级菜单,需要点击一级菜单,才会出现相应二级菜单 需要用到伪类:hover 鼠标悬停在元素样式 (在html中,我给一级菜单第四个li元素设置了一个选择器.submenu...background-color: #008c8c; color: #fff; text-align: left; line-height: 1.5; /* 生成盒子...比如: nav .topnav>li:hover 选中nav元素下.topnav元素元素li,并且有鼠标悬停在上面 空格,选后代元素 >,选元素 自此,本文结束,虽然比较简陋,但是二级菜单基本结构是搭建起来了

    2.6K50

    简单聊一聊如何使用CSS父类Has选择器

    https://github.com/joycefoster642/-has-css-project 上面的图片展示了我们项目在浏览器启动样子。...基于元素选择 使用 :has ,我们不仅可以选择父元素,还可以选择元素。...导航菜单示例 这将引导我们进入我们项目的下一部分,它看起来是这样: 在这里,我们将鼠标移到位置,您可以看到当我们将鼠标悬停在位置,我们拥有的不同位置。...当我悬停在位置和员工,您会注意到根本没有任何下拉菜单指示。如果我们为此使用修饰类,我们将不得不手动进入HTML文件并编写代码。然而,我们可以通过 :has 伪类来实现这一点。...然后我们说如果我们有 .awesome__terms: checked ,再次点击复选框让下一页显示出来。 浅色和深色模式示例 这是另一个快速示例,展示了如果选中了某个选项,我们可以如何应用它。

    92840

    前端开发:这10个Chrome扩展你不得不知

    这个工具在识别和显示元素CSS属性方面很有用。它包括一个浮动窗口,您可以把鼠标悬停在页面上任一元素以查看它所有CSS属性。您可以通过快捷键在CSSViewer窗体中轻松复制您选定元素样式。...数据通常以纯黑白方式密集显示,这使得理解它非常困难,特别是您试图定位一个深度嵌套属性。 JSONView格式化和美化JSON数据。...Library Sniffer在这方面对我帮助很大。这个工具可以为你提供网页详细信息,无论它是基于类似React, Angular, Vue, Svelte, Wordpress等平台或框架。...使用CSSPeeper,您可以将鼠标悬停在网页中任何元素,然后单击鼠标即可复制元素样式。...在浏览网页,通常吸引我眼球是页面中正在使用字体。当我对某个文字感兴趣想要查看其使用字体,我会下意识地单击鼠标右键以打开开发人员工具,查看它源代码。但是,这样还是太繁琐了。

    2.4K10

    WordPress主题开发,从入门到精通。

    ( 'post-thumbnails' ,[array( 'post' )]); 启用指定类型文章缩略图功能,指定第二个参数默认为全部文章启用缩略图功能; post-formats:文章形式。...,访问附件URL保存在post_meta表 12.wp_options表 option可直接存放一个数组;当我们单独访问许多选项数据,可能导致许多单独数据库事务,通常,数据库事务是昂贵操作(就时间和服务器资源而言...,删除菜单注册 wp_nav_menu($args);给定一个theme_location参数,该函数显示分配给该位置菜单。...如果不存在这样位置或没有为其分配菜单,则参数fallback_cb将确定显示内容。...如果没有给定theme_location参数,函数显示与menu参数给出 ID、slug 或名称匹配菜单;否则,第一个非空菜单;否则(或者如果 menu 给定菜单为空),则输出fallback_cb

    10.6K40

    分享5个关于 Vue 小知识,希望对你有所帮助

    onChange(event) { console.log(event.target.value, this.key); }, }, }; 2、使用Vue.js在鼠标悬停在一个元素执行某些操作...要在鼠标悬停在一个元素执行某些操作,我们可以监听mouseover(鼠标悬停)和mouseleave(鼠标离开)事件。...我们使用v-show指令来在hovered为true显示第二个p元素。 现在,当我鼠标在div内,我们可以看到“hovered”被显示出来。...当我们将鼠标移出div,“hovered”消失了。 3、在Vue.js中获取组件内元素 有时候,我们希望在Vue.js中获取组件内元素。...上下文菜单(Context Menu):在右键打开上下文菜单中,当用户点击菜单其他地方,通常需要关闭这个菜单

    21730
    领券