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.

Vikas Vatsa

<p>This plugin allow you to display your blog posts or custom posts on a page within few seconds. You will need to select the post type from dropdown along with few other settings(optional) and it will provide you shortcode such as <strong>[dcp_show type=’your-custom-post-slug’]</strong> that you need to add in order to display posts in grid layout.</p>
<p>Please note that, you don’t need to save plugin settings. Everytime, when you change the settings and generate shortcode, it would give you the new shortcode that you can use.</p>
<h3>Features of Display Custom Post WordPress Plugin:</h3>
<ol>
<li>It provide you ready-made grid layout for all post types including blog posts.</li>
<li>It is mobile responsive as well. </li>
<li>Multiple Layouts:
<ul>
<li>Default</li>
<li>Grid Layout</li>
<li>Full Width Layout</li>
<li>Boxed Layout (Image Left – Content Right)</li>
<li>Boxed Layout (Content Left – Image Right)</li>
<li>Content Overlay Layout</li>
</ul>
</li>
<li>Certain optional settings are also provided:
<ul>
<li>Show only specific posts</li>
<li>Exclude specific posts</li>
<li>Number of posts to be displayed on a page (*it supports pagination)</li>
<li>Order of the posts to be displayed either ascending or descending</li>
<li>Orderby – Supports multiple options</li>
</ul>
</li>
<li>Option to show post author, comments count and post publish date</li>
<li>Very much lightweight and easy to use</li>
</ol>


Display Custom Post

It is a good plugin indeed for custom post grid display. Looking for its new version in which maybe you will add taxonomies support as well.

Nice Plugin for display custom posts using simple shortcode

Display Custom Post provides a simple way to show your Blog Posts or Custom Posts in any page or post by adding a simple shortcode.

Custom Posts Accordion vs Display Custom Post