Ajax Load More

Ajax Load More replaces the lazy load from Jetpack. There is more control and customization from this plugin.

The repeater template has been customized for regional sites. The code matching Jake’s design is below (copy and paste):

<div class="tile is-ancestor">
  <div class="tile is-parent is-2">
    <article class="tile is-child">
      <a class="image is-4x3" href="<?php the_permalink(); ?>">
        <?php if ( has_post_thumbnail() ) { the_post_thumbnail('thumbnail'); }?>
      </a>
    </article>
  </div>
  <div class="tile is-parent">
    <article class="tile is-child is-6">
      <div class="tile is-ancestor">
        <div class="tile is-parent">
          <div class="tile is-child is-8">
            <p><strong><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></strong></p>
          </div>
          <div class="tile is-child has-text-right">
            <small class="has-text-grey ml-5"><time datetime="<?php the_time('ISO 8601'); ?>"><?php echo get_the_date(); ?></time></small>
          </div>
        </div>
      </div>
      <div class="content">
        <p><?php the_excerpt(); ?></p>
      </div>
    </article>
  </div>
</div>

If you need the original template, the code to copy/paste is below:

<li class="alm-item<?php if (!has_post_thumbnail()) { ?> no-img<?php } ?>">
   <?php if ( has_post_thumbnail() ) { the_post_thumbnail('thumbnail'); }?>
   <h3><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h3>
   <p class="entry-meta"><?php the_time("F d, Y"); ?></p>
   <?php the_excerpt(); ?>
</li>

Leave a comment

Your email address will not be published. Required fields are marked *