如何在WordPress标题菜单中添加按钮
作者:98wpeu发布时间:2024-01-19分类:WordPress教程浏览:157
是否要在wordpress标题菜单中添加按钮?
通过在主导航菜单中添加一个按钮,您可以使您的网站的行动号召脱颖而出,并为您最重要的页面带来更多流量.这也是将相同的按钮添加到每个页面和帖子的一种简单方法.
在本文中,我们将向您展示如何轻松地将按钮添加到WordPress标题菜单中。


然而,有些链接比其他链接更重要.例如,您可能想要添加一个指向在线订单或您的WordPress会员网站注册页面的链接。
默认情况下,这些重要链接看起来就像标题菜单的其余部分.
你可以把这些链接变成按钮,让它们更吸引眼球.这可以让你获得更多的点击和转化.

默认情况下,您可以使用按钮块在WordPress帖子和页面中添加按钮,但不能将它们添加到导航菜单中。
话虽如此,让我们看看如何将按钮添加到WordPress标题菜单中。

之后,您需要点击屏幕顶部的Screen Options按钮。
这将显示一个具有许多新选项的小组.只需勾选“css类”旁边的框即可。

现在,单击以展开要转换为按钮的菜单项.
您将注意到一个新的css类选项,您可以在其中键入类名.您可以随心所欲地称呼该css类,但在本指南中,我们将使用menu-button
那就是。

输入名称后,点击“保存菜单”按钮保存您的更改.
现在,您已经向菜单项添加了一个自定义的css类,您可以使用自定义的css代码来更改它的外观。你可以通过内置的WordPress定制器或者使用代码片段插件来添加这些代码。
使用WPcode在WordPress标题菜单中添加按钮(推荐)
向WordPress添加自定义代码的最佳方式是使用WPCode。WPCode是最好的代码片段插件,它允许您添加自定义的css、php、html等。
由于您不是直接编辑主题文件,因此可以避免许多常见的WordPress错误。您还可以更新主题或切换到完全不同的主题,而不会丢失您的自定义代码.
如果您想在任何时候移除该按钮,只需一次点击即可将其关闭.
首先,您需要安装并激活免费的WPCode插件。有关更多信息,请参阅我们关于如何安装WordPress插件的分步指南。
激活插件后,请转至代码段?添加代码段那就是。

在这里,您将看到可以添加到站点的所有现成的WPCode代码片段。其中包括一个片段,它允许你完全禁用评论,上传WordPress通常不支持的文件类型,禁用附件页面,等等。
在下一个屏幕上,只需将鼠标悬停在“添加自定义代码(新代码段)”选项上,并在出现时单击“使用代码段”按钮.

在下一个屏幕上,您需要输入代码片段的标题.这只是你的参考,所以你可以用任何你想要的东西.
然后,打开“代码类型”下拉菜单并选择“css代码片段”。

完成这些操作后,您就可以将一段css代码片段粘贴到WPcode编辑器中了:

您可以随意使用这段css代码,以了解您可以创建哪些不同的效果.例如,您可以更改背景颜色、链接文本颜色、添加边框等.
如果您想使用不同的颜色,那么您需要知道该颜色的十六进制代码.如果您不确定要使用什么代码,则可以使用诸如颜色十六进制之类的资源.
当您对代码满意时,点击“非激活”切换,使其变为“激活”,然后点击“保存代码片段”按钮.

现在,如果你访问你的WordPress网站,你会看到新的标题菜单按钮正在运行。
使用定制器在WordPress标题菜单中添加按钮
如果你不想使用插件,那么你可以使用内置的定制器来添加代码.
只需转到外观»自定义,您将在右侧看到站点的预览,并在左侧栏中添加一系列主题设置.
若要开始,请单击“其他css”选项.

现在您将看到一个框,您可以在其中添加自定义的css代码.
同样,您可以使用上面的代码片段作为起点.

当你对按钮的外观感到满意时,点击“发布”使你的更改生效.
我们希望本文能帮助您学习如何在WordPress标题菜单中添加按钮。你还可以阅读我们的指南,了解如何使用WordPress创建登录页面,以及如何为小企业提供最好的电子邮件营销服务。
更多wp网站技巧请关注我们.
- WordPress教程排行
- 最近发表