VPS参考测评推荐
专注分享VPS主机优惠信息
衡天云优惠活动
华纳云最新优惠促销活动
jtti最新优惠促销活动
最新

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

locvps
主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作

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

下载

这几篇文章你可能也喜欢:

本文由主机参考刊发,转载请注明:如何更改 WordPress 中的菜单样式(如何更改 WordPress 中的主题) https://zhujicankao.com/122957.html

【腾讯云】领8888元采购礼包,抢爆款云服务器 每月 9元起,个人开发者加享折上折!
打赏
转载请注明原文链接:主机参考 » 如何更改 WordPress 中的菜单样式(如何更改 WordPress 中的主题)
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!请查阅:特别声明

评论 抢沙发

评论前必须登录!