• Contributors: 33themes, gabrielperezs, lonchbox, tomasog, 11bits
• Tags: loadmore, pagination, posts pagination, core pagination, vertical pagination, posts per page, pagination animation
• Requires at least: 3.7
• Tested up to: 4.3
• Stable tag: 1.1.1
• License: GPLv2
• License URI: http://www.gnu.org/licenses/gpl-2.0.html

WordPress plugin to loadmore event with your own template

WordPress plugin to load more event with your own template.

For code contributions please go to https://github.com/33themes/ttt-loadmore

This is the base html:

<a href="#" data-tttloadmore-do="archiveposts" data-tttloadmore-to="#main" data-tttloadmore-args="category:php;">
    Load more content
</a>

• data-tttloadmore-do* is the action to load more content
• data-tttloadmore-to* is where the script put the content after load more posts (the result of the "do" action)
• data-tttloadmore-args* contain all the arguments you want to send to the "do" action

Then, you have to create an action with the same name of the data-tttloadmore-do

<?php
function loadmore_archiveposts( $page, $args = false ){

    $archiveposts = array(
        'post_type' => 'post',
        'post_status' => 'publish',
        'order' => 'DESC',
        'orderby' => 'date',
        'paged' => $page,
        'ignore_sticky_posts' => 1,
        'category_name' => $args['category'],
    );
    $archiveposts_query = new WP_Query($archiveposts);
    ?>

    <?php if ($archiveposts_query->have_posts()) : ?>
        <?php while ($archiveposts_query->have_posts()) : $archiveposts_query->the_post(); ?>
                <?php get_template_part( 'partials/content', 'content' ); ?>
        <?php wp_reset_postdata();?>
        <?php endwhile; ?>
    <?php endif;?>
    
    <?
}
add_action('ttt_loadmore_archiveposts','loadmore_archiveposts', 1, 2);
?>

Remove assets from the main file

First version

This section describes how to install the plugin and get it working.

1. Upload ttt-loadmore folder to the /wp-content/plugins/ directory
2. Activate the plugin through the 'Plugins' menu in WordPress