您想设计 WordPress 导航菜单以更改其颜色或外观吗？当您的 WordPress 主题处理导航菜单的外观时，您可以使用 CSS 轻松自定义它以满足您的要求。在本文中，我们将向您展示如何设置网站上 WordPress 导航菜单的样式。
您想设计 WordPress 导航菜单以更改其颜色或外观吗？当您的 WordPress 主题处理导航菜单的外观时，您可以使用 CSS 轻松自定义它以满足您的要求。在本文中，我们将向您展示如何在您的网站上设置 WordPress 导航菜单的样式。
我们将展示两种不同的方法。第一种方法适合初学者，因为它使用插件并且不需要任何代码知识。第二种方法适用于更喜欢使用 CSS 代码而不是插件的中级 DIY 用户。
我们将展示两种不同的方法。第一种方法适合初学者，因为它使用插件并且不需要任何编码知识。第二种方法针对的是喜欢使用 CSS 代码而不是插件的中级 DIY 用户。
方法1：使用插件设置WordPress导航菜单的样式 （Method 1: Styling WordPress Navigation Menus Using a Plugin）
Your WordPress theme uses CSS to style 导航菜单. Many beginners are not comfortable with editing theme files or writing CSS code on their own.
您的WordPress主题使用CSS设置导航菜单样式。 许多初学者不满意自己编辑主题文件或编写CSS代码。
这时候 WordPress 样式插件就派上用场了。它使您无需编辑主题文件或编写任何代码。
这时候 WordPress 样式插件就派上用场了。它使您免于编辑主题文件或编写任何代码的麻烦。
First you need to do is install and activate the CSS 英雄 plugin. For more details, see our step by step guide on 如何安装 WordPress 插件.
首先，您需要安装并激活CSS 英雄插件。 有关更多详细信息，请参阅有关如何安装 WordPress 插件步指南。
CSS Hero is a premium WordPress plugin that allows you to design your own WordPress theme without writing a single line of code (No HTML or CSS required). See our CSS 英雄评论 to learn more.
CSS Hero是一个高级WordPress插件，可让您设计自己的WordPress主题而无需编写任何代码(无需HTML或CSS)。 请参阅我们的CSS 英雄评论以了解更多信息。
WPBeginner users can use use this CSS 英雄优惠券 to get 34% discount on their purchase.
WPBeginner用户可以使用此CSS 英雄优惠券在购买时获得34％的折扣。
激活后，您将被重定向以获取 CSS Hero 许可证密钥。只需按照屏幕上的说明进行操作，只需点击几下即可将您重定向回您的网站。
激活后，您将被重定向以获取 CSS Hero 许可证密钥。只需按照屏幕上的说明进行操作，只需点击几下即可重定向到您的网站。
接下来，您需要单击 WordPress 管理工具栏中的 CSS Hero 按钮。
接下来，您需要单击 WordPress 管理工具栏中的 CSS Hero 按钮。
CSS Hero 提供了一个所见即所得（所见即所得）编辑器。单击该按钮将带您进入您的网站，屏幕上会显示浮动的 CSS Hero 工具栏。
CSS Hero 提供了一个 WYSIWYG（所见即所得）编辑器。单击该按钮将带您进入您的网站并在屏幕上显示浮动的 CSS Hero 工具栏。
您需要单击顶部的蓝色图标才能开始编辑。
您需要单击顶部的蓝色图标才能开始编辑。
单击蓝色图标后，将鼠标移至导航菜单，CSS Hero 将通过显示其周围的边框来突出显示它。当您单击突出显示的导航菜单时，我