{"id":225587,"date":"2025-03-23T09:15:33","date_gmt":"2025-03-23T09:15:33","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/zolo-accordion\/"},"modified":"2025-04-13T06:29:53","modified_gmt":"2025-04-13T06:29:53","slug":"zolo-accordion","status":"publish","type":"plugin","link":"https:\/\/lmo.wordpress.org\/plugins\/zolo-accordion\/","author":10003445,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.0","stable_tag":"1.0.0","tested":"6.7.5","requires":"6.1","requires_php":"7.4","requires_plugins":null,"header_name":"Zolo Accordion","header_author":"BdThemes","header_description":"A collection of responsive blocks for the WordPress block editor.","assets_banners_color":"cccbdc","last_updated":"2025-04-13 06:29:53","external_support_url":"","external_repository_url":"","donate_link":"http:\/\/bdthemes.com\/","header_plugin_uri":"","header_author_uri":"https:\/\/bdthemes.com","rating":0,"author_block_rating":0,"active_installs":10,"downloads":449,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"bdthemes","date":"2025-04-13 06:29:53"}},"upgrade_notice":{"":"

There are no requirement for upgrade notice. Just click the update button and updated the plugin.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3456259,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3456259,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.jpg":{"filename":"banner-1544x500.jpg","revision":3260247,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":3260247,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{"blueprint.json":{"filename":"blueprint.json","revision":3456259,"resolution":false,"location":"assets","locale":"","contents":"{\"landingPage\":\"\\\/wp-admin\\\/post.php?post=8&action=edit\",\"preferredVersions\":{\"php\":\"8.2\",\"wp\":\"latest\"},\"phpExtensionBundles\":[\"kitchen-sink\"],\"features\":{\"networking\":true},\"steps\":[{\"step\":\"login\",\"username\":\"admin\",\"password\":\"password\"},{\"step\":\"installPlugin\",\"pluginData\":{\"resource\":\"wordpress.org\\\/plugins\",\"slug\":\"zolo-accordion\"},\"options\":{\"activate\":true}},{\"step\":\"importFile\",\"file\":{\"resource\":\"url\",\"url\":\"https:\\\/\\\/raw.githubusercontent.com\\\/bdthemes\\\/plugins-demo-content\\\/refs\\\/heads\\\/main\\\/accordion-demo.xml\"}},{\"step\":\"setSiteOptions\",\"options\":{\"blogname\":\"Accordion Test\",\"blogdescription\":\"A test site for Accordion\"}}]}"}},"all_blocks":{"zolo\/accordion":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","title":"Accordion","name":"zolo\/accordion","category":"zoloblocks","keywords":["Accordion","Collapse","Expand","faq","toggle"],"description":"Organize content with collapsible, easy-to-navigate sections.","apiVersion":3,"textdomain":"zoloblocks","example":{"attributes":{"preview":true},"viewportWidth":410},"supports":{"anchor":false,"customClassName":false,"align":["wide","full"]},"editorScript":["file:.\/index.js"],"style":"file:.\/style.css","viewScript":"file:.\/view.js"},"zolo\/accordion-child":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","title":"Single Accordion","name":"zolo\/accordion-child","category":"zoloblocks","keywords":["Accordion","Collapse","Expand","faq","toggle"],"description":"Add accordion items for collapsible content sections.","apiVersion":3,"textdomain":"zoloblocks","parent":["zolo\/accordion"],"supports":{"anchor":false,"customClassName":false},"editorScript":"file:.\/index.js"}},"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"Accordion Interface<\/strong> - The interactive accordion that engages visitors.","2":"Settings Page<\/strong> - Configure your accordion settings for better customization.","3":"Responsive Design<\/strong> - The plugin works seamlessly on both desktop and mobile device"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[1741,148857,152129,176743],"plugin_category":[],"plugin_contributors":[176419,176519,236954],"plugin_business_model":[],"class_list":["post-225587","plugin","type-plugin","status-publish","hentry","plugin_tags-accordion","plugin_tags-block-editor","plugin_tags-gutenberg-blocks","plugin_tags-gutenberg-plugin","plugin_contributors-bdthemes","plugin_contributors-selimmw","plugin_contributors-shamim496","plugin_committers-bdthemes","plugin_committers-shamim496"],"banners":{"banner":"https:\/\/ps.w.org\/zolo-accordion\/assets\/banner-772x250.jpg?rev=3260247","banner_2x":"https:\/\/ps.w.org\/zolo-accordion\/assets\/banner-1544x500.jpg?rev=3260247","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/zolo-accordion\/assets\/icon-128x128.png?rev=3456259","icon_2x":"https:\/\/ps.w.org\/zolo-accordion\/assets\/icon-256x256.png?rev=3456259","generated":false},"screenshots":[],"raw_content":"\n

\ud83d\ude80 The Accordion, FAQ Builder for Gutenberg Block Editor<\/strong> is the perfect solution for creating beautiful, interactive collapsible content<\/strong> on your WordPress website. Designed for the modern web, our plugin helps you organize information elegantly while enhancing user experience and boosting SEO performance<\/strong>.<\/p>\n\n

\u2728 Transform Your Content Presentation<\/h4>\n\n

In today's digital landscape, visitors want information fast! Our Accordion Block<\/strong> lets you present large amounts of content in a compact, organized format. Perfect for:<\/p>\n\n

    \n
  • \ud83d\udccb FAQ Sections<\/strong> - Answer common questions without overwhelming your page<\/li>\n
  • \ud83d\udecd\ufe0f Product Information<\/strong> - Display features, specifications, and benefits neatly<\/li>\n
  • \ud83d\udcda Knowledge Bases<\/strong> - Create structured, easy-to-navigate information resources<\/li>\n
  • \ud83d\udcf1 Mobile-Friendly Content<\/strong> - Reduce scrolling and improve user experience<\/li>\n
  • \ud83c\udfe2 Service Descriptions<\/strong> - Showcase your services in an engaging, interactive way<\/li>\n<\/ul>\n\n

    \ud83d\udd0d SEO-Optimized for Better Rankings<\/h4>\n\n

    Search engines love well-organized content! Our accordion sections help you:<\/p>\n\n

      \n
    • \ud83d\udcc8 Qualify for FAQ Rich Snippets<\/strong> in search results<\/li>\n
    • \ud83d\udd24 Present comprehensive answers without cluttering your design<\/li>\n
    • \ud83d\udcca Improve content readability and user engagement<\/li>\n
    • \u26a1 Maintain fast page load times with collapsed content<\/li>\n<\/ul>\n\n

      \ud83d\udcf1 Responsive Design for All Devices<\/h4>\n\n

      With 50%+ of web traffic<\/strong> coming from mobile devices, our accordion plugin is built mobile-first<\/strong>:<\/p>\n\n

        \n
      • \ud83d\udcf2 Perfect display on smartphones, tablets, and desktops<\/li>\n
      • \ud83d\udc46 Touch-friendly controls for mobile users<\/li>\n
      • \ud83d\ude80 Reduces page scrolling on small screens<\/li>\n<\/ul>\n\n

        \ud83e\udde9 Seamless Gutenberg Integration<\/h4>\n\n

        Unlike clunky shortcode-based plugins, our accordion block works natively<\/strong> with the WordPress Block Editor:<\/p>\n\n

          \n
        • \ud83d\udd04 Drag-and-drop simplicity - no coding required<\/li>\n
        • \ud83d\udce6 Nest other blocks inside accordion content<\/li>\n
        • \ud83e\udde9 Works seamlessly with other Gutenberg blocks<\/li>\n<\/ul>\n\n

          \ud83c\udfa8 Powerful Customization Options<\/h4>\n\n

          Make your accordions match your brand perfectly:<\/p>\n\n

            \n
          • \ud83c\udfad Choose between Accordion Mode<\/strong> (one section open) or Toggle Mode<\/strong> (multiple open)<\/li>\n
          • \ud83c\udf08 Customize colors, backgrounds, borders, and typography<\/li>\n
          • \ud83d\udd23 Select from various icon options and positions<\/li>\n
          • \u2728 Add custom animation effects<\/li>\n<\/ul>\n\n

            \u267f Accessibility-First Design<\/h4>\n\n

            Create inclusive websites with:<\/p>\n\n

              \n
            • \ud83d\udd24 Proper ARIA attributes for screen readers<\/li>\n
            • \u2328\ufe0f Full keyboard navigation support<\/li>\n
            • \ud83d\udc46 Touch-friendly targets for motor impairments<\/li>\n<\/ul>\n\n

              \ud83d\ude80 Speed-Optimized<\/h4>\n\n

              Website speed matters for both users and search engines:<\/p>\n\n

                \n
              • \u26a1 Lightweight code with minimal impact on page speed<\/li>\n
              • \ud83e\udde9 Loads resources only when needed<\/li>\n
              • \ud83d\udcf1 Optimized for Core Web Vitals metrics<\/li>\n<\/ul>\n\n

                \ud83c\udf10 Global-Ready<\/h4>\n\n

                Reach worldwide audiences with:<\/p>\n\n

                  \n
                • \ud83c\udf0d Full RTL language support<\/strong> (Arabic, Hebrew, etc.)<\/li>\n
                • \ud83d\udd24 Translation-ready for all languages<\/li>\n
                • \ud83c\udf10 Works with multilingual websites<\/li>\n<\/ul>\n\n

                  \ud83d\udcbc Perfect for Any Website<\/h4>\n\n

                  Our Accordion Block<\/strong> enhances virtually any WordPress site:<\/p>\n\n

                    \n
                  • \ud83c\udfe2 Business Sites<\/strong> - Present information professionally<\/li>\n
                  • \ud83d\uded2 E-commerce<\/strong> - Display product details without overwhelming shoppers <\/li>\n
                  • \ud83c\udf93 Educational Sites<\/strong> - Organize learning materials logically<\/li>\n
                  • \ud83d\udcf0 Blogs<\/strong> - Create interactive, engaging content<\/li>\n
                  • \ud83d\uddbc\ufe0f Portfolios<\/strong> - Showcase projects with expandable details<\/li>\n<\/ul>\n\n

                    \ud83d\udc68\u200d\ud83d\udcbb Developer-Friendly<\/h4>\n\n

                    For the technical crowd:<\/p>\n\n

                      \n
                    • \ud83e\uddf0 Clean, well-documented code<\/li>\n
                    • \ud83d\udd0c Custom hooks and filters for extensions<\/li>\n
                    • \ud83c\udfa8 Support for custom CSS classes<\/li>\n<\/ul>\n\n

                      Ready to transform your WordPress content? Install the Accordion, FAQ Builder<\/strong> today and create engaging, interactive content that users love and search engines reward!<\/p>\n\n\n

                      Plugin Installation Method:<\/h4>\n\n
                        \n
                      1. Go to the WordPress dashboard<\/li>\n
                      2. Got to the Plugins<\/strong> > Add New<\/strong><\/li>\n
                      3. Type \"Accordion\"<\/strong> in the search box<\/li>\n
                      4. Click on \"Install\"<\/strong> button<\/li>\n
                      5. After install the plugin Activate<\/strong> the plugin<\/li>\n<\/ol>\n\n

                        Installation via Zip file:<\/h4>\n\n
                          \n
                        1. Download Accordion block plugin zip<\/strong> file from WordPress<\/li>\n
                        2. Go to site Dashboard<\/strong> > Plugins<\/strong> > Add New<\/strong> > Upload Plugins<\/strong><\/li>\n
                        3. Select the Accordion zip file and proceed to install<\/li>\n
                        4. Activate Accordion.<\/li>\n<\/ol>\n\n\n
                          \n

                          \ud83d\udccb How do I add and configure the WordPress Accordion Block?<\/h3><\/dt>\n
                            \n

                          1. Adding the Accordion Block<\/strong>:<\/p>\n\n

                              \n
                            • Open the WordPress Block Editor (Gutenberg editor).<\/li>\n
                            • Click the \"+\" button to add a new block.<\/li>\n
                            • Search for \"Accordion<\/strong>\" or \"FAQ<\/strong>\" and select the Accordion Block<\/strong> from the results.<\/li>\n<\/ul><\/li>\n

                            • Adding FAQ Content<\/strong>:<\/p>\n\n

                                \n
                              • Type your question or topic into the accordion header\/title field.<\/li>\n
                              • Add your answer content (text, images, lists, or other blocks) inside the collapsible section.<\/li>\n
                              • Click the \"+\" icon to add more accordion items as needed.<\/li>\n<\/ul><\/li>\n

                              • Customizing Your Accordion<\/strong>:<\/p>\n\n

                                  \n
                                • Display Settings<\/strong>: Use the block sidebar settings to customize the accordion behavior:\n\n
                                    \n
                                  • Choose whether accordions start in open or closed position.<\/li>\n
                                  • Set to accordion mode (only one item open at a time) or toggle mode (multiple items can be open).<\/li>\n
                                  • Control animation speed and effects.<\/li>\n<\/ul><\/li>\n
                                  • Style Customization<\/strong>:\n\n
                                      \n
                                    • Adjust colors, typography, borders, and spacing.<\/li>\n
                                    • Customize icons for open\/close indicators.<\/li>\n
                                    • Set padding and margins to match your theme.<\/li>\n<\/ul><\/li>\n<\/ul><\/li>\n

                                    • Previewing Your Accordion FAQs<\/strong>:<\/p>\n\n

                                        \n
                                      • Use the \"Preview\" button to see how your accordion looks and functions on the front end.<\/li>\n
                                      • Test the accordion's responsive behavior at different screen sizes.<\/li>\n<\/ul><\/li>\n

                                      • Publishing Your Accordion<\/strong>:<\/p>\n\n

                                          \n
                                        • Save your changes and publish or update the post\/page to make the accordion visible on your site.<\/li>\n<\/ul><\/li>\n<\/ol><\/dd>\n

                                          \ud83d\udd04 Is the Accordion Block compatible with my WordPress theme?<\/h3><\/dt>\n

                                          Yes<\/strong>, the Accordion Block for Gutenberg<\/strong> is designed to work seamlessly with all modern WordPress themes that support the block editor. The plugin uses WordPress core styling conventions, ensuring excellent compatibility across themes. If you experience any styling issues, you can easily adjust colors and spacing in the block settings to match your theme perfectly.<\/p><\/dd>\n

                                          \u2795 Can I create multiple accordions on a single WordPress page?<\/h3><\/dt>\n

                                          Absolutely!<\/strong> You can add as many accordion blocks as you need on a single page or post. This is perfect for creating comprehensive FAQ sections, product feature lists, or service descriptions. Each accordion block can have its own unique styling and behavior settings, allowing you to create varied content sections within the same page.<\/p><\/dd>\n

                                          \ud83c\udf10 Is the Accordion Block plugin translation-ready for multilingual websites?<\/h3><\/dt>\n

                                          Yes<\/strong>, the plugin is fully translation-ready and supports multilingual websites. All text elements can be translated to any language. The plugin works perfectly with popular translation plugins like WPML, Polylang, or TranslatePress. RTL language support is also included for languages like Arabic, Hebrew, and Persian.<\/p><\/dd>\n

                                          \ud83c\udfa8 How can I customize the appearance of my accordion sections?<\/h3><\/dt>\n

                                          The plugin offers extensive styling options<\/strong> right in the Gutenberg editor:\n- Customize colors<\/strong> for headers, content, borders, and icons\n- Adjust typography<\/strong> including font family, size, weight, and spacing\n- Set custom borders and rounded corners<\/strong>\n- Change padding and margins<\/strong> for perfect spacing\n- Select different icon styles<\/strong> or upload your own custom icons\n- Add custom CSS classes<\/strong> for advanced styling needs<\/p><\/dd>\n

                                          \u26a1 Is the Accordion Block plugin optimized for website performance?<\/h3><\/dt>\n

                                          Yes<\/strong>, the plugin is engineered for optimal performance. It uses lightweight, efficient code and follows WordPress best practices to minimize impact on page load times. The plugin:\n- Loads only the necessary resources when accordions are present\n- Uses modern JavaScript without jQuery dependencies\n- Employs efficient CSS that doesn't conflict with your theme\n- Supports lazy loading of content within accordion sections\n- Is optimized for Core Web Vitals metrics<\/p><\/dd>\n

                                          \ud83d\udcf1 Does the Accordion Block work well on mobile devices?<\/h3><\/dt>\n

                                          Absolutely!<\/strong> The plugin is built with a mobile-first approach<\/strong> ensuring perfect functionality across all devices. The accordions automatically adjust to fit any screen size, with touch-friendly targets for mobile users. The collapsible nature of accordions is particularly valuable on mobile devices, reducing the need for excessive scrolling.<\/p><\/dd>\n

                                          \u267f Is the Accordion Block accessible for users with disabilities?<\/h3><\/dt>\n

                                          Yes<\/strong>, accessibility is a core feature. The plugin follows WCAG guidelines with:\n- Proper ARIA attributes<\/strong> for screen readers\n- Keyboard navigation<\/strong> support (Tab, Enter, Space, Arrow keys)\n- Focus management<\/strong> for assistive technologies\n- Color contrast<\/strong> options for visually impaired users\n- Semantic HTML<\/strong> structure for better interpretation by assistive devices<\/p><\/dd>\n

                                          \ud83d\udd0d Can the Accordion Block help with SEO for my WordPress site?<\/h3><\/dt>\n

                                          Yes!<\/strong> The Accordion Block is built with SEO in mind. It creates a structured content format that search engines can easily understand. When used for FAQs, it can help your content qualify for rich snippets in search results. The plugin uses proper HTML5 semantic markup and helps organize content in a way that improves user engagement metrics, which can positively impact your SEO performance.<\/p><\/dd>\n

                                          \ud83d\udd0c Do I need additional page builders like Elementor or Divi to use this plugin?<\/h3><\/dt>\n

                                          No<\/strong>, the Accordion Block works natively with the WordPress block editor (Gutenberg). You don't need any additional page builders. In fact, this plugin gives you the professional accordion functionality typically found in premium page builders, right within the standard WordPress editor. Enjoy a faster, more seamless experience without the overhead of third-party page builders.<\/p><\/dd>\n

                                          \ud83d\udee0\ufe0f Can developers extend or modify the Accordion Block functionality?<\/h3><\/dt>\n

                                          Yes<\/strong>, the plugin is developer-friendly with a well-documented, clean codebase. Developers can:\n- Use provided hooks and filters to modify behavior\n- Add custom icon libraries\n- Extend styling capabilities\n- Integrate with other plugins\n- Add custom functionality to accordion events<\/p><\/dd>\n\n<\/dl>\n\n\n

                                          = 1.0.0 - 06-04-2025 =<\/strong>\n - Initial Released<\/p>\n\n

                                          To build the plugin:<\/p>\n\n

                                            \n
                                          1. Clone the repository.<\/li>\n
                                          2. Run npm install<\/code> to install dependencies.<\/li>\n
                                          3. Run npm run build<\/code> to compile the plugin.<\/li>\n<\/ol>","raw_excerpt":"The Accordion block you create interactive, customizable collapsible content for FAQs, product features or structured layouts within WordPress.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/225587","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=225587"}],"author":[{"embeddable":true,"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/bdthemes"}],"wp:attachment":[{"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=225587"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=225587"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=225587"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=225587"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=225587"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=225587"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}