Darko Gerguric

<p>This plugin creates a basic accordion from custom posts.<br />
Fully compatible with WPML, just translate your posts and use shortcodes as explained below.<br />
The plugin currently does not support Woocommerce.</p>
<h3>How to use</h3>
<ol>
<li>To use this plugin you need custom post registered.<br />
You may check <a href="https://codex.wordpress.org/Post_Types" title="Post Types" rel="nofollow ugc">Post Types</a> to see how to do it.</li>
</ol>
<p>Example from WP  Codex – for testing, copy and paste code below to theme functions.php</p>
<pre><code>  add_action( 'init', 'create_post_type' );
  function create_post_type() {
    register_post_type( 'Accordion',
      array(
        'labels' => array(
          'name' => __( 'Accordions' ),
          'singular_name' => __( 'Accordion' )
        ),
        'public' => true,
        'has_archive' => true,
      )
    );
  }
</code></pre>
<ol>
<li>Add shortcode to page or post where you want to use accordion</li>
</ol>
<p>If you used code above to create custom posts type you would use following  shortcode:</p>
<pre><code>[gw_accordion post_type="Accordion"]
</code></pre>
<p>Optionally, you may add CSS class</p>
<pre><code>[gw_accordion post_type="Accordion" class="my_css_class"]
</code></pre>
<p>You can also add code to your theme</p>
<pre><code><?php echo do_shortcode('[gw_accordion post_type="Accordion"');?>
</code></pre>
<p>or with the CSS class</p>
<pre><code><?php echo do_shortcode('[gw_accordion post_type="Accordion" class="my_css_class"]');?>
</code></pre>
<p>You also may set ordering, default is by ID and Ascending (ASC)</p>
<p>[gw_accordion post_type=”Accordion” class=”my_css_class” order_by=”title” order=”asc”]</p>
<h3>Demo</h3>
<ol>
<li><a href="https://plugins.darkog.pro/custom-post-accordion-demo/" rel="nofollow ugc">Check Demo</a></li>
</ol>
<h3>Known Issues</h3>
<p>If your theme uses smooth scroll script like this one</p>
<pre><code>        jQuery(function() {
      jQuery('a[href*="#"]:not([href="#"]').click(function() {
          if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
          var target = jQuery(this.hash);
          target = target.length ? target : jQuery('[name=' + this.hash.slice(1) +']');
          if (target.length) {
            jQuery('html,body').animate({
              scrollTop: target.offset().top
            }, 2000);
            return false;
          }
        }

      });

    });
</code></pre>
<p>You may need to change this line</p>
<pre><code> jQuery('a[href*="#"]:not([href="#"]')
</code></pre>
<p>To look like this</p>
<pre><code> jQuery('a[href*="#"]:not([href="#"], a:not([data-toggle])')
</code></pre>
<p>to avoid conflict</p>


Custom Posts Accordion

This plugin creates Bootstrap accordion form custom posts.

<p>This plugin allows to create FAQs as custom post type and to list them in any page, post or widget area via shortcodes.<br />
The plugin comes with a helpful shortcode builder that helps you to set the different attributes easily.</p>
<p><a href="https://radykal.de/superior-faq/" rel="nofollow ugc">Demo</a></p>
<h3>Features</h3>
<ul>
<li>Add FAQs from all categories or only from specified categories</li>
<li>Comes with 3 shortcodes: FAQ Listing, FAQ Search Box, Most popular FAQs</li>
<li>Supports permalinks and deeplinking</li>
<li>Intelligent voting system: users can only vote one time for a single FAQ</li>
<li>2 Layouts: Simple and boxed</li>
<li>3 effects: Accordion, Tooltip, None</li>
<li>Add 5 different icon styles before a question element</li>
<li>Enable the excerpt in the listing instead the full description text</li>
<li>Open FAQ in window from search box or move page to it</li>
<li>Set the parent page for every faq separately</li>
<li>Set the template for the faq pages</li>
</ul>
<h3>Setup</h3>
<p>In the Superior FAQ menu just click on <em>Add New</em>. In the next page you can write the <em>Question</em> in the title and the <em>answer</em> in the description fields. On the right side you have to assign the FAQ to a category. All FAQs need to be assigned to a category, otherwise they will not be listed. You can also set a custom parent page at the right side. Use this option if the parent page should be different than used in the settings.</p>
<p><strong>If you are using the plugin for the first time, you may need to go to Settings>Permalinks and hit <em>Save Changes</em> to see the FAQ in the frontend.</strong></p>
<h3>Settings</h3>
<p>In the settings you are able to change some labels and to set the general parent page that should be used for all FAQs. The URL of the parent page will be used for the <em>Back to FAQs</em> link in a single FAQ page.<br />
You can also set the template that should be used as template for the FAQ pages.</p>
<p><strong><a href="https://codecanyon.net/user/radykal/portfolio?ref=radykal" rel="nofollow ugc">More awesome plugins by the author</a></strong></p>


Superior FAQ

This plugin allows to create FAQs as custom post type and to list them in any page, post or widget area via shortcodes.

Custom Posts Accordion vs Superior FAQ