导航菜单 自定义样式

1. 按钮样式

在 CSS类(可选)项添加名称为 menu-btn 的CSS类名,实现按钮样式效果,如下图所示:

WordPress自定义菜单 - 按钮样式
菜单项按钮样式

方法如下:

在网站后台 外观 – 菜单 中,找到需要编辑的菜单项,给菜单项的 CSS类(可选)项,添加类名 menu-btn ,如下图所示:

WordPress菜单 - 按钮样式
WordPress菜单添加按钮样式

2. 平铺二级菜单

在 CSS类(可选)项添加名称为 menu-box 的CSS类名,实现下拉菜单平铺样式效果。

菜单项  - 二级菜单平铺样式
菜单项 – 二级菜单平铺样式

方法如下:

在网站后台 外观 – 菜单 中,找到需要编辑的菜单项,给菜单项的 CSS类(可选)项,添加类名 menu-box ,如下图所示:

WordPress菜单 - 二级菜单平铺样式
WordPress菜单 – 二级菜单平铺样式



上一篇:

下一篇:

在线留言