philbuchanan

<p>Accordion Blocks is a simple plugin that adds a Gutenberg block for adding accordion drop-downs to your pages.</p>
<p>The accordions should blend seamlessly with your theme. However, you may want to add custom styles to your theme.</p>
<h4>Features</h4>
<ul>
<li>Adds a Gutenberg block for adding accordions to your site.</li>
<li>Supports multiple accordions with individual settings for each accordion item.</li>
<li>Fully responsive.</li>
<li>Support for item IDs and direct links.</li>
<li>Supports nesting accordions.</li>
<li>Accessible (for users requiring tabbed keyboard navigation control).</li>
</ul>
<h4>Optional Features</h4>
<ul>
<li>Open individual accordion items by default.</li>
<li>Disable auto closing of accordion items.</li>
<li>Manually close items by clicking the title again.</li>
<li>Scroll page to title when it’s clicked open (including setting a scroll offset position).</li>
<li>Set the HTML heading tag for the title element (h1–h6, button).</li>
<li>Set defaults to be applied to all new accordion items or reset a specific accordion item to the defaults.</li>
<li>Supports adding custom block styles using <code>wp.blocks.registerBlockStyle</code>.</li>
</ul>
<h4>Output</h4>
<p>The plugin will ultimately output following HTML (simplified for this example):</p>
<pre><code><div class="wp-block-pb-accordion-item c-accordion__item js-accordion-item" data-initially-open="false" data-click-to-close="true" data-auto-close="true" data-scroll="false" data-scroll-offset="0">
    <h2 id="at-76840" class="c-accordion__title js-accordion-controller" tabindex="0" role="button" aria-controls="ac-76840" aria-expanded="false">
        Title with H2 tag
    </h2>
    <div id="ac-76840" class="c-accordion__content" style="display:none" aria-hidden="true">
        <p>Content</p>
    </div>
</div>
</code></pre>
<h4>Custom CSS</h4>
<p>You can use the following CSS classes to customize the look of the accordion.</p>
<pre><code>.c-accordion__item {} /* The accordion item container */
.c-accordion__item.is-open {} /* is-open is added to open accordion items */
.c-accordion__item.is-read {} /* is-read is added to accordion items that have been opened at least once */
.c-accordion__title {} /* An accordion item title */
.c-accordion__title--button {} /* An accordion item title that is using a `<button>` tag */
.c-accordion__title:hover {} /* To modify the style when hovering over an accordion item title */
.c-accordion__title:focus {} /* To modify the style when an accordion item title currently has broswer focus */
.c-accordion__content {} /* An accordion item content container */
</code></pre>


Accordion Blocks

Gutenberg block for creating responsive accordion drop-downs.

CreativeMindsSolutions

<p><a href="https://www.cminds.com/wordpress-plugins-library/faq-plugin-for-wordpress-by-creativeminds/" rel="nofollow ugc">Pro Plugin Page</a> | <a href="https://www.videolessonsplugin.com/video-lesson/lesson/frequently-asked-questions-plugin/" rel="nofollow ugc">Videos</a>  | <a href="https://www.knowledgetrail.com/route-manager-frequently-asked-questions/" rel="nofollow ugc">Demo</a> | <a href="https://creativeminds.helpscoutdocs.com/category/595-faq-cmf" rel="nofollow ugc">User Guide</a></p>
<p><strong>Our WordPress FAQ plugin enables you to effortlessly create and manage FAQ accordions on your WordPress site, providing seamless access to frequently asked questions for your users.</strong></p>
<p>The Frequently Asked Questions plugin enables you to easily manage and organize your FAQ content, creating an intuitive and user-friendly experience for visitors seeking information on your site.</p>
<p>⭐ <em>We’re excited to present the renewed version of CM FAQ! Now featuring a Setup Wizard, enhanced search options for FAQs, basic style settings, and the ability to customize front-end labels. This release makes it even easier to manage and display your FAQ content.</em></p>
<h3>FAQ Categories and FAQ Posts</h3>
<p>You can create as many questions as you need and categorize them for easy navigation, allowing visitors to find the information they need quickly.</p>
<p>Each question page has a unique post, which can enhance your site’s SEO and improve its search engine ranking. This ensures that your FAQ content is easily discoverable for search engines as well.</p>
<h3>Accordion FAQ Plugin Premium Edition</h3>
<p>The <a href="https://www.cminds.com/wordpress-plugins-library/faq-plugin-for-wordpress-by-creativeminds/" rel="nofollow ugc">FAQ Plugin Premium editions</a> includes even more powerful features, such as: ChatGPT support to generate answers, support for questions submitted by users, floating faq widget and much more.</p>
<h3>Accordion FAQ Plugin Introduction Video</h3>
<div class="embed-vimeo" style="text-align: center;"><iframe loading="lazy" src="https://player.vimeo.com/video/147647330" width="750" height="422" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>
<h3>WordPress FAQ Plugin Use-Cases</h3>
<ul>
<li><strong>FAQ directory</strong> – Support your product site with a FAQ directory.</li>
<li><strong>Knowledge Base</strong> – Build a knowledge base center to support your service or product.</li>
<li><strong>Support Center</strong> – Provide an efficient way to support your users.</li>
</ul>
<h3>Basic Features of the WordPress FAQ Plugin</h3>
<ul>
<li>Add frequently asked questions (FAQ) in the admin dashboard.</li>
<li>Place questions and answers in categories.</li>
<li>Build an index page containing all questions and answers.</li>
<li>Create a unique post per each question and answer.</li>
<li>Support searching questions.</li>
<li>Supports basic style settings.</li>
<li>Edit or translate front-end labels according to your requirements and language.</li>
<li>Includes a user-friendly Setup Wizard for quick and easy plugin configuration.</li>
</ul>
<h3>Pro Version Features of the WordPress FAQ Plugin</h3>
<p><a href="https://www.cminds.com/wordpress-plugins-library/faq-plugin-for-wordpress-by-creativeminds/" rel="nofollow ugc">Pro Version Detailed Features List</a> | <a href="https://www.knowledgetrail.com/route-manager-frequently-asked-questions/" rel="nofollow ugc">Demo Site</a></p>
<ul>
<li>Search Widget – Add search widget on pre-selected post types and style FAQ according to your needs.</li>
<li>Search Bar – The index page includes a search bar with auto-suggestions, displaying all relevant questions.</li>
<li>Extended Set of Labels – Customize the WordPress FAQ according to your requirements and language.</li>
<li>Customize Look & Feel – Customize index page look & feel including colors and font size.</li>
<li>Voting – Support voting (vote up and down) for each frequently asked question. Search results show most voted questions first.</li>
<li>Related Questions Widget – Show all related questions at the bottom of each question page.</li>
<li>Multiple lists – Create multiple faq pages with categories.</li>
<li>Reports and Statistics – Generate a report showing how many times each question was viewed and how many times it was voted on.</li>
<li>Accordion FAQ Display – Show only one answer at a time – users will toggle different answers by clicking the questions.   </li>
<li>Accordion FAQ Shortcode – Create an accordion FAQ containing all Questions and Answers in a category using a Shortcodes.</li>
<li>Accordion Style Settings – Provides a set of settings for customizing the accordion view appearance.</li>
<li>Category Icon and color – Add an icon to each category and set a background color which will be shown on the index page.</li>
<li>Sort Question in Categories – Sorting of questions in a category can be defined in the WordPress FAQ plugin settings. Options are by publish date, voting and title in ascending or descending order.</li>
<li>All Questions Shortcode – Shortcodes to support showing all questions in one or multiple categories.</li>
<li>ChatGPT Support – Let ChatGPT prepare the answers for questions you didn’t answer.</li>
</ul>
<h3>Follow Us</h3>
<p><a href="https://www.cminds.com/category/wordpress/" rel="nofollow ugc">Blog</a> | <a href="http://twitter.com/cmplugins" rel="nofollow ugc">Twitter</a> | <a href="https://www.linkedin.com/company/creativeminds" rel="nofollow ugc">LinkedIn</a> | <a href="https://www.youtube.com/user/cmindschannel" rel="nofollow ugc">YouTube</a> | <a href="http://www.pinterest.com/cmplugins/" rel="nofollow ugc">Pinterest</a> | <a href="https://www.facebook.com/cmplugins/" rel="nofollow ugc">Facebook</a></p>
<h3>Suggested Plugins by CreativeMinds</h3>
<p>List of all <a href="https://www.cminds.com" rel="nofollow ugc">WordPress Plugins</a> by CreativeMinds</p>
<ul>
<li><a href="https://glossaryplugin.com/" rel="nofollow ugc">CM Tooltip Glossary</a> – Easily creates a Glossary, Encyclopaedia or Dictionary of your website’s terms and shows them as a tooltip in posts and pages when hovering. With many more powerful features.</li>
<li><a href="https://www.downloadmanagerplugin.com/" rel="nofollow ugc">CM Download Manager</a> – Allows users to upload, manage, track and support documents or files in a download directory listing database for others to contribute, use and comment upon.</li>
<li><a href="https://www.answersplugin.com/" rel="nofollow ugc">CM Answers Plugin</a> – A fully-featured WordPress Questions & Answers Plugin that allows you to build multiple discussion forum systems Just like StackOverflow, Yahoo Answers and Quora, Now with MicroPayments and Anonymous posting support.</li>
<li><a href="https://onboardingplugin.com/" rel="nofollow ugc">CM OnBoarding</a> – Superb Guidance tool which improves the online experience and the user satisfaction.</li>
</ul>


CM FAQ  – Simplify support with an intuitive FAQ management tool

Create and manage a user-friendly FAQ section on your site with this FAQ plugin. Answer common questions and improve user experience.

Accordion Blocks vs CM FAQ – Simplify support with an intuitive FAQ management tool