You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何仅在WordPress单个页面添加drop-down-menu无需编写代码

WordPress单页面添加下拉菜单无代码实现方案

以下方案均不需要编写HTML/CSS代码、无需创建自定义模板,所有操作都可以在页面编辑器内完成。

插件实现方案

适合需要自定义样式、多级菜单、交互效果的场景:

  • Ultimate Blocks:安装启用后,在目标页面的古腾堡编辑器中可直接搜索调用「下拉内容块」「导航下拉块」,通过侧边栏可视化配置菜单项、触发方式(点击/悬停)、配色、动画效果,配置完成直接发布即可生效。
  • Stackable Gutenberg Blocks:自带成熟的下拉/折叠块预设,支持多级菜单结构、自适应适配,不需要手动调整样式,选择预设就能匹配当前页面的设计风格。
  • WP Mega Menu:如果需要添加功能复杂的导航类下拉菜单,可以先在后台「外观-菜单」中配置好下拉菜单的结构和跳转逻辑,之后在页面编辑器中插入对应块,选择已创建的菜单就能直接渲染。

无插件原生实现方案

适合基础需求、不想安装额外插件的场景:

  • 如果你用的是WordPress 6.0及以上版本,原生自带「导航块」和「详细信息块」:
    1. 若要添加导航跳转类下拉菜单:先在后台「外观-菜单」中创建好带层级的自定义菜单,打开目标页面编辑器插入「导航块」,选择你提前创建的菜单,开启子菜单展示选项即可。
    2. 若要添加点击展开内容的下拉组件(比如FAQ项):直接插入「详细信息块」,分别输入下拉标题和展开后的内容即可,完全基于原生功能实现,无需额外配置。

内容的提问来源于stack exchange,提问作者Fayçal E

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.29 09:54:02