产品介绍
LCWPMenu — WordPress 菜单完全接管插件
把 WordPress 的菜单整个换掉,做成「图标 + 多级下拉」的样子,不用改一行主题代码。
插件简介
大多数 WordPress 主题自带的导航菜单都很朴素:一行文字,没有图标,多级下拉要靠主题自己实现。
想改成常见的「图标 + 多级下拉」导航站风格,通常得去改主题的 functions.php、
覆盖模板文件、或者干脆买一个商业主题——换主题、升级一次,菜单配置就全丢了。
LCWPMenu 把这件事从主题里抽出来,做成独立插件。
菜单数据和主题完全分离。主题换了、升级了,菜单还在。
主要功能
菜单管理
- 独立的菜单管理页,彻底替代「外观 → 菜单」,不用在两个界面之间来回切
- 一张表一个表单:行内直接改名称、链接、图标、角标、是否新窗口,改完点一次「保存导航」全部生效
- 一键导入:从 WP 原生菜单直接搬过来,层级、名称、链接、打开方式原样保留,
菜单名后面会显示项数,导入后自动建好新菜单,不用先手动建 - 无限层级;系统自动阻止把父级设成自己或自己的后代,不会出现死循环
- 每个菜单项可加角标文字(比如「NEW」「HOT」),前台渲染成小标签
- 支持链接留空:该项只作下拉容器,点击不跳转
图标:三种来源
| 方式 | 适用场景 | 说明 |
|---|---|---|
| 媒体库上传 | 有设计资源 | 后台点按钮从媒体库挑选,也支持 SVG |
| iconfont.cn 类名 | 用阿里的图标库 | 先在「iconfont 项目」登记 CSS 地址,后台可一键解析出全部类名,点击即复制,配图标时能直接看到真实效果 |
| 粘贴 SVG 代码 | 临时加一个 | 完整 <svg> 都行,只给一段 <path> 也会自动补 viewBox |
iconfont 项目会同时加载到前台和后台——这点比多数同类插件方便,配的时候不用来回切窗口猜。
前台
- 自动接管主题菜单位:指派一次,主题里
wp_nav_menu(['theme_location'=>'primary'])
的位置直接输出本插件菜单,不改一行主题代码 - 两种触发方式可切:鼠标悬停展开 / 点击展开
- 移动端自带抽屉菜单(右侧滑出或全屏),断点后台可配(默认 900px),
不依赖主题的汉堡按钮 - 无 JS 也能用:多级下拉退化为可点击展开
- 可访问性:
aria-expanded、ESC 关闭、焦点环、屏幕阅读器文本
接入方式(三选一)
①菜单位置指派 —— 主题代码零改动,推荐
②短代码 —— [lcwp_menu location="primary"] 或 [lcwp_menu id="12"]
③模板函数 —— <?php lcwp_menu('primary'); ?>
短代码可选参数:class="自定义类"、depth="1"(限制层级)、toggle="no"(不出汉堡按钮)。
样式
- 全部样式用 CSS 变量控制,改主色不用碰 CSS 文件:
.lcwp-nav {
--lcwp-accent: #2271b1; /* 悬停/高亮色 */
--lcwp-text: inherit; /* 文字色,跟随主题 */
--lcwp-bg: #fff; /* 抽屉底色 */
--lcwp-sub-bg: #fff; /* 下拉底色 */
--lcwp-sub-text: #1f2327;
--lcwp-hover-bg: #f2f6fa;
--lcwp-radius: 8px;
--lcwp-shadow: 0 10px 30px rgba(0,0,0,.12);
--lcwp-icon-size: 18px;
--lcwp-icon-gap: 8px;
}
- 断点、抽屉样式、图标尺寸、图标间距、展开方式,都在后台「显示设置」里改
- 可选择自动移除主题的菜单样式表避免打架(默认开启;字体图标库、Bootstrap 这类
通用样式会被保留,不会误伤主题其它地方)
其它
- 后台页、插件列表页、前台 DOM 都带版本号与作者,线上排查一眼确认实际生效版本
- 数据与 WP 原生
nav_menu完全隔离:停用/删除插件都不会影响你原来的菜单
(注意:删除会清空 LCWP 自己的菜单数据,只想停用请用「停用」)
下载
插件包: lcwp-menu-1.1.2.zip · 41 KB · GPLv2 or later
安装
方式一:后台上传(推荐)
- 登录 WordPress 后台 → 插件 → 安装插件 → 上传插件
- 选择
lcwp-menu-1.1.2.zip→ 立即安装 → 启用 - 左侧会出现「LCWP 菜单」
方式二:FTP
- 解压
lcwp-menu-1.1.2.zip - 把
lcwp-menu整个目录上传到/wp-content/plugins/ - 后台启用
启用后三步配置
- 左侧「LCWP 菜单」→「iconfont 项目」:如果你要用类名图标,把 iconfont.cn 生成的
CSS 地址(形如//at.alicdn.com/t/font_xxxxx.css)填进来,点「解析类名」确认能拿到icon-xxx - 「菜单与菜单项」:新建菜单,添加菜单项、配图标
- 「菜单位置指派」:把菜单挂到主题的菜单位置上
环境要求:WordPress 5.9+、PHP 7.4+。无需额外依赖。
常见问题
Q:会和主题原来的菜单冲突吗?
不会。菜单数据完全独立于 WP 原生菜单。样式上默认会移除主题的菜单 CSS
(可在「显示设置」关闭)。如果主题用了很特殊的菜单结构,关闭这个选项即可。
Q:只有一个菜单时,主题没指派位置也能显示吗?
可以。开启「主题样式清理」后,若全站只有一个菜单,任何 wp_nav_menu() 调用都会渲染它。
Q:iconfont 类名不显示?
多半是 CSS 地址没登记或没生效。去「iconfont 项目」确认地址保存成功,
再点「解析类名」看能否拿到 icon-xxx 这样的类名。
Q:图标显示出来了,但位置或大小不合适?
后台「显示设置」调图标尺寸、图标间距、是否显示下拉箭头。
主色和圆角等在主题的 CSS 里覆盖 .lcwp-nav 的 CSS 变量(见上文「样式」一节)。
Q:移动端菜单没出来?
先确认「菜单位置指派」里对应位置已指派菜单。断点默认 900px,
可以在「显示设置」里改。若浏览器缓存了旧样式,强制刷新(Ctrl+F5)即可。
Q:删除插件会删掉我的菜单吗?
会。「删除」会清空所有 LCWP 菜单、菜单项与设置。若只是想暂时关掉,请用「停用」。
Q:能放多个图标吗?
当前版本每个菜单项一个图标。
版本记录
1.1.2
- 修复:后台页脚署名与「感谢使用 WordPress 进行创作」叠字。原因是署名行由
admin_footer
输出在#wpfooter之后,而#wpfooter是position:fixed的固定条(桌面 30px / 移动端 46px),
把这行完全压住;且插件样式表只在插件自己的页面入栈,别的后台页面上这行没有任何样式。
现在署名自带样式并固定在固定条正上方,同时适配折叠菜单(36px)与窄屏(left:0)。 - 修正旧版本类名拼写(
lcpw-foot→lcwp-foot)。
1.1.1
- 修复:侧栏「新建菜单」输入框溢出盒子。原因是用了 WP 自带的
regular-text(约 400px),
而侧栏只有 320px;同时补上 flex 子项必需的min-width:0。 - 「从 WP 原生菜单导入」移到侧栏顶部,并在原生菜单名后显示项数;点击后自动新建一个同名
LCWP 菜单并灌入全部层级,无需先手动建菜单。
1.1.0
- 后台改为整表单一次保存,行内直接编辑(名称/链接/图标/角标/新窗口)。
- 新增「从当前 WP 菜单导入」。
- 新增菜单项角标。
- 修复:移动端样式表的 media 查询此前写成了恒真值,导致桌面端也套用抽屉样式、
菜单整块被推出屏幕而不显示。现在断点由 PHP 在入队时直接写进 link 的 media。 - 前台 DOM 输出插件版本号与作者,便于线上排查。
- 后台页脚与插件列表页显示版本号与作者链接。
1.0.0
- 首个版本。
需要更多?
插件功能已经覆盖了绝大多数导航站的需求。如果你的情况比较特殊,这几种服务可以直接找我:
| 服务 | 说明 |
|---|---|
| 代安装配置 | 你把主题、站点发我,我帮你配好菜单、图标与样式,交付可直接用的状态 |
| 界面定制 | 按你的设计稿改菜单样式(配色、圆角、间距、动效、栅格等) |
| 图标批量处理 | 已有 iconfont 项目或图片图标,帮你批量配进菜单 |
| 排错与优化 | 菜单不显示、样式冲突、层级错乱、缓存问题等,一次性解决 |
📌 定价为占位符,发布前请替换为你的实际定价。
各档服务的具体价格 / 交付周期 / 售后范围,按你实际能承诺的写。
联系方式:
- 作者:LCByte
- 网站:www.lcbyte.com
常见问题速查(服务类)
Q:能开发我自己的主题专用版吗?
可以。提供具体需求与设计稿,评估后给方案与报价。
Q:支持多久的售后?
交付后的一年内的功能使用问题都可以找我,不额外收费。
Q:能先试用吗?
插件本身就是免费且完整的,功能上没有任何阉割,付费买的只是上面那些服务。
建议先装上用一用,用得上服务再找我。
许可
GPLv2 or later。插件可自由使用、修改、再分发。