Uday Moradiya

tushargohel

<p>Custom post type Ajax load more is the flexible solutions for WordPress to load only some of the posts and another posts will be load with infinite scroll or load more and you can create beautiful blog listing quickly.</p>
<p>If you are looking for large number of posts listing in single page then Custom post type Ajax load more is the right choice.</p>
<h3>Key Features</h3>
<p>✅ Custom post type Ajax load more is the using WordPress standard query with the many parameters like Post Type, Post Status, Category Taxonomies and more.<br />
✅ Setup security level, you can select post type and post status that only allow to load.<br />
✅ You can create own template to customized listing behavior and overwrite into your theme easily.<br />
✅ Lightweight, Faster and powerful performance.<br />
✅ 3 types of inbuilt template layouts.</p>
<h3>How to Use</h3>
<p>Lightweight Custom post type Ajax load is very simple way to use, you just put short-code anywhere.</p>
<h4>Shortcode:</h4>
<pre><code>[cpt_ajax_load_more post_type="post" template="default" posts_per_page="6"]
</code></pre>
<h4>PHP Code:</h4>
<pre><code><?php 
 $args = array(
  'id' => 'blog-list',
  'post_type' => 'post', 
  'post_staus' => 'publish',
  'template' => 'default'
 ); 
 echo cpt_alm_render($args); 
?>
</code></pre>
<h3>Extend Functionalities</h3>
<p>Developer can extend the functionalities using WordPress standard hooks and filters</p>
<ul>
<li><a href="https://plugins.blacktheme.net/cpt-ajax-load-more/docs/shortcode-parameters/" rel="nofollow ugc">Short code Parameters</a></li>
<li><a href="https://plugins.blacktheme.net/cpt-ajax-load-more/docs/filters/" rel="nofollow ugc">Filters</a></li>
<li><a href="https://plugins.blacktheme.net/cpt-ajax-load-more/docs/custom-templates/" rel="nofollow ugc">Create Custom template</a></li>
<li><a href="https://plugins.blacktheme.net/cpt-ajax-load-more/docs/javascript-callbacks/" rel="nofollow ugc">JavaScript callback</a></li>
</ul>
<h3>Demos and Examples</h3>
<ul>
<li><a href="https://plugins.blacktheme.net/cpt-ajax-load-more/examples/default-list/" rel="nofollow ugc">Simple List</a></li>
<li><a href="https://plugins.blacktheme.net/cpt-ajax-load-more/examples/grid-view/" rel="nofollow ugc">Grid view</a></li>
<li><a href="https://plugins.blacktheme.net/cpt-ajax-load-more/examples/card-view/" rel="nofollow ugc">Card View</a></li>
<li><a href="https://plugins.blacktheme.net/cpt-ajax-load-more/examples/card-view-2/" rel="nofollow ugc">Advance Card view</a></li>
<li><a href="https://plugins.blacktheme.net/cpt-ajax-load-more/examples/infiinte-scroll/" rel="nofollow ugc">Infinite Scrolling</a></li>
</ul>
<h3>Docs</h3>
<p>You can find <a href="https://plugins.blacktheme.net/cpt-ajax-load-more/docs/" rel="nofollow ugc">docs</a> and more details about Custom post type Ajax load more on <a href="https://plugins.blacktheme.net/cpt-ajax-load-more/" rel="nofollow ugc">blacktheme.net</a></p>


WordPress Ajax Load More and Infinite Scroll

Great way to load initial posts and load other posts by just click on load more button or infinite scrolling.

Fahad Mahmood

Invoicepress

aqibraza

Noman Ahmad

Waxil

<ul>
<li>
<p>Author: <a href="https://www.androidbubbles.com/contact" rel="nofollow ugc">Fahad Mahmood</a></p>
</li>
<li>
<p>Project URI: <a href="http://androidbubble.com/blog/wordpress/plugins/jquery-post-splitter" rel="nofollow ugc">http://androidbubble.com/blog/wordpress/plugins/jquery-post-splitter</a></p>
</li>
<li>
<p>License: GPL 3. See License below for copyright jots and titles.</p>
</li>
</ul>
<p>jQuery Post Splitter is compatible with almost all themes and it can be implemented in 4 different ways from which you might will require one. For user friendliness, this plugin come up with a button “Split Page” and easy usage within the text editor. It is light weight and comparatively optimized so it will not interrupt your scripts uselessly.</p>
<ul>
<li>Demo URI: <a href="http://demo.androidbubble.com/jquery-post-splitter-pro" rel="nofollow ugc">http://demo.androidbubble.com/jquery-post-splitter-pro</a></li>
<li>Demo URI: <a href="http://demo.androidbubble.com/how-it-works-jps" rel="nofollow ugc">http://demo.androidbubble.com/how-it-works-jps</a></li>
<li>Demo URI: <a href="http://demo.guavapattern.com/?page_id=443" rel="nofollow ugc">http://demo.guavapattern.com/?page_id=443</a></li>
<li>Demo URI (Page Break Block): <a href="http://demo.guavapattern.com/?page_id=447" rel="nofollow ugc">http://demo.guavapattern.com/?page_id=447</a></li>
</ul>
<p>WordPress has an excellent, but little known, <a href="https://codex.wordpress.org/Styling_Page-Links" rel="nofollow ugc">feature</a> for splitting up long posts into multiple pages. However, a growing trend among major news and blog sites is instead to split up posts into dynamically loading sliders. While there are many slider plugins available for WordPress, none of them quite tackles this functionality. That’s where the jQuery Post Splitter comes in: it takes normal multi-page posts from WordPress and replaces them with jQuery transition, ajax and page-refresh methods.</p>
<h4>Tags</h4>
<p>slider, pagination, ajax, carousel, multi-page, newspaper</p>
<h3>Video Tutorial</h3>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/C-ALIaOr7Zo?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h3>Basic Features</h3>
<ul>
<li>Posts and Pages can be divided into parts with page-breaks.</li>
<li>View full post optional link</li>
<li>Navigation captions can be edited</li>
<li>Slides counter can be displayed</li>
<li>Custom HTML and CSS can be added above and below post slides</li>
<li>Scroll to top option is available for long posts</li>
<li>Exceptional support on wordpress.org</li>
<li>Slider navigation position</li>
<li>Insert <br /> with each return key</li>
<li>Slider count (e.g. “2 of 4”) position</li>
<li>Scroll to top after slide load? (jQuery/Ajax)</li>
<li>Clean  tags from all posts/pages</li>
</ul>
<h3>Advanced Features</h3>
<ul>
<li>Default post navigation, line numbers display as pagination</li>
<li>JavaScript Function on Slide, on each next and previous button you can trigger multiple JS functions</li>
<li>Beautiful Styles for Slider Navigation</li>
<li>SEO Trick – Display full content on first page as hidden?</li>
<li>Loop slides – Creates an infinite loop of the slides</li>
<li>Editable navigation captions</li>
<li>Disable theme’s default post navigation</li>
<li>Display full content on first page as hidden</li>
<li>Combine different pages/posts with shortcode</li>
</ul>
<h3>What the slider does:</h3>
<ul>
<li>
<p>Provides an awesome functionality to combine many posts/pages into one with the shortcodes. Example: [JPS_CHUNK id=”62″ type=”title”]</p>
</li>
<li>
<p>Replaces WordPress’ built-in post pagination funtionality with jQuery, ajax-based carousel and page-refresh method.</p>
</li>
<li>
<p>Uses hash based URLs for easy direct linking to specific slides. This also preserves the functionality of the browser’s Back button.</p>
</li>
<li>
<p>Automatically adds slide navigation and a slide counter (e.g. ‘1 of 7’) to sliders according to the preferences you set.</p>
</li>
<li>
<p>Adds the ‘Insert Page Break’ button to the TinyMCE post editor so that you can easily split your content into multiple pages/slides.</p>
</li>
<li>
<p>Provides an optional stylesheet for (very) basic styling of the slider navigation.</p>
</li>
<li>
<p>Optionally allows infinite looping of slides.</p>
</li>
<li>
<p>Optionally provides a link to view all slides on a single page.</p>
</li>
<li>
<p>Optionally allows for scrolling back to top when each slide loads.</p>
</li>
</ul>

jQuery Post Splitter

This plugin will split your post and pages into multiple pages with a tag. A button to split the pages and posts is available in text editor icons.

WordPress Ajax Load More and Infinite Scroll vs jQuery Post Splitter