如何在 WordPress 中创建可折叠的侧边栏菜单

已发表: 2022-05-10

如今,许多 WordPress 网站所有者决定创建一个可折叠的侧边栏菜单。 如果您正在运营一个巨大的网站或电子商务商店,这可能是您的理想解决方案。 为了帮助您在您的网站上设置此功能,我们咨询了 WordPress 专家团队,并在本文中进一步准备了详尽的指南。 但首先,我们将解释什么是可折叠侧边栏菜单以及为什么要将它放在您的网站上。

什么是 WordPress 中的可折叠侧边栏菜单,您应该何时创建它?

最人性化的菜单允许访问者快速访问他们需要的所有链接。 但是,对于具有大量页面或更复杂布局的站点,这可能非常困难。

左手拿着咖啡杯并用右手浏览带有可折叠侧边栏菜单的 WordPress 网站的人
如果您在 WordPress 网站上创建可折叠的侧边栏菜单,您将使其更加用户友好。

试想一下亚马逊或 eBay,它们是拥有大量产品类别和子类别的大型电子商务企业。 仔细想想——把每一个产品类别都放在一个共同的菜单上并不是一个好主意。 您需要滚动一段时间才能找到您要查找的类别。

这是可折叠侧边栏菜单派上用场的完美示例。 它们允许您以父子关系组织内容,因此当您的客户单击父链接时,它将展开以显示所有子类别或子类别。

请记住,可折叠侧边栏菜单也称为可扩展菜单。 如果您遇到这个术语,知道它代表相同的事物会很有用。 该名称显然与以下事实有关:当您的一位访问者点击您网站上的某个部分时,菜单会展开。

可折叠的侧边栏菜单可帮助您使您的网站更加用户友好,因为它们隐藏了访问者的大量内容和复杂性。 您将帮助他们避免浏览大量类别和子类别,并且您网站上越来越多的访问者将显示他们对此的欣赏程度。

除了为您的网站提供专家级服务外,我们还愿意分享我们的知识和经验。 因此,以下是如何在 WordPress 中快速轻松地创建可折叠的侧边栏菜单。

在 WordPress 中创建可折叠侧边栏菜单的最简单方法

向您的网站添加可折叠侧边栏菜单的最简单快捷的方法是使用 Bellows Accordion Menu 插件。 此插件允许您将可折叠的侧边栏菜单添加到任何页面、帖子或小部件位置,包括您的侧边栏

笔记本电脑的左上角,上面打开了 WordPress 仪表板和插件
Bellows Accordion Menu 插件允许您在 WordPress 中快速轻松地创建可折叠的侧边栏菜单。

第一步当然是安装和激活插件。 要开始创建可折叠的侧边栏菜单,请转到“外观”并在 WordPress 仪表板激活后单击“菜单”页面。

然后,填写“菜单名称”部分。 请记住,这仅供您使用,您的访问将无法看到它。 这意味着您可以选择任何您想要的名称,而不必将其连接到任何类别。 完成后,只需单击“创建菜单”按钮。

下一步是选择要包含在可折叠侧边栏菜单中的页面。 默认情况下,WordPress 只显示您最近的页面,但是,如果您单击“查看全部”选项,您将看到您的所有帖子。 或者,您也可以使用“全选”按钮,并使用所有页面自动填充可折叠菜单。

决定添加哪些页面后,单击“添加到菜单”选项。 您甚至可以添加自定义链接或选择特定主题或博客类别。 您可以在我们关于在 WordPress 中添加导航菜单的文章中了解更多相关信息。

将页面添加到菜单后,您可以通过简单的拖放来移动它们并切换它们的顺序。

可折叠侧边栏菜单中的父子关系

可折叠菜单的重点是父子连接。 每当您的访问者将鼠标悬停在菜单中的父类别上时,它就会展开并为他们提供选择子类别之一的选项,

添加子页面很简单,只需将它们拖放到父页面下方即可创建这种关系。 现在,您需要将该可折叠菜单添加到您的 WordPress 侧边栏。 为此,您必须使用 Bellows Accordion Menu 插件将为您生成的简码。

转到“外观”,然后单击“波纹管菜单”,您将获得您的简码,但请确保选择“显示全部”选项卡。 现在,您可以选择将突出显示整个代码的简码框。 复制代码,因为您需要将其粘贴到小部件中。 转到“外观”然后“小部件”并查找侧边栏选项。

找到侧边栏区域后,单击它,因为它会展开。 您将能够添加块,但您需要找到简码之一。 找到它后,只需粘贴您复制的代码,然后单击“更新”图标。 您已成功将可折叠菜单添加到您的网站。

穿着白色衬衫的女人坐在沙发上,拿着信用卡,在网上购物
在 WordPress 中添加可折叠的侧边栏菜单将帮助您吸引和留住客户。

这个插件最好的事情之一是它允许您轻松自定义默认菜单。 您可以选择不同的颜色并使用设计,直到您创建适合您网站的东西。 只需转到“外观”,然后单击“自定义”即可开始。

底线

我们希望我们的指南能帮助您了解为什么以及如何在 WordPress 中创建可折叠的侧边栏菜单。 如您所见,这是一个非常简单明了的过程,因此即使您是初学者,也不应该有任何问题。 或者直接联系 WP Full Care 团队,获得免费咨询,并决定为您的网站提供应有的专家服务。