Infinite Scroll and Ajax Load More

October 11, 2023

Infinite Scroll and Ajax Load More Plugin

Infinite Scroll or Load more the post by the button click without paginations.

Forgot the next page click and wait for the load list of the posts on the next page.

By using the Infinite scrolling you can list out all post on the same page by just scrolling the page down.

The another choice is you put the “Load More” button by using the shortcode, by click on the load more button some list of post are display on the same page.

This plugin use in the all the listing page of the blog like archive, category and author.

Features

Fully customizable to adapt to your site and theme.

Override the template loop file in your theme and you can change layout of the posts listing.

For the override create “ajax-load-more” directory under the theme folder and copy “content-loop.php” file from plugin “templates” directory and put on the “ajax-load-more” directory make required changes on loop file.

For the Infinite scrolling just install the plugin, make setting and just scroll.
You can change the loader image from the settings.

For the Infinite scrolling you can add the class names for the selector.
Also for the load more button you can change the button color and text.

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

  1. Infinite Scroll setting.

    Infinite Scroll setting.

  2. Infinite Scroll screen.

    Infinite Scroll screen.

  3. Infinite Scroll show more post screen.

    Infinite Scroll show more post screen.

  4. Ajax Load more button screen.

    Ajax Load more button screen.

  5. Ajax Load more button show more post screen.

    Ajax Load more button show more post screen.

FAQ

How to override the template loop file.

For the override create the a folder “ajax-load-more”.
Go to the “wp-content/plugins/infinite-scroll-ajax-load-more/templates” from here copy “content-loop.php” file and paste in your theme ajax-load-more folder.
Now you can make the change in the “content-loop.php” file located in theme.

Where to put shortcode?

Put the shortcode after the end of while loop and remove the pagination code. you can put this code in index.php, archive.php
do_shortcode(‘[ajax-loadmore-button]’);

Changelog

1.0

First version

Details

  • Version: 1.0.0
  • Active installations: 500
  • WordPress Version: 3.5
  • Tested up to: 6.3.5
  • PHP Version: 5.6

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars