10 个最佳 WordPress 手风琴插件,可最大限度地利用您网站上的空间

WordPress 手风琴插件可以帮助您改善网站上的阅读体验,尤其是对于移动设备上的用户。

为什么使用 WordPress 手风琴插件

手风琴是一种显示标题堆叠在一起的菜单。读者可以单击其中一个标题来显示隐藏的内容。这个网页设计元素可以将长篇或复杂的页面分解成易于消化的、一口大小的块,并减少用户滚动的次数,尤其是在移动设备上。
它通常用于网站或产品页面上的常见问题解答部分。例如,您经常可以在 WordPress 插件登录页面的底部找到手风琴菜单。

尽管存在普遍的误解,但根据John Mueller 在 Google Webmaster hangout 中的说法,手风琴背后的隐藏内容与搜索引擎的任何其他可见内容一样被编入索引。所以手风琴不会对您的 SEO 产生负面影响。
既然我们了解了手风琴的好处,就很容易理解为什么人们将手风琴添加到他们的网站上了。然而,手风琴的编码可能很困难,因为它需要HTML、 CSS 和 JavaScript 。
如果您没有技术经验或时间从头开始创建手风琴,您可以使用插件。下面的插件将使您能够轻松快速地将此网页设计功能添加到您的 WordPress站点。

WordPress 手风琴插件

1.Easy Accordion
2.Accordion FAQ
3.Accordion
4.Accordion Blocks
5.Lightweight Accordion
6.Accordion and Accordion Slider
7.Iks Menu
8.Bellows Accordion Menu
9.Accordion FAQ WordPress Plugin
10.Ultimate Searchable Accordion

1.Easy Accordion

最适合: 定制
Easy Accordion 是一个免费的 WordPress 手风琴插件,也是最好的 FAQ 插件之一。使用免费版本,您可以创建无限的手风琴、选择激活事件(单击或鼠标悬停)、添加和自定义图标以及更改标题、描述、背景颜色和手风琴的边距。为了更好地控制手风琴的外观,您可以添加自定义 CSS 来覆盖默认样式。
高级版提供更多定制和设计选项,包括:

  • 超过 16 个主题
  • 超过 14 个图标样式集
  • 超过 25 种动画效果
  • 840 多种谷歌字体

2.Accordion FAQ

最适合: 拖放编辑
Accordion FAQ 是另一个用于创建手风琴的免费增值 WordPress 插件。该插件基于 Bootstrap 构建,使您能够制作响应式手风琴菜单并使用拖放构建器对其进行自定义。您可以通过在插件设置中添加自定义 CSS 来进一步自定义它们的外观。
Accordion FAQ 高级版包含更多功能,包括八个设计模板、12 个图标集和 30 个动画效果,用于创建更独特的菜单。

3.Accordion

最适合: 支持搜索的手风琴
Accordion 是官方插件目录中下载次数最多的 WordPress 手风琴插件。使用免费版本,您可以通过短代码在您网站的任何位置显示手风琴,并自定义手风琴图标、标题、内容和容器。该插件也是使用 jQuery 构建的,因此手风琴可以在任何设备上响应。
使用高级版本,您可以通过添加搜索功能、设置自定义背景图像、跟踪点击次数等来创建更高级的手风琴。

4.Accordion Blocks

Accordion Blocks 是一个简单的免费 WordPress 手风琴插件。安装并激活插件后,您将看到一个用于向页面添加手风琴下拉菜单的 Gutenberg 块。例如,每个手风琴都会有一些设置,因此您可以将手风琴设置为在打开另一个项目时自动关闭或将其设置为在页面加载时自动打开。
您还可以添加最多八个 CSS 类来自定义每个手风琴菜单的外观和行为。因此,对于熟悉 Gutenberg 编辑器以及 HTML 和 CSS 的网站所有者来说,这个插件是一个很好的选择。  

5.Lightweight Accordion

最适合: 加载时间
Lightweight Accordion 是将手风琴添加到您的 WordPress 网站的另一个免费选项。使用此插件,您可以使用短代码或古腾堡块在您的网站上显示手风琴。如果您选择使用短代码,则可以控制手风琴是否在加载时打开、标题的标题级别、是否有边框以及是否设置为常见问题解答等选项。
该插件不使用 JavaScript,而且非常轻巧,是优化页面加载时间的理想选择。

6.Accordion and Accordion Slider

最适合: 支持触控的图像手风琴
免费的 Accordion 和 Accordion 滑块插件使您能够创建具有图像的响应式手风琴滑块。
这个插件与其他 WordPress 手风琴插件的不同之处在于它创建了支持触摸的手风琴。也就是说,它们支持移动设备上的触摸滑动和点击手势以及桌面上的鼠标拖动。这样,您可以显示一个独特的图片库,用户可以单击以显示完整图像或继续向右滑动。

7.Iks Menu

最适合: 侧边栏手风琴菜单
Iks Menu 是一款免费增值 WordPress 手风琴插件,专为创建自定义侧边栏手风琴菜单而设计。这些菜单可以使用任何自定义菜单或分类法创建,无论是类别、帖子标签、WooCommerce 产品类别还是其他自定义分类法。您可以自定义任何手风琴的颜色、字体、边距、填充、高度和宽度,并使用 WordPress 小部件、短代码或 PHP 代码显示它们。
高级版提供更多皮肤、图标和动画效果来自定义手风琴菜单的外观。

8.Bellows Accordion Menu

最适合: 自动生成手风琴菜单
Bellows Accordion Menu 也是一个免费增值 WordPress 插件,用于创建带有图标、图像、小部件、自定义内容等的手风琴。您可以通过 WordPress Customizer 自定义和预览手风琴菜单,更改切换图标、文本和背景颜色、填充和字体。
Bellows Pro 的独特之处在于它允许您在插件设置中手动构建手风琴或根据帖子或分类层次结构自动生成它们。这可以节省您的时间,尤其是当您运行一个包含大量帖子和页面的大型网站时。

9.Accordion FAQ WordPress Plugin

最适合: 手风琴风格选项
Accordion FAQ WordPress 插件是一个高级插件,可用作独立的手风琴插件或Elementor 或 WPBakery Page Builder 的附加组件。它的主要功能包括无限的配色方案、分页和手风琴元素的拖放排序。  
凭借超过 22 种选项卡设计,此插件提供了列表中所有 WordPress 手风琴插件中最多的样式选项。

10.Ultimate Searchable Accordion

最适合: 使用 WPBakery Page Builder 的网站所有者
Ultimate Searchable Accordion 是一种高级工具,可让您创建响应式和可搜索的手风琴菜单。您可以从六种配色方案和 14 种动画效果中进行选择,使菜单更具吸引力和互动性。
与此列表中的其他插件不同,Ultimate Searchable Accordion 是 WPBakery Page Builder 插件的高级插件。因此,它最适合已经在使用页面构建器并希望扩展其功能的网站所有者。

选择你的 WordPress 手风琴插件

手风琴可以帮助您最大限度地利用网页空间,同时改善阅读体验。使用上面的任何 WordPress 手风琴插件都可以让您获得将手风琴融入您的网页设计的好处,而无需从头开始编写代码。

Newsletter Updates

Enter your email address below and subscribe to our newsletter

留下评论

您的电子邮箱地址不会被公开。 必填项已用 * 标注