Descripció
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
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 Reusable: Reuse accordion items across different pages, making content management more efficient and consistent.
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.
Creating an Accordion FAQ with Advanced Accordion
Blocs
Aquesta extensió proporciona 4 blocs.
- Accordion Toolbar Build Accordion and FAQs Easily.
- Group Accordion Build Accordion and FAQs Easily.
- Separate Accordion Build Accordion and FAQs Easily.
- Single Accordion Single Accordion for Group Accordion
Instal·lació
It’s really easy and super simple to install Quick Edit plugin.
Automatic Installation
- Go to
Plugins > Add New
screen in WordPress. - Search for
Advanced Accordion Block
. - Install and activate the plugin, that’s it.
Manual Installation
- Download Advanced Accordion Block.
- Extract the
advanced-accordion-block.zip
file. You’ll get plugin files insideAdvanced Accordion Block
directory. - Upload the plugin files to the
/wp-content/plugins/advanced-accordion-block
directory. - Activate the plugin through the ‘Plugins’ screen in WordPress.
PMF
-
have you used any framework to develop this?
-
No. It has been developed with 100% Gutenberg Native components. No Framework at all.
-
is it responsive?
-
Definitely, it is responsive.
-
Can I use it with any theme?
-
Yes, you can use it with any theme.
-
Will it slow down my site?
-
Never, it is light-weight and never slow down your site. In addition, it only loads scripts on the pages where the block is used.
-
Is it built with Gutenberg Native Components?
-
Yes, it is built with 100% Gutenberg Native Components.
Ressenyes
Col·laboradors i desenvolupadors
«Advanced Accordion Gutenberg Block» és programari de codi obert. La següent gent ha col·laborat en aquesta extensió.
Col·laboradorsTraduïu «Advanced Accordion Gutenberg Block» a la vostra llengua.
Interessats en el desenvolupament?
Navegueu pel codi, baixeu-vos el repositori SVN, o subscriviu-vos al registre de desenvolupament per fisl de subscripció RSS.
Registre de canvis
4.8.2 (12 February 2025)
New: Nested Accordion Support (Now, you can use an accordion within another accordion, allowing for better content structuring and organization)
New: Accordion Usage Table Dashboard added on admin panel (Now, you can see where your accordions are used in pages or posts and track how many times a specific accordion appears on a single page/post)
New: Added Custom Recovery Button On top toolbar that recovers all recovery block in a single click (If you see the attempt recovery notice, you’ll find a button on the top toolbar. Clicking it will dismiss all recovery notices instantly)
New: Added Pattern Design (We’ve added pre-designed patterns to make your accordions look more stylish and visually appealing with just a few clicks)
Tweaked: Improved the color picker (We’ve made the color picker more intuitive and compact, simplifying the design for a smoother user experience)
Updated: Freemius SDK to 2.11.0
4.8.1 (18 January 2025)
New: You can now set a unique ID in the Group/Separate accordion block
Fixed: HTML anchor issue
Fixed: Translatable accordion title (previously it was not translatable with the WPML plugin)
Tweaked: Removed the ‘Active accordion border’ option from “Q/A” style
Tweaked: Now you can set separate IDs in every accordion
4.8.0 (03 January 2025)
Fixed: Icon change option of group accordion
Tweaked: Focus border color removed from Separate Accordion block
Tweaked: Added padding support in accordion body (Previously, padding support was only available for the header. Now, it has been added to both the header and body)
Tweaked: Moved the styling options to parent in the Group Accordion
Tweaked: Adding some padding in the content are of every single accordion
Tweaked: Deprecated function updated
Updated: Freemius SDK to 2.10.1
4.7.4 (23 November 2024)
Fixed: Attempt recovery issue fixed
Fixed: Undefined issue resolved
4.7.3 (23 November 2024)
New: Added deprecated function
Fixed: Pattern compatibility issue fixed
Fixed: Resolved some option issues
Tweaked: Improved some settings
Updated: Freemius SDK to 2.9.0
4.7.2 (09 September 2024)
Fixed: Hard to click on separate accordion content section
Fixed: The separate accordion icon was not centered
Updated: Freemius SDK to 2.7.4
4.7.1 (02 August 2024)
Fixed: PRO notice issue resolved (The issue was occurred on editor style tab where any block is used)
Fixed: Group accordion active style issue fixed
Updated: Freemius SDK to 2.7.3
4.7.0 (05 June 2024)
New: Added FAQ schema option. Now, you’re able to turn on FAQ schema for your accordion
New: Accordion headings keyboard-navigable
New: Added Question & Answer style layout
Fixed: Resolve Accordion focus issue
Fixed: Resolve icon change & position option
Tweaked: Style & Script loaded conditionally
Tweaked: Move the styling fields to Styles tab
Updated: Freemius SDK to 2.7.2
4.6.0 (23 November 2023)
Updated: Freemius SDK to 2.6.1
Tweaked: Removed some unnecessary links
4.6.0
- Changed the plugin ownership to spider-themes
- Plugin’s page moved under the WordPress Settings page from Tools page
- Plugin’s welcome page design changed/improved
4.5.0
- Adding new Group Accordion block
- Adding animation
- Fixing minor issues
4.0.0
- Click event issue fixing
- Id for accordion
- Linked Accordion feature
- Disable Accordion feature
- Block Patterns added
3.0.0
- A Major updates with a lot of changes
- Remoe jQuery dependency
- Fix Border Complicity
- More Icons and Icons separate styling
- Border Radius
- Active Accordion on Page Load
- Custom Margin & Padding Options
2.0.0
- A Major updates with a lot of changes
- Nested Accordion
- Accordion Container Border
- Accordion head & body color & background
1.0.2
- Supports all blocks for building accordion content
- Icon issue fixing
- Compatibility check with latest WP version
1.0.0
- Initially released this version.