Next Page

How It Works

The Next Page add-on uses the Page Break block for the WordPress Block Editor (Gutenberg) or the nextpage Quicktag in the Classic Editor to split the post_content of the current post into multiple pages.

The Next Page add-on dynamically splits the_content() of a page, post, or custom post type into unique pages at the location where Page Break blocks or nextpage tags are found, and then Ajax Load More provides functionality to infinite scroll the results.

As users load additional pages of content, the browser address bar is updated to the page currently in view and pageviews are sent to Google Analytics for tracking – both these options can be turned on or off depending on your requirements.

With the Next Page add-on, you can infinite scroll any piece of post content your WordPress site offers.

Examples

Implementation

Implementing the Next Page add-on is a two-step process of creating the multi-page content and configuring an Ajax Load More shortcode to display the results.

Step 1 – Create Multi-Page Content

The first step is to create a page or post with some paginated content – if you’ve already done this, skip ahead to Step #2.

The Block Editor and the Classic Editor are both supported by the add-on, however, the implementation steps vary for each editor so please read below for instructions on how to create multi-page content.

Block Editor

Block Editor (Gutenberg) users must insert a Page Break block at the locations they wish a break to appear in the content.

Simply insert the Page Block and for every instance found Ajax Load More will split the content into pages and load the content via infinite scroll.

Classic Editor

Classic Editor users must switch the content editor to the Text tab and place nextpage tags where the page breaks should appear in the content.

For every nextpage instance found Ajax Load More will split the content into pages and load the content via infinite scroll.

Note: The nextpage tag must be added to the content editor via the Text tab (as seen above) and will display as a page break in the Visual editor.

Step 2 – Adding the Shortcode

The last step is to add or configure your custom Ajax Load More shortcode, the Next Page add-on provides two unique methods for doing so.

The Post Type implementation allows for Next Page functionality to be enabled automatically on specific post types. In contrast, the Template implementation allows for more granular control of where and when the functionality is enabled.

Post Type Implementation (Automatic)

The Next Page add-on provides a Post Type implementation method where all plugin configuration and setup is handled via global Ajax Load More settings.

This method allows users to automatically enable Next Page functionality on a per Post Type basis and requires absolutely zero template modification or custom configuration outside of the plugin settings page. Ajax Load More will automatically inject Next Page functionality into the single template for selected Post Types.

Access the plugin configuration settings by visiting `Ajax Load More > Settings > Next Page` in your WordPress admin.

Once on the setting screen, follow the steps below:

1. Select the post type(s) to activate Next Page functionality.
2. Enter the custom Ajax Load More shortcode for each template.
   Note: As a fallback, should you not enter a shortcode, Ajax Load More will set a basic [ajax_load_more nextpage="true"] shortcode.

When a Post Type is selected, Next Page functionality is injected automatically into the single template for the Post Type and no further set up is required.

Taxonomy Query

It’s possible to enable Next page functionality on specific posts in a post type by passing the required taxonomy query params directly intto the shortcode.

[ajax_load_more nextpage="true" taxonomy="actor" taxonomy_terms="chris-rock, will-smith"]

The shortcode example above with render Next Page functionality only when chris-rock or will-smith taxonomy terms are associated with a post.

<?php
/**
 * Template Name: My Next Page Template
 * 
 * Replace the_content() function in the WordPress loop with the [ajax_load_more] shortcode.
*/

get_header(); 
?>
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
   <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
   <header class="header">
      <h1><?php the_title(); ?></h1>   
      <p class="meta"><?php the_date('F d, Y'); ?></p>
   </header>
   <div class="content">
      <?php 
      // the_content(); // Replaced with ALM shortcode.
      echo do_shortcode( '[ajax_load_more nextpage="true" pause="true" pause_override="true" button_label="Next Page"]' );
   ?>	
   </div>	
   <?php endwhile; endif; ?>	
</article>
<?php 
get_footer();

Shortcode Parameters

The following shortcode parameters are available with the Next Page add-on.

Shortcode Builder

The following screenshot illustrates the process of building a Next Page shortcode using the Shortcode Builder.

Example Shortcode

Installation

Upon purchase of this add-on you will receive a confirmation/purchase receipt email. Your receipt will contain a direct link for downloading your copy of Ajax Load More: Next Page and a license key.

After downloading the add-on, upload the unzipped files to your /wp-content/plugins/ directory or visit your plugins dashboard and upload the downloaded .zip under Add New.

License Activation

To activate your add-on and receive updates directly in your WordPress plugins dashboard users are required to enter the license key that was included with their purchase receipt.

To activate a license key:

1. Visit the Licenses section within the Ajax Load More plugin.
2. Enter the product key and click Activate License.
3. If the status indicator turns green your add-on has been successfully activated (example below).

If you did not receive a confirmation email containing your license key, please check your spam/junk folder. If you still cannot locate the email, contact me at darren [at] connekthq.com or use the Product Support form.