如何在 WordPress 中添加自定义 HTML 菜单

在 WordPress 中，你可以通过导航菜单来管理网站的页面、分类目录、自定义链接等。但是，有时候你可能需要添加一些自定义内容或 HTML 代码到导航菜单中。本篇文章将介绍如何在 WordPress 中添加自定义 HTML 菜单。

步骤一：创建一个自定义菜单

在 WordPress 后台，依次点击“外观”=> “菜单”，或者直接访问 your-website.com/wp-admin/nav-menus.php ，进入菜单管理页面。如果你还没有创建导航菜单，可以点击“创建菜单”，输入菜单名称，然后点击“创建菜单”按钮。

此时，你会看到一个新的菜单项出现在页面上。接下来，我们就可以为它添加自定义 HTML 代码了。

步骤二：添加自定义 HTML 代码

在菜单管理界面，你可以看到你网站中的全部页面、分类目录和自定义链接。此外，你还将在页面顶部看到一个名为“自定义链接”的下拉框。你需要点击它来添加自定义 HTML 菜单项。

点击下拉框后，你会看到一个名为“链接文本”的输入框和一个名为“链接 URL”的输入框。在“链接文本”中，输入你要显示的自定义菜单项名称；在“链接 URL”中，输入你要添加到菜单中的自定义 HTML 代码。

例如，如果你想在菜单中添加一个链接到 Facebook 的图标，可以在“链接文本”中输入“Facebook”，在“链接 URL”中输入如下 HTML 代码：

<i class="fab fa-facebook"></i>

其中，“fab fa-facebook”是 Font Awesome 字体图标库中 Facebook 图标的 CSS 类。如果你需要添加其他图标，可以在 Font Awesome 的官方网站查找对应的 CSS 类。

添加完自定义 HTML 代码后，点击“添加到菜单”按钮，然后将该菜单项拖动到所需的位置即可。

步骤三：保存菜单

在添加完所有需要的自定义 HTML 菜单项后，你需要点击“保存菜单”按钮来保存你的更改。这样，这些自定义菜单项就会出现在你的导航菜单中了。

总结

添加自定义 HTML 菜单项是一种非常方便的方法，可以让你在不使用插件的情况下轻松地向你的网站中添加其他内容。希望本篇文章对你有所帮助！