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

在wordpress中添加不会在小屏幕上折叠的二级菜单

在WordPress中,要添加一个不会在小屏幕上折叠的二级菜单,你可以按照以下步骤操作:

  1. 登录到WordPress后台,进入外观(Appearance)菜单,点击自定义(Customize)选项。
  2. 在自定义页面中,找到菜单(Menus)选项,并点击进入。
  3. 在菜单编辑器中,你可以看到你已创建的菜单,选择你想添加二级菜单的现有菜单或创建一个新的菜单。
  4. 添加一个主菜单项,这将成为你的一级菜单。在菜单项中,点击添加项目(Add Items)按钮,选择自定义链接(Custom Link)或其他可用的菜单项类型,并设置好链接和显示文本。
  5. 添加一个二级菜单项,即主菜单项的子菜单。将鼠标悬停在主菜单项上,然后点击添加项目按钮,选择自定义链接或其他菜单项类型,并设置链接和显示文本。
  6. 重复步骤5,添加所有需要的二级菜单项。

为了确保二级菜单不在小屏幕上折叠,你需要进行一些额外的CSS样式设置。你可以通过以下方法来实现:

  1. 进入外观(Appearance)菜单,选择编辑主题(Edit Theme)或进入自定义(Customize)选项。
  2. 如果你选择编辑主题,找到主题的样式表文件(style.css),点击进行编辑;如果你选择自定义选项,则在自定义页面中找到其他CSS编辑器。
  3. 在样式表中,你可以使用媒体查询(media query)来控制小屏幕上的样式。例如,可以使用@media规则和max-width属性来设置小屏幕上的二级菜单显示方式。
  4. 在媒体查询中,使用合适的CSS选择器来定位二级菜单,并添加适当的样式。例如,可以使用display: inline-block;来确保二级菜单项水平排列,并避免折叠。

在这个过程中,你可以利用腾讯云提供的一些相关产品来辅助你的WordPress网站的建设和运行。腾讯云提供了云服务器、数据库、内容分发网络(CDN)等基础设施服务,以及人工智能、音视频处理等高级服务。你可以根据具体需求选择适合的腾讯云产品。

更多关于腾讯云相关产品和产品介绍的信息,你可以访问腾讯云官方网站:腾讯云

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

相关·内容

合并列,在【转换】和【添加列】菜单中的功能竟有本质上的差别!

有很多功能,同时在【转换】和【添加】两个菜单中都存在,而且,通常来说,它们得到的结果列是一样的,只是在【转换】菜单中的功能会将原有列直接“转换”为新的列,原有列消失;而在【添加】菜单中的功能,则是在保留原有列的基础上...,“添加”一个新的列。...但是,最近竟然发现,“合并列”的功能,虽然在大多数情况下,两种操作得到的结果一致,但是他们却是有本质差别的,而且一旦存在空值(null)的情况,得到的结果将有很大差别。...比如下面这份数据: 将“产品1~产品4”合并到一起,通过添加列的方式实现: 结果如下,其中的空值直接被忽略掉了: 而通过转换合并列的方式: 结果如下,空的内容并没有被忽略,所以中间看到很多个连续分号的存在...我们看一下生成的步骤公式就清楚了! 原来,添加列里使用的内容合并函数是:Text.Combine,而转换里使用的内容合并函数是:Combiner.CombineTextByDelimiter。

2.6K30

Excel小技巧:在Excel中添加复选标记的15种方法(上)

在本文中,介绍在Excel工作簿中添加复选标记的15种方法。 方法1:插入复选标记 可以使用功能区“插入”选项卡中的“符号”命令,如下图1所示。...图1 在图2所示的“符号”对话框中,选择“Wingdings”字体,滚动到底部,可以看到复选标记字符。...图3 方法2:添加复选标记的项目符号 在工作表中插入一个文本框,单击鼠标右键,在快捷菜单中选择“项目符号——选中标记项目符号”,如下图4所示。...方法4:使用CHAR函数创建复选标记 在单元格中,输入公式: =CHAR(252) 并将该单元格的字体设置为Wingdings。...图5 方法8:使用自动更正功能插入复选框 单击Excel左上角“文件——选项”命令,在“Excel选项”对话框左侧选择“校对”选项卡,单击对话框右侧的“自动更正选项”按钮,在“替换”框中输入一个单词,本例中为

3.5K30
  • 免费开源的Argon博客主题 – 简约流畅的WordPress主题模板

    (顶栏,侧栏,头图等) 顶栏、侧栏完全自定义 (自定义链接,图标,博客名,二级菜单等) 丰富的可自定义侧栏内容 (作者名称,格言,作者信息,作者链接,友情链接,分类目录,所有标签等) 内置 “说说...” 功能,随时发表想法 支持在侧栏添加小工具 良好的阅读体验 侧栏浮动文章目录 自动计算字数和阅读时间 Pjax 无刷新加载 Ajax 评论 内置多种小工具(进度条,TODO 复选框,标签等...) 内置 Mathjax、平滑滚动等 支持自定义 CSS 和 JS 适配小屏幕设备 夜间模式支持 安装和更新 安装 在 Github Release 页面下载 .zip 文件,在 WordPress...自动更新 Argon 接入了 WordPress 更新机制,当新版本发布后,在 WordPress 后台 “更新” 页面即可更新 Argon。... – 支持通过短代码在文章中插入 TODO、标签、警告、提示、折叠区块、Github 信息卡、时间线、隐藏文本、视频等模块 其他 – 自适应、精心优化的文章阅读界面 CSS、可切换衬线/非衬线字体、可自定义

    2.5K20

    WordPress免费主题:Document,让阅读变得更加方便

    作为一个程序员,在日常的工作、生活、学习的过程中基本都有很多需要做笔记的地方;做笔记的主要目的之一是为了“温故而知新”,另一个则是为了在下一次遇到的时候,不需要再次耗费精力去找解决方法; 回顾自己之前写的那个主题...主题对JS、CSS全局进行了压缩,同时在主题内提供了未压缩的源文件。  1.关于文章目录 文章目录由后端生成,默认读取【h1】、【h2】、【h3】元标签(编辑器内的小插件可直接插入)。...新建菜单 添加菜单项 发布到顶部菜单  5.小部件、侧边栏 主题具有文章信息、作者信息、最新文章、最近更新 四个小部件(小部件自带配置,可在添加的时候填写),添加后默认在文章页面的右侧边栏显示。...关闭之前主题自带的小工具 拖入document主题的小部件 保存修改 不保存的话,会显示之前主题的小部件导致样式错乱 6.邮箱SMTP配置 wordpress自带的邮件发送服务不太友好,你可以在主题选项开启主题自带的邮件服务...20220724更新 首页变成两栏显示 优化了大屏和小屏显示的字体大小 调整了移动端的UI样式 下滑阅读时自动隐藏导航栏,上滑时自动显示。

    4.3K40

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

    不过从WP4.2中文版开始一直有个BUG,菜单页面的“显示选项”失效,到此下载修改替换文件: 添加菜单项,选择一个分类或者页面,点击添加至菜单,可以多选,用鼠标向右拖动已添加的菜单项,可以形成二级下拉菜单...begin主题使用说明(详解教程) 注:顶部和移动端菜单不支持二级下拉菜单,否则会错位。 如果不想显示顶部的的菜单,可以新建一个空的“菜单”,然后选择这个空的“菜单”。...移动端菜单只在移动浏览器上可见,需要到主题选项----基本设置中,勾选“启用单独移动端导航菜单”,但WP自带的判断移动设备的函数,很多浏览器并不能识别这个移动菜单,可以将移动浏览器的标识(UA)改成iPhone...begin主题使用说明(详解教程) 页脚小工具 左侧是自定义菜单小工具,需单独新建一个菜单,并在“自定义菜单”小工具中调用这个新建的菜单,不能有二级菜单。 右侧是文本小工具,可添加任意HTML代码。...缩略图强烈建议使用WP自带的特色图像功能,或者制作单独的小尺寸缩略图,缩略图尺寸:大于等于280px×210px,并通过自定义栏目添加,不建议使用自动获取文章中的图片作为缩略图,因为文章中的图片尺寸都比较大

    4.8K40

    niRvana · 轻拟物主题4.8完美版

    “文章Wiki模式”将自动把文章内的“二级”、“三级”标题显示为文章导航并展示在边栏中,点击边栏标题可导航到文章中的指定位置。...UI样式 您可以轻松的在文章中插入小标题样式、模态框、提示框、折叠内容、内容回复可见、下载按钮、下拉菜单、站内文章链接等,例如: 图片 图片 未标题 显示下拉菜单 左眼会配右眼哭の博客...文章分类页、全部文章时间排序页在一定尺寸的屏幕上出现边栏,且顶栏也有边栏按钮的BUG,如:小尺寸的iPad横屏状态 v1.5.1 1、增强:批量发送的垃圾评论再也不可能进入本站了!...3、基于jQuery的插件理论上不会再出现问题了 v1.1.4 1、全部文章时间排序模板被加密导致消失,现在找回来了 v1.1.3 1、去掉“相册分类Tab菜单”,无论相册还是文章,都使用“分类菜单”...图片无法生成封面的问题 3、文章内容较短而边栏很长时,在某些尺寸屏幕上出现的滚动问题 4、部分样式问题 5、部分插件无法正常使用jQuery的问题 6、引入Autoprefixer解决旧版浏览器前缀的问题

    8.7K10

    Axure原型设计:动态面板实现手风琴菜单

    手风琴菜单效果很好,只是写的不够详细,在一番摸索后,貌似到达了同样的效果。所以分享出来,做一个简单的示例说明。...步骤如下:一、拖拉元件(1)先拖一个动态面板,命名:手风琴菜单(2)给“手风琴菜单”添加一个状态,命名:一级菜单(3)在“一级菜单”里,添加3个矩形框作为一级菜单项,3个箭头作为模拟菜单打开关闭效果,3...(5)同样搞定“二级菜单2”、“二级菜单3”,效果如下:二、添加交互(1)给矩形框“一级菜单1”添加“单击”交互,效果是将对应的“二级菜单1”内容给展开和折叠。...(2)添加事件“单击时”,单击有2个情形:展开和折叠(3)添加情形“展开”,条件是动态面板“二级菜单1”不可见时(4)添加动作“移动”,将动态面板“二级菜单1”移动到达矩形框“一级菜单1”的底部(坐标可以用编辑器来完成...,用变量好过于自己计算固定值)(5)添加动作“显示/隐藏”,将动态面板“二级菜单1”显示出来,并且把下方的元件往下推(6)添加动作“旋转”,将图标“箭头1”旋转180°(7)添加情形“折叠”,条件是动态面板

    18810

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

    页面比较简单,主要分为左侧的菜单栏,顶部的导航栏(折叠左侧菜单,切换暗黑模式,员工账号名,退出登录),再下面的标签栏,之后就是主页面显示区域。...,之后会判断这是个菜单(一级菜单)还是个页面(二级菜单),同时也支持一些只有一个二级菜单的一级菜单直接显示二级菜单,这个是否直接显示根据我们在编辑菜单时配置的alwaysShow决定,后面也会简单的说一下菜单管理的配置项...首先说一下标签的数据从哪里来,我这里是监听的route,在route变化时,将新的路由信息添加到标签列表。...,这里是通过在菜单管理时候配置的是否固定标签栏,固定标签的排序顺序跟菜单排序顺序一样。...我们需要切换过渡效果的地方其实就是主界面显示区域那一块,文件是layout/components/AppMain.vue,这里需要注意的是,在vue3中router-view嵌套使用的时候写法发生了改变

    4.5K31

    WPJAM 「图片集插件」:设置图片分类和通过分类快速筛选图片

    图片分类 安装好插件之后,就可以在 WordPress 后台「媒体」菜单下下看到「图片集」的子菜单了: 点击进去就可以创建图片分类了: 需要强调的是,我把图片分类强制为最多2级,所以在选择父级图片集的时候...: 因为图片集分类模式限制为二级,而 WordPress 进行分类筛选的时候,点击父分类也是可以获取其子分类下的图片,所以在设置分类的时候,我做了一些优化,如果父分类有子分类的时候,则只能勾选子分类。...在文章编辑页面,点击添加媒体之后,然后也可以在媒体库直接筛选,快速找到所需的图片: 优化后台媒体库加载 WordPress 后台媒体库的月份筛选附件功能,是直接通过查询数据库来获取博客的附件的月份,这样每次打开媒体库...博客 支持一键将文章中图片下载到 WordPress 媒体库 搜索优化 支持限制和关闭搜索的 WordPress 插件 编辑器优化 优化 WordPress 传统的 TinyMCE 编辑器 添加下划线等按钮...微信小程序 微信小程序 WordPress 基础插件,包含基础类库和管理。 微信群二维码 轮询显示微信群二维码,突破微信群100人限制。

    1.1K20

    FAQ | 为大屏幕设备构建应用的常见问题解答

    近期,我们发布了一系列关于在折叠设备和大屏幕设备上构建应用的文章: 折叠屏上应用设计规范,了解一下?...简而言之,在大屏幕上使用该产品是最理想的使用场景。...在多任务处理方面,大屏幕提供给用户更多空间进行多项操作,如果用户在折叠设备上使用应用,开发者要考虑优化的是当用户展开设备时确保应用有良好的连续性、良好的界面显示效果和外观。...二级导航也很重要,在移动设备中您可以使用标签页 (Tab) 或分段按钮 (Segmented Button) 等来实现二级导航,这些方法同样适用于可折叠设备,因此可以把它们与 Navigation Rail...提及折叠形态,需要注意组件的过渡,将会在更大设备更大屏上使用各种组件,尤其是在桌面模式,需要特别注意界面,例如,在该模式下,关键操作或大多数操作是在底部屏幕完成的,而大多数内容组件实际上会放在另一个屏幕上

    3.5K10

    在折叠屏手机上如何做交互设计?

    在玩法上,翻折状态可以通过两面屏幕的不同内容引入多人互动的概念,但这种应用场景比较难想象。 ?...它的响应式设计设计技巧包括以下6点: A.调整位置:你可以改变 UI 元素在不同屏幕上的位置。...C.调整顺序:通过调整 UI 元素的顺序和方向,优化内容显示效果。举个例子,在大屏上运行时,可以再添加一栏,并且加入分类列表,这些都是合理的。...下图是媒体播放器的例子,小屏幕上这些按钮通常是被删减的,但在大屏幕上这些按钮是被完全保留的。PC 上的媒体播放器比手机上的有更多的功能。 ?...E.换位:这项技巧是为特定屏幕尺寸或屏幕方向切换特定的界面。下面这个例子是导航菜单:小屏幕上他是隐藏在汉堡菜单中纵向排列的,但是在大屏幕上,更大的 Tab 是更好地选择。 ?

    1.4K40

    Contact Form 7插件添加表单教程

    今天外贸网站建设小编和大家说说怎么添加表单contact form 7 内容 隐藏 1 为什么你要在你的WordPress网站上使用联系表单?...安装Contact Form 7和其他WordPress插件一样简单。简单地登录到你的网站,进入插件>添加新,并在搜索框中输入它的名字。 它应该首先出现。现在单击Install将其下载到您的站点上。...创建新的联系人表单 安装完成后,您将在WordPress侧边栏中发现一个名为Contact的新菜单项。点击它会进入这个屏幕。 你会得到一些工具提示,让你的联系方式更好,比如使用垃圾邮件保护。...更重要的是,您将在您的站点上找到所有联系方式的列表。它包括一个示例表单,理论上,您可以立即使用。或者点击它开始编辑,或者点击屏幕顶部的添加新。...一旦你保存了你的表格,一个短代码将出现在屏幕上: 现在,您已经知道了在自己的网站上添加表单所需的一切。我们希望这将带来巨大的机会和有趣的新接触。

    1.8K00

    如何修复WordPress更新失败发布失败错误,您可能已掉线

    中更新失败或发布失败错的可能原因,提供修复WordPress错误的方法。...停用插件后,可以尝试更改文章编辑屏幕,如果WordPress发布失败错误消失,则可能是其中一个插件的问题问题。   ...4、打开调试模式   为WordPress网站启用和查看调试日志,虽然不会在REST API中记录错误,但可以帮助您查看是否存在其他可能导致“WordPress更新失败/发布失败错误,您可能已掉线”的问题...将以下几行添加到您的wp-config.php文件中。...现在,您可以尝试在WordPress中发布,修改或重新创建文章。 5、使用经典WordPress编辑器   经典编辑器是此错误的临时解决方案。

    7.9K20

    提示大屏幕和折叠屏: 让您的 Android 游戏登上更大的舞台

    但这并不是终点,通过进行一些调整,开发者可以进一步针对性地优化游戏,使其在大屏幕设备上拥有最佳的视觉效果和运行性能,并为可折叠设备上的最佳游戏体验奠定基础。...当用户在更大的屏幕上玩游戏时,他们可能会坐得离屏幕更远,这时您需要考虑扩展、添加或更改画面 / 界面元素,以确保屏幕上的所有内容都清晰可辨。...添加涵盖不同设备的、更多样游玩流程的测试用例,例如最小化最大化、在小屏幕和大屏幕之间切换、变更输入设备和调整窗口大小。...确保您的游戏可以处理两种屏幕尺寸,这个机制与在 Android 上适配不同屏幕尺寸的方法基本相同。唯一的区别是,这种情况在可折叠设备上会更频繁地发生。...在 Android 9 Pie 中,游戏和应用都可以选择打开 Multi-resume 功能,只需将声明添加到 manifest 中即可: <meta-data

    1.5K30

    WPJAM「评论增强插件」:支持评论点赞和评论置顶

    后台评论管理 因为评论置顶的功能是针对单篇文章的评论才能置顶,所以我在 WordPress后台 「文章」菜单下,添加了「文章评论」子菜单: 在该界面,我把页面分成左右两块,左边首先显示文章列表,点击某篇文章即可显示该篇文章的评论列表...博客 支持一键将文章中图片下载到 WordPress 媒体库 搜索优化 支持限制和关闭搜索的 WordPress 插件 编辑器优化 优化 WordPress 传统的 TinyMCE 编辑器 添加下划线等按钮...图片分类限制为二级 3. 取消图片编辑入口 4. 附件页面直接图片链接。 配置器 全自动 WordPress 配置器,不用一行代码就可以开发。...Script Loader 通过恢复 WordPress 联合加载方式来优化 WordPress 后台脚本加载。 外部链接 将文章或评论中的外部链接加上安全提示的中间页。...让用户确认之后再跳转,并还支持添加 nofollow rel 属性。 话题标签 文章中插入 #话题标签#。

    1.8K40

    动手练一练,做一个响应式的后台管理面板

    如何解决菜单左右折叠的问题。 如何处理菜单在小屏设备的展示问题。 如何规划页面的布局,建议现在纸上画出来。...媒介查询等响应式相关的知识点;菜单折叠的问题,这里需要通过JS脚本来触发菜单文本和logo的隐藏;小屏设备菜单的按钮,我们默认隐藏在左边的菜单里,通过媒介查询器触发显示,并需要在按钮上添加JS事件,触发菜单的打开与隐藏... 你可能注意到,我添加了 svg 部分,并且设置了隐藏,这里我们使用 SVG Sprites(雪碧图)技术,方便我们在菜单里添加菜单图标,这里我从 Envato 网站下载了后台管理相关的图标...基于以上的说明,首先我们需要在折叠菜单上添加点击事件,控制菜单的显示与隐藏,带 aria 的属性主要是为了网页无障碍属性使用,最关键的代码还是toggle方法: const body = document.body...,由于图标上的文字被隐藏,我们需要添加一个鼠标经过事件,在链接里添加个title属性,让用户明白菜单的作用,用于显示菜单的文本信息,示例代码如下: const body = document.body;

    1.3K10

    大屏幕和折叠屏: 让您的 Android 游戏登上更大的舞台

    但这并不是终点,通过进行一些调整,开发者可以进一步针对性地优化游戏,使其在大屏幕设备上拥有最佳的视觉效果和运行性能,并为可折叠设备上的最佳游戏体验奠定基础。...当用户在更大的屏幕上玩游戏时,他们可能会坐得离屏幕更远,这时您需要考虑扩展、添加或更改画面 / 界面元素,以确保屏幕上的所有内容都清晰可辨。...添加涵盖不同设备的、更多样游玩流程的测试用例,例如最小化最大化、在小屏幕和大屏幕之间切换、变更输入设备和调整窗口大小。...确保您的游戏可以处理两种屏幕尺寸,这个机制与在 Android 上适配不同屏幕尺寸的方法基本相同。唯一的区别是,这种情况在可折叠设备上会更频繁地发生。...在 Android 9 Pie 中,游戏和应用都可以选择打开 Multi-resume 功能,只需将声明添加到 manifest 中即可: <meta-data

    1.3K20

    WordPress 全能分类管理插件:WPJAM Taxonomy

    博客 支持一键将文章中图片下载到 WordPress 媒体库 搜索优化 支持限制和关闭搜索的 WordPress 插件 编辑器优化 优化 WordPress 传统的 TinyMCE 编辑器 添加下划线等按钮...图片分类限制为二级 3. 取消图片编辑入口 4. 附件页面直接图片链接。 配置器 全自动 WordPress 配置器,不用一行代码就可以开发。...Script Loader 通过恢复 WordPress 联合加载方式来优化 WordPress 后台脚本加载。 外部链接 将文章或评论中的外部链接加上安全提示的中间页。...让用户确认之后再跳转,并还支持添加 nofollow rel 属性。 话题标签 文章中插入 #话题标签#。...微信小程序 微信小程序 WordPress 基础插件,包含基础类库和管理。 微信群二维码 轮询显示微信群二维码,突破微信群100人限制。

    1.4K20

    站点选项 WordPress 插件:管理和删除无用的站点选项

    管理站点选项 安装好之后,在 WPJAM 菜单下会多出一个「站点选项」的子菜单,点击进去,即可查看你站点所有非 WordPress 系统自动生成的选项: 如果选项存储为字符串或者非序列化存储,则直接显示...博客 支持一键将文章中图片下载到 WordPress 媒体库 搜索优化 支持限制和关闭搜索的 WordPress 插件 编辑器优化 优化 WordPress 传统的 TinyMCE 编辑器 添加下划线等按钮...Script Loader 通过恢复 WordPress 联合加载方式来优化 WordPress 后台脚本加载。 外部链接 将文章或评论中的外部链接加上安全提示的中间页。...让用户确认之后再跳转,并还支持添加 nofollow rel 属性。 话题标签 文章中插入 #话题标签#。...微信小程序 微信小程序 WordPress 基础插件,包含基础类库和管理。 微信群二维码 轮询显示微信群二维码,突破微信群100人限制。

    1K30
    领券