20个WordPress最佳选项卡和Accordion插件推荐（免费和高级版）

wordpress 选项卡和Accordion（手风琴）插件 

1. Accordion滑块 PRO

您只需要 Accordion Slider Pro 即可创建流畅的演示文稿，让您的网站参与度飙升。图像、YouTube 视频和 Vimeo 视频将在灯箱窗口中打开。这些图像可以进行深度链接，也可以在 Facebook、Twitter 或 Pinte rest上共享。您可以调整滑块的宽度和高度，添加图像标题和描述，并采用平滑缩放效果。这些描述将被搜索引擎索引并提高您的 SEO 排名。该插件将适应任何设备、屏幕和方向的宽度。它具有全角或居中选项。

2.  WordPress 手风琴常见问题插件

使用此插件，您可以预测并为访问者的问题提供易于理解、易于查找的答案。FAQ 部分可以设置为手风琴、列表或多列。选择 Accordion 布局以在点击时显示答案，选择列表布局以在问题下方显示答案，或选择多列布局以自动将内容分散到列中。从四种可自定义的样式和 36 个类别图标中进行选择。您可以修改问题文本、答案文本和类别名称。该插件已准备好架构，可帮助提升您的 SEO。 

3.  Elementor 手风琴常见问题解答

这个 Elementor 小部件只需单击几下即可向您的网站添加一个常见问题手风琴，并对其进行自定义以适合您的网站设计。您可以使用五个可自定义的模板中的任何一个来构建您的手风琴。您可以为您的问题块自动添加架构标记，并且该信息将在 Google 搜索中显示为丰富的片段。不要忘记通过自定义字体、颜色、版式、对齐方式等来使您的文本充满活力。有一个图标库供您使用，包括svg。

您的常见问题解答在所有设备和所有现代浏览器上看起来都很棒。 

4.  Elementor 的手风琴页脚菜单小部件

感谢 Accordion 页脚菜单小部件，您无需编码技能即可为您的桌面和移动网站构建出色的页脚菜单。使用 Elementor 的这种响应式自定义列表菜单小部件构建的菜单可在桌面和移动设备上完美运行。在桌面上，它们将显示为扩展菜单，在移动设备上它们将变成折叠的手风琴。您可以设置标题、排版和图标的样式，以唤起您网站的感觉。  

5.  woocommerce 的产品标签

此插件允许您使用csv文件中的表格创建woocommerce产品页面选项卡，您可以轻松更新这些表格。这些选项卡支持图像、视频、文本、html或简码。您还可以从产品元键甚至条件选项卡轻松创建选项卡。该插件支持翻译。 

6.  Elementor 的 WooCommerce 产品选项卡

使用 WooCommerce 产品选项卡，您可以快速轻松地为您的 WooCommerce 产品创建选项卡。

特点包括： 

• 每个选项卡的自定义颜色 

• 反应灵敏

• 动画

• 翻译就绪（包括 .po/.mo 文件）

7. 手风琴常见问题 WordPress 插件

Accordion FAQ WordPress 插件允许您在您的网站上展示一个有吸引力的常见问题解答部分，并让您的访问者满意。拖放使您可以轻松构建多个常见问题解答页面、重新排序每个类别、在手风琴和列表样式之间进行选择，以及自定义常见问题解答的呈现方式。您可以修改颜色、图标、边框半径和字体大小。您还可以使用简码生成器设置常见问题解答。该插件可使用 Poedit 工具进行翻译。它也有据可查。 

8.  Visual Composer 的优雅标签

Elegant Tabs for Visual Composer 是 WPBakery WordPress 插件（以前称为 Visual Composer）的附加组件。这个 WordPress 选项卡式内容小部件可让您将任何短代码添加到多个选项卡，并提供大量自定义，例如不同部分或选项卡的不同颜色、图标和背景。它的最佳功能包括：

• 垂直标签

• 在选项卡内容中拖放任何 WPBakery 元素

• 支持深度链接

• 十种不同风格的标签和无限的变化

• 和更多

优雅的选项卡 也可用于 Fusion Builder、  WooCommerce、  Cornerstone和 Beaver Builder。

9. 侧边栏：绿色弹出窗口插件

与此列表中的大多数插件略有不同，Side Tabs 提供了您期望从 WordPress 标签插件中获得的功能，但它们不是存在于您网站的内容中，而是位于您的屏幕边缘。这种独特的展示创造了许多不寻常的用途。

您可以使用侧选项卡的最有趣的方式之一是在整个页面（或多个页面）中为内容提供一个常量访问点。除此之外，这个 WordPress 选项卡式内容小部件也是一个很好的工具，可以提供行动号召和类似内容，而不会太打扰。

拥有大量开箱即用的自定义和动画选项，这是 WordPress 最好的选项卡插件之一。对于希望以全新方式向其网站呈现信息的任何人来说，它都非常适用。此附加组件需要安装Green Popups 7.0或更高版本。

10.  Easy Side Tab Pro：适用于 WordPress 的响应式浮动标签插件

使用Easy Side Tab Pro，您可以轻松创建标签以粘贴到站点的垂直或水平边缘。当用户点击一个标签时，相关的内容就会弹出。

从后端界面，您可以通过选择各种形状并添加动画和过渡来自定义 15 种新更新的模板设计。您可以为每个选项卡分配功能，例如 Twitter 提要、社交分享图标、最近的帖子、WooCommerce 产品、自定义简码、订阅表单以及内部或外部链接。最新更新包括滚动导航和mailchimp集成。 

11.  BWL 知识库管理器 WordPress 手风琴

这是我们拥有的 WordPress 最好的标签插件之一。WordPress 选项卡插件用户友好、快速且响应迅速。人们喜欢这个 WordPress 选项卡式内容小部件，因为：

• 无需配置

• 响应式网格系统

• 基于ajax的搜索系统

• 动画和响应式标签

• 广泛的选项面板

• 无限定制

• 终身支持和更新

12. 响应式可搜索 3 级手风琴

响应式可搜索 3 级手风琴是一个简单的 WordPress 手风琴插件，可以在您网站的任何地方使用。它将吸引那些希望在帖子、侧边栏、页脚等中以手风琴风格排列内容的用户。这款手风琴和手风琴滑块的最佳功能是：

• 可用作小部件或简码

• 三个嵌套级别可用

• 五个现成的造型选择

• 允许用户输入搜索的短语

Responsive Searchable 3 Level Accordion For WordPress 是一个低调的手风琴插件，其出色的功能（如三级支持和可搜索内容）确实让它与众不同。

13.  WordPress 的 css3 手风琴

这个手风琴 WordPress 插件小部件完全基于css 3。它是 WordPress 最好的手风琴插件之一，因为它带有直观的管理面板、水平和垂直布局以及无限的颜色皮肤。 

可展开部分可以包含各种不同的内容，例如列表、图像或自定义 HTML。

14.  Everest Tab：WordPress 的响应式标签插件

使用 Everest Tab，您可以在内容中显示选项卡，甚至可以轻松地将您自己的自定义 HTML 内容转换为选项卡式布局。您还可以创建无限的选项卡并添加选项卡组件，例如 HTML、社交提要、最近的帖子、WooCommerce 产品、联系表、谷歌地图集成和外部简码。此外，您可以为标签启用深度链接。 

15.  ZF WordPress 类别手风琴

这个 WordPress 手风琴插件旨在通过更好的导航体验来改进您的 WooCommerce 网站。 

ZF WordPress 类别手风琴插件允许您将所有类别显示为 WooCommerce 类别手风琴。看看这个 WordPress 手风琴的好功能：

• 支持 WooCommerce 类别手风琴

• 支持 WordPress 类别手风琴

• pages 手风琴（手风琴菜单）

• 翻译就绪

• 支持简码和小部件

• 手风琴手风琴

• 七种默认配色方案

2022 年 5 个免费的 Tab 和 Accordion WordPress 小部件和插件可供下载

如果您没有预算或者只是想要一些简单的东西，请查看这些适用于 WordPress 的免费选项卡和手风琴插件。

1. 手风琴

此手风琴插件可以帮助您创建网站的不同部分，包括但不限于常见问题解答、知识库和问答部分。您可以更改每个手风琴的颜色、字体大小和图标。

2. 简码终极版

Shortcodes Ultimate 允许您向您的网站添加许多工具。您可以轻松创建选项卡、按钮、框、滑块和轮播以及响应式视频。该插件附带 50 多个短代码供您实施。 

3. 静噪标签和手风琴简码

通过使用简码，您可以添加水平手风琴、垂直手风琴和制表符。这个免费插件将帮助您节省网页空间，使您的网站看起来更专业，并为您的网站添加交互式组件。

4. 简易手风琴

Easy Accordion 是一个响应式拖放手风琴构建器，可帮助您在 WordPress 网站上显示多个手风琴。无需编码即可将手风琴添加到您的网站，因为所有内容都是通过短代码添加的。

5.  Arconix 简码

Arconix Shortcodes 是一个非常通用的手风琴插件，如果你买不起任何高级插件，它是必备的。使用这个插件，您不仅可以添加手风琴，还可以添加样式框、按钮、选项卡、无序列表、列等等。

如何向您的网站添加常见问题解答手风琴

在这个例子中，我们将使用我们最好的 WordPress 手风琴插件之一为我们的在线商店创建一个常见问题解答部分。 

首先，我们需要为我们的 FAQ 手风琴创建一个类别，以便插件知道要添加到每个特定手风琴的内容。安装 Accordion FAQ WordPress 插件后，前往 WP Dashboard > FAQ > Categories。 在名称字段中，我们将输入“在线商店”并单击“ 添加新类别” 按钮。 

接下来，我们将点击 WP Dashboard > FAQ > Add New。 我们将以这种方式添加我们的三个常见问题解答条目。我们将在标题中包含问题，在文本编辑器中包含答案。 

对于我们的每个条目，我们将确保单击 我们创建 的类别“在线商店”旁边的复选框，以确保将条目分组在一起。

一旦我们为我们的在线商店添加了三个常见问题解答条目，就可以将手风琴小部件添加到页面中了。在现有或新页面或帖子上，单击  文本编辑器顶部的添加简码按钮。 从 选择简码 下拉菜单中选择 插入常见问题解答。从这里开始，我们将获得一组基本设置供我们更改。我们将从 常见问题类别 选项 中选择在线商店 类别 并将图标背景颜色更改 为蓝色。 

单击 插入简码 按钮，简码将添加到文本编辑器中。FAQ 手风琴现在将显示在您的网页上，供所有用户查看！