是否要突出显示WordPress站点上的菜单项？
突出显示菜单项可以帮助您将用户的注意力指向菜单上的特定区域。如果您想在您的网站上突出显示定价或联系我们页面，这可能是很棒的。
在本文中，我们将向您展示如何使用css代码轻松突出显示WordPress中的菜单项。
话虽如此，让我们看看如何使用css突出显示WordPress中的菜单项：
方法1：使用全站点编辑器突出显示菜单项方法2：使用主题定制器突出显示菜单项自定义菜单项突出显示
接下来，点击页面顶部的“保存”按钮以保存您的更改。
在那之后，你将需要在你的主题中添加一点点的css以达到突出显示的效果。您可以修复缺少的主题定制器，也可以使用代码片段插件来添加CSS代码。
如何使用WPCode添加CSS代码段
对于向WordPress添加CSS，我们推荐使用WPCode，因为它是市场上最好的WordPress代码片段插件，使添加自定义代码变得安全和容易。
首先，您需要安装并激活WPCode插件。有关更多说明，请查看我们关于如何安装WordPress插件的指南。
注：WPCode也有一个免费版本。然而，你需要该插件的高级套餐才能解锁“css代码片段”选项。
激活后，导航到代码片段»+添加代码片段WordPress管理面板中的页面。
在这里，将鼠标悬停在“添加自定义代码(新代码段)”选项上，只需点击它下面的“使用代码段”按钮即可。
这将把您带到‘创建自定义代码片断’页面，在那里您可以从选择代码片断的名称开始。
然后，从屏幕右下角的下拉菜单中选择‘css代码片段’作为代码类型。
接下来，将以下CSS代码复制并粘贴到“代码预览”框中：
现在，转到页面顶部，将开关从“非活动”切换到“活动”。
然后，只需点击“保存代码片段”按钮即可存储您的设置。
现在，您已经使用完整的站点编辑器成功地突出显示了WordPress中的一个菜单项。
这就是添加了CSS代码后菜单项的外观。
如何使用块主题访问主题定制器
如果您想使用主题定制器并使用FSE主题，那么只需将下面的URL复制并粘贴到您的浏览器中。请确保用您自己网站的域名替换‘Example.com’：
从此处，将css代码片段复制并粘贴到“Additional css”框中：
从这里，点击右上角的齿轮图标以显示高级属性。
现在，只需选中“css类”框即可。
之后，向下滚动到“菜单”部分。
如果您的网站上有多个菜单，只需点击带有您想要突出显示的菜单项的菜单即可。
这将打开一个新选项卡，您可以在其中选择要突出显示的菜单项。它可以是‘联系我们’，就像我们的例子一样，也可以是你的定价页面或你的在线商店的链接。
只需点击您选择的菜单项，它将展开它以显示一些选项。点击进入‘css类别’字段。
你所要做的就是写下'highlighted-menu'在战场上。您可以将此css类添加到多个菜单项，这些菜单项都将突出显示。
接下来，只需转到主题定制器中的‘附加css’标签即可。
在此之后，复制并粘贴以下css代码：
只需在您刚刚粘贴的CSS代码片段中查找以下代码：
您可以查看我们的指南，轻松添加自定义CSS，以了解如何自定义突出显示的菜单项的其他想法。
在您对您的选择感到满意之后，只需单击主题定制器中的“发布”按钮或WPCode中的“保存代码片段”来保存您的更改。
我们希望这篇文章能帮助你学习如何在WordPress中突出显示菜单图标。你可能还想看看我们的初学者指南，关于如何设计WordPress导航菜单的样式，或者我们的专家精选了一些必备的WordPress插件来扩大你的网站。
中国和中国都是如此。
RSS