如何更改 WordPress 中的菜单样式(如何更改 WordPress 中的主题)

如何更改 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的完整教程。 你想知道的、不知道的,这里都会有答案,感兴趣的朋友,请保存学习!

下载


【AD】DMIT 美西cmin2套餐Eyeball WEE补货,39.99美元/年(1核1G/10G SSD /1Gbps@800G),三网回程 CMIN2

【AD】美国洛杉矶/香港/日本VPS推荐,回程电信CN2 GIA线路,延迟低、稳定性高、免费备份_搬瓦工