您是否正在考虑向 WordPress 标题菜单添加按钮的方法？
基本上，添加按钮会创建更明显的号召性用语。标题上的按钮更容易被用户访问，因为它位于帖子的顶部，所以它绝对是用户访问页面后看到的内容之一。
该系统提供了更好的用户体验并维护了帖子的排名。我们将介绍添加按钮的最简单方法，并提及适合在 WordPress 标题菜单中添加按钮的方法。
WordPress 标题菜单添加按钮的原因
WordPress 导航菜单中的文本是纯文本。此外，添加按钮的主要目的是为用户创建一个简单的路径来实现他们想要的操作，并通过单击将他们定向到特定页面。
此外，添加按钮的另一个主要用途是它们具有吸引力并能立即抓住用户的注意力。简而言之，按钮突出关键点，例如将重要链接更改为按钮通常会使它们更加引人注目。
默认情况下，WordPress 有一个选项可以在帖子和页面中添加按钮。但是，没有用于将按钮添加到导航菜单的内置选项。转到在标题菜单中添加按钮的步骤：
在标题菜单中添加按钮的步骤
步骤如下：
- 导航到外观> > 菜单页面添加导航菜单的链接。
- li>点击右上角的“Screen Options”，会出现一堆选项，需要选择“CSS Classes”选项。
- li> 接下来，向下滚动直到到达菜单，然后单击它以展开要变成按钮的菜单项。在下一页上，您会发现一个新的 CSS 类选项，您需要在其中输入类名。确保保存菜单。
- li> 现在是时候借助自定义代码设计自定义 CSS 类了。首先，前往外观 >> 自定义。
- li> 单击“Additional CSS”选项卡将其展开，您会发现一个框，您需要在其中添加自定义代码。
- li>复制并粘贴下面提到的代码作为起点：
。菜单按钮{
背景颜色：#eb5e28;
边框：1px;
边框半径：3px;
-webkit-box -阴影:1px 1px 0px 0px #2f2f2f;
-moz-box-shadow:1px 1px 0px 0px #2f2f2f;
框阴影:1px 1px 0px 0px #2f2f2f;
p>
}
.menu-button a, .menu-button a: hover, .menu-button a:active {
color: #fff!重要；
}
- 您会立即注意到网站预览中的变化。但是，在您点击“发布”按钮之前，您的真实网站上不会发生任何变化。
因此，您已成功向 WordPress 标题菜单添加了一个按钮。此外，此方法适用于突出显示 WordPress 导航菜单中的任何链接。
总结
最后，我们希望本教程能帮助您在 WordPress 导航菜单中添加一个按钮。此外，如果您想了解有关导航菜单的更多信息，请访问我们的文章“如何向您的 WordPress 网站添加导航菜单？”更多细节。
如何在WordPress标题菜单中添加按钮？首次出现在 WP HowToPress – 你的 WordPress 指南。
