2022 年 7 個最佳 WordPress 手風琴塊插件（大部分免費）

您在尋找最好的 WordPress 手風琴塊插件嗎？ 如果是，那麼您來對地方了。

WordPress 手風琴有助於改善您的網站訪問者的用戶體驗。 折疊式標籤佈局有助於輕鬆快速地閱讀任何帖子。 因此，您的網站訪問者將輕鬆輕鬆地找到您的內容。 這導致跳出率較低。

然而，有很多 WordPress 手風琴塊插件具有驚人的功能，選擇一個可能很麻煩。 因此，我們精心挑選了市場上最好的 WordPress 手風琴塊插件。 最重要的是，其中大部分都是免費的。

事不宜遲，讓我們開始吧！

為什麼需要手風琴積木？

Accordion 塊插件以緊湊或可折疊的形式顯示文本內容，減少長滾動。 此外，您可以使用手風琴塊來顯示產品描述、常見問題解答等內容。

此外，您可以根據您的網站設計自定義背景顏色、容器顏色、切換動畫、條件切換等。

WordPress 網站中手風琴塊的更多用途是：

• 通過文本內容的交互式交付來增強用戶體驗。
• 通過壓縮大量文本的內容和長博客來簡化並使您的博客具有可讀性。
• Accordion 塊改善了小屏幕設備的閱讀體驗。
• 此外，手風琴塊是頁內鏈接的一個很好的替代品。
• 此外，當您需要按嵌套項進行分類時，手風琴塊很有幫助。

因此，如果您想最小化網站內容的長度，那麼您可能希望使用手風琴塊。 現在，讓我們查看 2022 年 7 個最佳 WordPress 手風琴塊插件列表。

那麼，讓我們繼續吧！

2022 年 7 個最佳 WordPress 手風琴塊插件

在這裡，我們列出了一些 2022 年最好的 WordPress 手風琴塊插件。它包括每個插件的完整描述、功能、定價和構建過程。 因此，請徹底檢查它們並選擇適合您的那個。

1. Accordion Blocks – WordPress 插件

Accordion Blocks 是一個直觀的插件，可讓您將 Gutenberg 塊添加到您的 WordPress 網站。 此外，您可以創建和發布手風琴塊以及 HTML 標題。 此外，您可以使用自定義 HTML 和 CSS 編輯手風琴以進行深入自定義。

主要特徵：

• 您可以在打開另一個項目時啟用當前手風琴項目的自動關閉。
• 此外，您可以根據需要嵌套手風琴物品。
• 手風琴項支持使用 wp.blocks.registerBlockStyle 自定義塊樣式。
• 此外，您可以選擇默認打開任何手風琴項。
• 此外，您可以將默認值設置為新項目或設置特定的手風琴功能。

創建手風琴：

現在，要使用此插件，您只需在 WordPress 儀表板上搜索即可。 然後，安裝並激活插件。 然後，轉到您的帖子，單擊右上角的“+”按鈕，然後選擇Accordion items 。 手風琴塊將出現在您的帖子中，如下圖所示。

此外，它帶有許多自定義選項，如單擊關閉、自動關閉、默認打開等。您還可以設置滾動像素偏移。

如果您想清楚地了解，可以查看我們關於如何安裝 WordPress 插件的文章。

價錢：

這個插件是免費使用的。 您可以從 WordPress.org 的官方插件存儲庫下載此插件。 或者直接在您的 WordPress 儀表板上安裝插件。

2.可堆疊

Stackable 是另一個流行的 WordPress 阻止編輯器兼容插件，可讓您添加很棒的可折疊手風琴塊。 因此，您可以輕鬆地在您的網站上發布大量文本的常見問題解答或其他內容。 此外，還有 5 種不同的手風琴項目樣式可供選擇。

主要特徵：

• 您可以在手風琴項目中添加運動效果以獲得很棒的體驗。
• 手風琴項目完全響應以適應所有屏幕尺寸。
• 此外，您可以將自定義 CSS 添加到項目以進行自定義。
• 能夠將您的 SVG 項目添加為圖標。
• 此外，您可以從預建項目中進行選擇，以加快您的網站開發。

創建手風琴：

您可以在儀表板上上傳從 WordPress.org 獲得的插件，然後安裝並激活該插件。 現在，轉到您的帖子，並通過單擊右上角的“+”從 Stackable 中選擇手風琴。 手風琴塊將顯示在您的帖子上，您可以選擇默認、普通等佈局開始。 這裡我們選擇默認佈局。

之後，您可以從添加標題開始，例如“New Block” ，然後將描述添加到您的標題中。 使用可堆疊，您將擁有 3 個自定義選項， “塊”、“樣式”和“高級”。 您可以自定義排版、顏色、背景、標題、塊位置等所有內容。

價錢：

Stackable 是一個免費增值插件，您可以從 WordPress.org 的官方插件存儲庫下載該插件的免費版本。

但是，有一個高級版本的 Stackable 可用。 您可以從 4 種定價計劃中的任何一種中進行選擇：

• 個人：單個網站每年 49 美元。
• 商業：三個站點每年 99 美元。
• 代理： $149 每年無限網站。
• 代理終身：一次性費用為 499 美元。

3.高級手風琴古騰堡座

Advanced Accordion Gutenberg Block 是適用於您的 WordPress 網站的最小且快速的手風琴插件。 此外，您可以從 3 種類型的手風琴塊中進行選擇，組、單獨和單個。 此外，您可以使用自定義邊距、填充、背景顏色等來設置手風琴項的樣式。

主要特徵：

• 這個插件經過了很好的優化，可以以閃電般的速度運行。
• 它還支持所有類型的內容，如文本、圖像等。
• 手風琴項目對 SEO 友好，可幫助您的網站排名更高。
• 此外，您可以向您的網站添加無限的常見問題解答。
• 此外，您還可以添加無限的嵌套手風琴。

創建手風琴：

它可以從您的 WordPress 儀表板輕鬆獲得。 因此，轉到插件菜單，然後搜索Advanced Accordion Gutenberg 。 然後安裝並激活插件。 之後，轉到您的帖子，然後單擊“+”按鈕。 之後，您將有 2 個選項，“單獨塊”和“組塊”，選擇一個。 在這裡，我們選擇了單獨的塊選項。

使用此插件，您將擁有大量自定義選項，例如標題顏色、標題背景、圖標顏色等等。 您還可以將您的塊變成一個鏈接的手風琴，因此當您單擊時它會打開鏈接。

價錢：

這是一個免費的 WordPress 插件。 您可以從 WordPress.org 的官方插件存儲庫下載此插件。 從您的 WordPress 儀表板安裝很容易。

4.古騰堡的基本塊

Essential Blocks for Gutenberg 是一個流行的手風琴 WordPress 插件。 此外，此插件可讓您在網站的任何位置添加漂亮的手風琴。 此外，這些手風琴項目是交互式的，並且可以選擇啟用切換圖標。

主要特徵：

• 從圖標列表中為您的手風琴項目選擇圖標。
• 您可以自定義手風琴項的背景顏色。
• 能夠自定義手風琴內容的字體系列。
• 此外，您可以更改手風琴項動畫的切換速度。
• 此外，手風琴項目響應迅速，適合所有屏幕尺寸。

創建手風琴：

要開始使用，請從 WordPress.org 下載插件並將其上傳到您的 WordPress 儀表板。 或者直接安裝激活。 現在，打開或創建一個新帖子，單擊“+”按鈕並從 Essential blocks 中選擇手風琴。 手風琴塊將出現在您的帖子中，現在您可以根據需要編輯塊。

在定制方面，它帶有 3 個選項， “通用”、 “樣式”和“高級”。 在這裡您可以管理切換速度、手風琴間隙、圖標等。您還可以更改背景類型、顏色和圖像。

價錢：

古騰堡的基本塊是一個免費使用的插件。 您可以從 WordPress.org 的官方插件存儲庫下載該插件。

5.終極塊

Ultimate Blocks 是一個用戶友好的 WordPress Gutenberg 塊插件，可幫助您將手風琴項目添加到您的博客站點。 您可以在手風琴中添加內容，這有助於您的訪問者在沒有長文本的情況下閱讀。

主要特徵：

• 此插件可幫助您輕鬆創建嵌套的手風琴項目。
• 此外，您可以自定義手風琴項的容器和標題顏色。
• 此外，您可以將初始狀態設置為折疊或非折疊。
• 此外，您可以選擇啟用項目的常見問題解答模式。
• 它允許您在手風琴的左側或右側設置切換圖標。

創建手風琴：

您可以從 WordPress 儀表板輕鬆搜索和安裝插件。 激活插件後，轉到您現有的帖子或創建一個新帖子。 現在，單擊帖子右上角的“+”圖標以添加來自終極塊的內容切換。

之後，您可以通過添加標題和創建任意數量的內容切換來開始編輯您的塊。 在自定義方面，您可以更改選項卡、位置、圖標等的顏色。

價錢：

這個插件是100%免費使用的。 您可以從 WordPress.org 的官方插件存儲庫下載此插件。

6. Kadence Blocks 的 Gutenberg Blocks

如果您想創建一個令人驚嘆的包含手風琴的 WordPress 網站，那麼 Kadence 的 Gutenberg Blocks 就是您的最佳選擇。 這個插件帶有大量獨特的塊，包括手風琴塊。 使用它，您可以創建精美的內容，提供出色的用戶體驗。

主要特徵：

• 您可以從手風琴項目的 4 種預建設計中選擇一種。
• 此外，您還可以控制背景和顏色選項。
• 它還帶有啟用常見問題解答模式的選項。
• 此外，您可以將自定義 HTML 和 CSS 添加到手風琴項。
• 它允許您從手風琴項目的 4 對切換觸發器中進行選擇。

創建手風琴：

您可以從 WordPress 儀表板上的插件菜單輕鬆安裝和激活此插件。 要將手風琴標籤添加到您的帖子中，首先，轉到您的帖子，單擊“+”圖標並從Kadence 塊中選擇手風琴。 之後，您可以選擇手風琴風格或直接跳過。 在這裡，我們將選擇第二個選項。

之後，您可以從塊標題開始自定義。 您還可以根據需要為您的帖子添加更多手風琴。 您可以從line或solid icons中選擇標題圖標。 此外，決定在哪裡找到塊上的標題圖標等等。

價錢：

這是一個免費增值插件，您可以從 WordPress.org 的官方插件存儲庫下載該插件的免費版本。

但是，您可以從其官方網站購買該插件的高級版本。 您可以從 3 種年度定價選項中進行選擇。

• Kadence Blocks Pro：每年只需 89 美元，您就可以在無限站點上使用所有塊，並提供 1 年的支持和更新。
• Essential Bundle：每年只需 149 美元，您就可以在無限站點中使用 Kadence Blocks Pro、Kadence Theme Pro 和 Pro Starter Templates 的捆綁包，並提供 1 年的支持和更新。
• 完整捆綁包：每年只需 219 美元，您就可以在無限站點中獲得包含 Kadence Cloud、Kadence AMP 等的 Essential Bundle 的功能，並提供 1 年的支持和更新。

7.Getwid

如果您正在尋找一系列古騰堡積木，那麼 Getwid 就是您的最佳選擇。 它帶有 40 多個 Gutenberg 積木，包括一個手風琴積木。 使用此塊，您可以使用手風琴選項卡創建常見問題解答部分。 此外，您還可以使用 Gutenberg 塊對常見問題解答中的信息進行分類。

主要特徵：

• 標題是完全可定制的。
• 您可以在 Gutenberg 塊的幫助下在手風琴內添加內容。
• 此外，它還為手風琴選項卡提供自定義圖標對齊方式。
• 也可以使用切換塊，為常見問題部分添加手動可擴展和可折疊的切換。

創建手風琴：

從 WordPress.org 下載插件後，您可以從 WordPress 儀表板上傳、安裝和激活此插件。 然後，點擊 在您的帖子編輯器中的“+”圖標上單擊Getwid Blocks中的“Accordion” 。

之後，您需要指定手風琴項目的數量並單擊“創建”按鈕。 或者您可以使用默認的手風琴項目數“3” 。

現在，您可以首先向手風琴選項卡添加一個圖塊。 此外，此插件可讓您自定義圖標樣式及其位置。

價錢：

Getwid 是一個免費的 WordPress 塊插件，可在 WordPress.org 的官方存儲庫中找到。 您也可以從其官方網站免費下載此插件。

結論

就是這樣，伙計們！ 我們已經到了本文的結尾。

在這裡，我們討論了7 個最好的 WordPress 手風琴塊插件，它們的功能、定價和構建過程。

在上面列出的插件中，我們想向您推薦 Stackable 插件。 那是因為它允許您創建具有大量樣式選項的令人驚嘆的手風琴。 此外，此插件提供了構建出色網站所需的功能。

我們希望這將幫助您為您的網站選擇最好的 WordPress 手風琴塊插件。 如果您正在使用這些插件中的任何一個，請在下面的評論部分分享您的經驗。

另外，如果您有任何疑問，請隨時在評論中提及。 我們會盡快回复您。 最後，如果你喜歡這篇文章，那就分享給你的朋友和同事吧。

您可能還喜歡我們關於最佳 Gutenberg 塊插件和 WordPress 塊模式的文章——如何使用它們來設計您的頁面。

不要忘記在 Facebook 和 Twitter 上關注我們以獲取更多有用的文章。