WordPress Ajax Load More and Infinite Scroll

July 28, 2021

WordPress Ajax Load More and Infinite Scroll Plugin

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

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.

If you are looking for large number of posts listing in single page then Custom post type Ajax load more is the right choice.

Key Features

✅ 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.
✅ Setup security level, you can select post type and post status that only allow to load.
✅ You can create own template to customized listing behavior and overwrite into your theme easily.
✅ Lightweight, Faster and powerful performance.
✅ 3 types of inbuilt template layouts.

How to Use

Lightweight Custom post type Ajax load is very simple way to use, you just put short-code anywhere.

Shortcode:

[cpt_ajax_load_more post_type="post" template="default" posts_per_page="6"]

PHP Code:

<?php $args = array( 'id' => 'blog-list', 'post_type' => 'post', 'post_staus' => 'publish', 'template' => 'default' ); echo cpt_alm_render($args); ?>

Extend Functionalities

Developer can extend the functionalities using WordPress standard hooks and filters

Demos and Examples

Docs

You can find docs and more details about Custom post type Ajax load more on blacktheme.net

Installation

Easiest way:
1. Upload the plugin files to the /wp-content/plugins/plugin-name directory, or install the plugin through the WordPress plugins screen directly.
2. Activate the plugin through the ‘Plugins’ screen in WordPress
3. Use the Settings->Plugin Name screen to configure the plugin

Screenshots

Ajax load more button screen grid view
Ajax load more button screen simple list
Infinite Scroll screen.
Ajax load more button screen advance grid view
General settings.

FAQ

How to add Ajax load more in my website?

Put this shortcode [cpt_ajax_load_more] in your page content editor.

Can I create my own custom template?

Yes, Please read this article to add custom template

Can I restrict specific post type to allow?

Yes, in the settings menu of the Custom post type Ajax load more plugin.

Is the Ajax call secure?

Yes, Custom post type Ajax load more uses the WordPress standard nonce to protect the URL to direct access and also admin user can set permission to allow custom post type and post status.

How to override the system loop template file?

Create new folder called “cpt-alm” in the current theme .
Copy template file from plugins (wp-content/plugins/cpt-ajax-load-more/templates) and put in the current theme.

Changelog

1.6.0 – July 28, 2021

NEW – Added a new feature to disable nonce verify in ajax call.
NEW – Added new feature to disable the default CSS.
FIX – Multiple post type issue.
FIX – Fixed wrapper and item class issue.
FIX – Border issue in Safari of default layout.

1.5.1 – October 13, 2020

FIX – Category parameters is not working.
FIX – Multiple post types not working.
FIX – Gutenberg page update issue.

1.5.0 – September 9, 2020

NEW – Added shortcode builder button for editor.
FIX – Fixed queryArguments filter not working after ajax load more.

1.0.0

initial version