使用 WPCode 创建的 WordPress 菜单示例
Posted: Tue Jun 17, 2025 10:43 am
现在,如果您访问您的网站,您将看到新的实时菜单。
方法 2:使用 CSS 选择器设置第一个和最后一个元素的样式(适用于所有主题)
如果您不想使用代码片段插件,可以使用 CSS 选择器来设置第一个和最后一个菜单项的样式。不过,此方法可能不适用于某些旧版浏览器,例如 Internet Explorer。
因此,使用不同的浏览器测试您的 WordPress 网站是一个好主意。
要遵循此方法,您需要向主题的样式表或WordPress 主题定制器的“附加 CSS”部分添加一些代码。
如果您以前从未这样做过,请查看我们的指南,了解如何轻松地将自定义 CSS 添加到您的 WordPress 网站。
第一步是编辑主题的 style.css 文件或转到“外观””个性化”,然后单击“附加 CSS”。
在 WordPress 中一键使用
您可以根据需要随意自定义代码。在下面的示例中,我们将第一个和最后一个链接变 顶级电子邮件列表 成了按钮。
它看起来是这样的:
在块主题中插入自定义 CSS,用于第一个和最后一个导航链接样式
我们希望本教程能帮助您了解如何在 WordPress 导航菜单中添加 .first 和 .last 类。您也可以查看我们关于如何在 WordPress 中创建垂直导航菜单的文章,以及关于在 WordPress 网站上创建下拉菜单的新手指南。
如果您喜欢这篇文章,请订阅我们的YouTube 频道,观看 WordPress 视频教程。您也可以在Twitter和Facebook上找到我们。我们经常看到这样的情况:WordPress 用户想要重命名他们的类别,但又担心这会破坏他们的网站。这种担忧是合理的。我们见过很多案例,不恰当的类别更改导致了链接失效和流量损失。
方法 2:使用 CSS 选择器设置第一个和最后一个元素的样式(适用于所有主题)
如果您不想使用代码片段插件,可以使用 CSS 选择器来设置第一个和最后一个菜单项的样式。不过,此方法可能不适用于某些旧版浏览器,例如 Internet Explorer。
因此,使用不同的浏览器测试您的 WordPress 网站是一个好主意。
要遵循此方法,您需要向主题的样式表或WordPress 主题定制器的“附加 CSS”部分添加一些代码。
如果您以前从未这样做过,请查看我们的指南,了解如何轻松地将自定义 CSS 添加到您的 WordPress 网站。
第一步是编辑主题的 style.css 文件或转到“外观””个性化”,然后单击“附加 CSS”。
在 WordPress 中一键使用
您可以根据需要随意自定义代码。在下面的示例中,我们将第一个和最后一个链接变 顶级电子邮件列表 成了按钮。
它看起来是这样的:
在块主题中插入自定义 CSS,用于第一个和最后一个导航链接样式
我们希望本教程能帮助您了解如何在 WordPress 导航菜单中添加 .first 和 .last 类。您也可以查看我们关于如何在 WordPress 中创建垂直导航菜单的文章,以及关于在 WordPress 网站上创建下拉菜单的新手指南。
如果您喜欢这篇文章,请订阅我们的YouTube 频道,观看 WordPress 视频教程。您也可以在Twitter和Facebook上找到我们。我们经常看到这样的情况:WordPress 用户想要重命名他们的类别,但又担心这会破坏他们的网站。这种担忧是合理的。我们见过很多案例,不恰当的类别更改导致了链接失效和流量损失。