如何更改 WordPress 菜单样式
WordPress 菜单为您的网站导航提供了结构和可访问性。 自定义菜单的外观可以改善用户体验并匹配您网站的设计。 这是更改 WordPress 菜单样式的分步指南。
1. 打开 WordPress 仪表板
登录您的 WordPress 帐户并转到仪表板。
2. 进入菜单。
在左侧菜单中,选择“外观”>“菜单”。
3. 选择您要更改的菜单。
菜单页面显示您创建的所有菜单。 选择您想要设置样式的菜单。
4. 展开屏幕选项。
单击屏幕右上角的“屏幕选项”下拉菜单。 选择 CSS 类复选框以显示菜单项的 CSS 类。
5. 添加 CSS 类
对于要更改其样式的每个菜单项,单击菜单项名称旁边的 CSS 类字段。 输入所需的 CSS 类名称。 用空格分隔多个类名。
6. 添加自定义 CSS
在 WordPress 仪表板的“外观”>“自定义”>“其他 CSS”部分添加以下自定义 CSS。
<code class=”css”>.css-class-name { /* 更改样式的 CSS 属性 * /}
例如,要更改样式背景颜色以使主菜单项变为红色,请添加以下 CSS:
.home-menu-item {背景颜色:红色;}
7. 保存更改
单击“更新菜单”按钮保存更改。
提示:
使用元素检查工具(例如 Chrome 的 F12 工具)来识别要重新设计样式的菜单项的 CSS 类。 您想创建子菜单吗?使用子菜单项名称旁边的 CSS 类字段添加 CSS 类。 对于更高级的自定义,请考虑使用菜单管理插件,例如 Max Mega Menu。 WPS Office
这里不仅提供WPS Office安装包,还提供从零基础入门到掌握office/word/excel/ppt/wps的完整教程。 你想知道的、不知道的,这里都会有答案,感兴趣的朋友,请保存学习!
下载