如何仅在WordPress单个页面添加drop-down-menu无需编写代码
WordPress单页面添加下拉菜单无代码实现方案
以下方案均不需要编写HTML/CSS代码、无需创建自定义模板,所有操作都可以在页面编辑器内完成。
插件实现方案
适合需要自定义样式、多级菜单、交互效果的场景:
- Ultimate Blocks:安装启用后,在目标页面的古腾堡编辑器中可直接搜索调用「下拉内容块」「导航下拉块」,通过侧边栏可视化配置菜单项、触发方式(点击/悬停)、配色、动画效果,配置完成直接发布即可生效。
- Stackable Gutenberg Blocks:自带成熟的下拉/折叠块预设,支持多级菜单结构、自适应适配,不需要手动调整样式,选择预设就能匹配当前页面的设计风格。
- WP Mega Menu:如果需要添加功能复杂的导航类下拉菜单,可以先在后台「外观-菜单」中配置好下拉菜单的结构和跳转逻辑,之后在页面编辑器中插入对应块,选择已创建的菜单就能直接渲染。
无插件原生实现方案
适合基础需求、不想安装额外插件的场景:
- 如果你用的是WordPress 6.0及以上版本,原生自带「导航块」和「详细信息块」:
- 若要添加导航跳转类下拉菜单:先在后台「外观-菜单」中创建好带层级的自定义菜单,打开目标页面编辑器插入「导航块」,选择你提前创建的菜单,开启子菜单展示选项即可。
- 若要添加点击展开内容的下拉组件(比如FAQ项):直接插入「详细信息块」,分别输入下拉标题和展开后的内容即可,完全基于原生功能实现,无需额外配置。
内容的提问来源于stack exchange,提问作者Fayçal E
相关产品推荐
相关产品推荐

