前言介紹
- 這款 WordPress 外掛「Advanced Accordion Gutenberg Block」是 2021-03-19 上架。
- 目前有 7000 個安裝啟用數。
- 上一次更新是 2025-04-26，距離現在已有 7 天。
- 外掛最低要求 WordPress 5.7 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
- 有 28 人給過評分。
- 論壇上目前有 5 個提問，問題解答率 80% ，不低，算是個很有心解決問題的開發者團隊了！
外掛協作開發者
mdjwel | spiderdevs |
外掛標籤
faq | faqs | Accordion | faq block | accordion block |
內容簡介
Advanced Accordion Gutenberg Block 是一個自定義的原生 Gutenberg 區塊，允許您在網站文章和頁面上使用 Gutenberg 編輯器輕鬆構建常見問題解答部分或手風琴。
視頻概述
主要特點
自定義極簡設計
超快速、輕量級和優化
連結手風琴
使用 Gutenberg 原生組件構建
無限嵌套手風琴
使用自定義邊距、內距、邊框半徑、顏色、背景、標籤選擇等進行無限的樣式設置
高度可定制，有很多選項
支持手風琴主體內容的所有內容類型
自定義調色板
頁面加載時啟用的活動手風琴
響應式，友好的 SEO
無限常見問題解答
無限的重複使用
如何使您的區塊與升級版本（4.0.0）兼容
觀看這個視頻
版本 4.5.0 帶來了很多功能和清潔度。您可以將其稱為下一級手風琴 / 常見問題解答區塊。如果您更新現有的區塊（1.x.x〜4.1.0），您會發現您的區塊在編輯器中已損壞。它說“嘗試區塊恢復”。因此，只需點擊“嘗試區塊恢復”。這就是了，現在您的區塊與更新版本兼容。
作者
由 Md Jwel 從 spider-themes 帶給您
原文外掛簡介
Advanced Accordion Gutenberg Block is a custom native Gutenberg Block that allows you to build a FAQs Section or Accordion easily on your site post and page using Gutenberg Editor.
Video Overview
🔗 USEFUL LINKS
Get the Pro Version
Demo (built with Advanced Accordion Gutenberg Block)
Documentation
Explore More
Key Features
Custom Minimal Design: Experience a sleek, modern interface designed to enhance user engagement with a clean and minimalistic look.
Super Fast: Lightweight, and Optimized: Ensure quick loading times and smooth performance with a highly optimized, lightweight build.
Linked Accordion: Seamlessly connect accordion items for interconnected content, providing a streamlined user experience.
Built with Gutenberg Native Components: Enjoy full integration with Gutenberg, ensuring compatibility and ease of use with WordPress’s native block editor.
Unlimited Nested Accordion: Create complex, multi-level accordions effortlessly, allowing for detailed and organized content structures.
Unlimited Styling Options: Customize your accordion with extensive styling options, including margin, padding, border radius, color, background, and tag selection.
Highly Customizable: Benefit from extensive customization possibilities, offering flexibility to suit any design requirement.
All Content Types Supported: Insert any type of content, including text, images, videos, and more, within the accordion body for versatility.
Custom Color Palette: Personalize your accordion’s appearance by selecting from a customizable color palette, aligning with your brand’s aesthetics.
Active Accordion on Page Load: Automatically expand the desired section when the page loads, ensuring immediate visibility of important content.
Responsive and SEO Friendly: Maintain a seamless user experience across devices with a responsive design, while also optimizing your content for search engines.
Unlimited FAQs: Create and manage as many FAQs as needed, ensuring all user queries are addressed comprehensively.
Infinite Reusability: Reuse accordion items across different pages, making content management more efficient and consistent.
Pattern Design: Pre-built stylish accordion patterns to enhance your layout instantly, with exclusive premium designs available in the Pro version.
Keyboard Accessibility: Navigate and interact with accordions using keyboard keys—Tab, Shift+Tab, and Enter/Space—for a smoother and more accessible user experience.
Horizontal Accordion block: Display accordions side by side with support for titles, subtitles, icons, and all inner blocks—perfect for creating dynamic, content-rich layouts.
PRO Features
Instant Search: Enable a search bar to help users find specific FAQs quickly. It’s useful when you have a long list of FAQs.
QA (Question and Answer) Style: Display FAQs in a structured question-and-answer format for easy readability and user engagement.
Voting Feedback: Add feedback voting buttons to each FAQ item. From the total vote count, you can understand how helpful an accordion is.
Anchor Link: Generate unique links for each FAQ item. It’s handy for directing users to specific FAQs from external sources or within the same page.
Open All / Close All: A functionality that lets users expand or collapse all accordion items simultaneously. It provides convenience, especially when users want to view or hide all FAQ items at once.
Read More button: Expand the accordion content beyond a certain character limit or line count, displaying a “Read More” button or link to reveal the entire content.
Activator Event: Choose the event type to activate the accordion. You can choose from Click and Hover.
Steps Layout: Sequentially open accordions, marking previously opened ones as checked, guiding users through a step-by-step process.
Checklist Layout: Convert accordions into a checklist format, allowing users to tick off completed items, ensuring thorough task management.
Featured Icon: Integrate custom icons/images into your accordion title to represent different types of themes visually. This enhances user experience and helps quickly differentiate content.
Subheading support: Add unique subheadings to each accordion section for better content organization. This improves user navigation, making it easy for visitors to find and engage with specific information.
Custom CSS Field: With full custom CSS support, you can tailor your accordion’s colors, fonts, and animations to seamlessly align with your website’s style.
Filter Tab by Category: Easily filter and view specific content within your accordion sections. Set custom tags in the parent accordion, and watch the magic happen with dynamic filtering for a more organized and user-friendly experience.
Show More Button: Enhance user experience by enabling the “Show More” button in Group Accordion. Control how many items are displayed per click, keeping content organized and accessible.
Labelling Option: User can add custom text label beside the Single accordion title, making it easier to highlight key information and categorize content effectively.
See All Features.
Creating an Accordion FAQ with Advanced Accordion
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Advanced Accordion Gutenberg Block」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
3.0.0 | 4.1.0 | 4.6.0 | 4.6.4 | 4.7.0 | 4.7.1 | 4.7.2 | 4.7.3 | 4.7.4 | 4.8.0 | 4.8.1 | 4.8.2 | 5.0.0 | 5.0.1 | 5.0.2 | 5.0.3 | trunk |
延伸相關外掛（你可能也想知道）
Ultimate FAQ Accordion Plugin 》可以輕鬆地創建常見問題集並將它們添加到您站點的任何頁面中。響應式手風琴顯示方式能夠無縫地融入任何網站，並提供任何設備上良好的常見問題使用體驗。, , ...。
Quick and Easy FAQs 》本外掛提供一個快速簡易的方法，使用自訂文章類型添加常見問題並使用 Gutenberg Blocks 或 shortcodes 顯示這些問題。詳細資訊請參閱下方的文件。, 功能, , ...。
Cozy Essential Addons 》Cozy Essential Addons 是一款免費的 WordPress 外掛，提供自訂文章型別的基本架構。基本理念是提供自訂文章型別的基本功能，以便我們可以擴展產品，如外掛和...。
Easy Accordion Block 》Easy Accordion Gutenberg Block 是使用 Gutenberg 原生元件開發的自訂 Gutenberg 區塊，可以輕鬆地創建手風琴或常見問題解答區。您不需要具備任何程式編輯知...。
WordPress Knowledge base & Documentation Plugin – WP Knowledgebase 》建立一個具有吸引力且專業的知識庫或文件。WP知識庫易於使用、易於自訂，並可與任何佈景主題配合使用。, 為什麼知識庫很重要？, , 常常會有人選擇自我服務 - ...。
WP FAQ Schema Markup for SEO 》WP FAQ Schema Markup for SEO 是一款快速且輕量化的 WordPress 外掛，可自動將 FAQ Schema 結構化資料標記以推薦的 JSON-LD 格式加入 WordPress 網站中。我...。
WPC Product FAQs for WooCommerce 》WPC Product FAQs for WooCommerce 外掛設計為您的產品新增簡單有效的常見問題與解答，可讓所有相關資訊透明且易於存取，協助您的顧客更快地找到答案並提升使...。
Walker Core 》Walker Core 是 WalkerWP Themes 的相關外掛程式，提供主題所需的核心功能及自訂文章類型支援。。
Squelch Tabs and Accordions Shortcodes 》Squelch Tabs and Accordions Shortcodes 提供簡單的短碼，讓您輕鬆在 WordPress 網站上添加漂亮的 Web 2.0 手風琴和選項卡：水平手風琴、垂直手風琴和選項卡...。
Ultimate FAQ Schema – Best Responsive Accordion, Tab, and Slider FAQ Solution (Elementor, Gutenberg Support) 》, 演示網站, 您是否正在尋找一個能幫助您在網站上製作和展示產品和服務相關問答集的外掛程式？, 如果是，FAQ Schema for WordPress 外掛程式是您在 WordPress...。
Happy WooCommerce FAQs & AI FAQ Generator 》XPlainer 是一個功能豐富、靈活且堅固的 WooCommerce 產品常見問答外掛程式。如果您想要以聰明的方式回答客戶最常問的問題以增加銷售量，這可能是您最好的選...。
FAQ Concertina 》FAQ Concertina 是一款 WordPress 外掛，您可以使用插件簡單地在頁面或博客文章中以美觀而清晰的方式顯示常見問題（FAQs）列表。, 透過在 WordPress 頁面或博...。
Easy FAQs 》常見問題解答（FAQs）是協助您的客戶快速獲得所需答案的重要工具。, 一個組織良好的常見問題解答頁面可以讓使用者在不必閱讀乏味的文件說明下得到所需答案。...。
FAQ Manager For Divi, Gutenberg Block & Shortcode 》, FAQ Manager For Divi, Gutenberg Block & Shortcode 可以幫助您在您的網站上添加、管理、分類、設計和創建結構化的問與答數據 (SEO)。, , , 特點, 管...。
WooCommerce Product FAQs 》從 3.0.0 版本開始，此外掛有以下需求：, , PHP 5.3+, WooCommerce 2.0.0+, , 如果您曾使用過 eBay 的「向買家提問」系統，您將會知道該外掛的使用方式。, Wo...。