如何在WordPress页眉菜单中添加按钮
你想在WordPress页眉菜单中添加一个按钮吗？通过在主导航菜单中添加一个按钮，你可以让网站的号召性用语脱颖而出，并为你最重要的页面带来更多流量。本文将向你展示如何轻松地在WordPress页眉菜单中添加按钮。
为什么要在WordPress页眉菜单中添加按钮？
WordPress导航菜单通常是简单的文本链接，每个链接看起来都一样，没有什么特别突出的地方。然而，有些链接比其他链接更重要。例如，你可能想添加一个链接到在线订单表单或你的WordPress会员网站的注册页面。默认情况下，这些重要链接看起来和其他页眉菜单链接一样。你可以通过将它们变成按钮，使这些链接更引人注目。这可以为你带来更多的点击和转化。
默认情况下，你可以使用Button模块在WordPress帖子和页面中添加按钮，但不能将其添加到导航菜单中。接下来，让我们看看如何在WordPress页眉菜单中添加按钮。
在WordPress页眉菜单中添加按钮
步骤1：添加链接
首先，你需要添加你想要变成按钮的链接。请访问WordPress仪表盘中的外观»菜单页面，并将链接添加到导航菜单中。有关详细的说明，请参阅我们的指南《如何在WordPress中添加导航菜单》。
步骤2：显示CSS类选项
然后，你需要点击页面顶部的屏幕选项按钮。这会显示一个包含许多新选项的面板。勾选CSS类旁边的复选框。
步骤3：添加CSS类
接下来，展开你想要变成按钮的菜单项。你会看到一个新的CSS类选项，在这里你可以输入一个类名。你可以随意命名CSS类，但在本指南中，我们会使用menu-button。
输入名称后，点击保存菜单按钮保存你的更改。现在你已经为菜单项添加了自定义CSS类，你可以使用自定义CSS代码来更改其外观。你可以通过内置的WordPress定制器或使用代码段插件来添加这段代码。
步骤4：使用WPCode添加按钮（推荐）
在WordPress中添加自定义代码的最佳方式是使用WPCode插件。它是最佳的代码片段插件，允许你添加自定义CSS、PHP、HTML等。由于你不会直接编辑主题文件，因此可以避免许多常见的WordPress错误。你还可以更新主题或切换到完全不同的主题而不会丢失自定义代码。如果你想在任何时候删除按钮，只需点击一下即可关闭。
首先，你需要安装并激活免费的WPCode插件。有关更多信息，请参阅我们的分步指南《如何安装WordPress插件》。插件激活后，访问WordPress仪表盘中的代码片段»添加片段页面。
在这里，你会看到所有可以添加到你网站的现成WPCode片段。这些片段包括一个允许你完全禁用评论、上传WordPress通常不支持的文件类型、禁用附件页面等选项。
现在，将鼠标悬停在添加自己的自定义代码（新片段）选项上，并在出现时点击使用片段按钮。
在下一个屏幕上，你需要为代码片段输入一个标题。这只是供你参考，所以你可以随意命名。然后，打开代码类型下拉菜单并选择CSS片段。
完成后，你就可以将下面的CSS代码片段粘贴到WPCode编辑器中：
.menu-button {
background-color:#eb5e28;
border:1px;
border-radius:3px;
-webkit-box-shadow:1px 1px 0px 0px #2f2f2f;
-moz-box-shadow:1px 1px 0px 0px #2f2f2f;
box-shadow:1px 1px 0px 0px #2f2f2f;
}
.menu-button a, .menu-button a:hover, .menu-button a:active {
color:#fff !important;
}添加上述代码片段时，请确保将menu-button替换为你的CSS类名称。上述代码片段会创建一个带阴影效果的橙色按钮，如下图所示。
可以自由地调整CSS片段，以查看你可以创建不同的效果。例如，你可以更改背景色、链接文本颜色、添加边框等。
当你对代码满意时，点击非激活开关，使其变为激活，然后点击保存片段按钮。
现在，如果你访问你的WordPress网站，你会看到新的页眉菜单按钮已生效。
使用定制器添加按钮
如果你不想使用插件，可以使用内置的定制器添加代码。只需访问外观»定制，你会在右侧看到你网站的预览以及左栏中的一堆主题设置。开始将代码添加到其他CSS选项。再一次，你可以使用上面的代码片段作为起点。当你对按钮的外观满意时，点击发布以使更改生效。
额外提示：在WordPress页眉中添加点击拨号按钮
如果你有一个小型商业网站，你可能还想在导航菜单中添加一个点击拨号按钮。这样可以使访问者更容易联系你，甚至可以通过提高网站的搜索引擎排名来提升SEO友好度。要添加此按钮，访问外观»菜单页面，并展开右侧的自定义链接选项卡。在这里输入你的VOIP电话号码，并为它添加标签。然后点击添加到菜单按钮。一旦点击拨号按钮被添加到你的导航链接列表中，不要忘记点击保存菜单按钮以保存设置。有关详细说明，请参阅我们的教程《如何在WordPress中添加点击拨号按钮》。希望这篇文章能帮助你了解如何在WordPress页眉菜单中添加按钮。你还可以参考我们的指南《如何使用WordPress创建登陆页面》和《小型企业的最佳电子邮件营销服务》。如果你喜欢这篇文章，请订阅我们的YouTube频道，获取WordPress视频教程。你还可以在Twitter和Facebook上找到我们。
