Cómo agregar el botón ‘Cargar más’ en WordPress

¿Quieres agregar un botón para cargar más publicaciones en WordPress? Muchas webs permiten a los usuarios cargar más publicaciones cuando llegan al final de la página. En este artículo, vemos cómo agregar un botón para cargar más publicaciones en WordPress.

Lo primero que debe hacer es instalar y activar el complemento Ajax Load More .

Tras la activación, el complemento agregará un nuevo elemento de menú con la etiqueta ‘Ajax Load More’ en el menú de administración de WordPress. Haz clic en él para configurar del complemento.

A continuación, ve la página Plantilla para agregar tu plantilla para mostrar publicaciones. El complemento viene con una plantilla básica que contiene el bucle (loop) de WordPress para mostrar publicaciones.

Sin embargo, si no coincide con el tema puede parecer descolocado el resultado. Para solucionar esto, debes copiar el código que usa tu tema para mostrar las publicaciones en las páginas de home, archivo y blog.

Normalmente, este código se encuentra en la carpeta template-parts del tema. En esa carpeta, verás plantillas para mostrar diferentes contenidos. Por ejemplo, content-page.php, content-search.php y más. O la plantilla genérica content.php.

Aquí un ejemplo de content.php de nuestro tema de demostración:

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
    <?php
        // Post thumbnail.
        twentyfifteen_post_thumbnail();
    ?>
 
    <header class="entry-header">
        <?php
            if ( is_single() ) :
                the_title( '<h1 class="entry-title">', '</h1>' );
            else :
                the_title( sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' );
            endif;
        ?>
    </header><!-- .entry-header -->
 
    <div class="entry-content">
        <?php
            /* translators: %s: Name of current post */
            the_content( sprintf(
                __( 'Continue reading %s', 'twentyfifteen' ),
                the_title( '<span class="screen-reader-text">', '</span>', false )
            ) );
 
            wp_link_pages( array(
                'before'      => '<div class="page-links"><span class="page-links-title">' . __( 'Pages:', 'twentyfifteen' ) . '</span>',
                'after'       => '</div>',
                'link_before' => '<span>',
                'link_after'  => '</span>',
                'pagelink'    => '<span class="screen-reader-text">' . __( 'Page', 'twentyfifteen' ) . ' </span>%',
                'separator'   => '<span class="screen-reader-text">, </span>',
            ) );
        ?>
    </div><!-- .entry-content -->
 
    <?php
        // Author bio.
        if ( is_single() && get_the_author_meta( 'description' ) ) :
            get_template_part( 'author-bio' );
        endif;
    ?>
 
    <footer class="entry-footer">
        <?php twentyfifteen_entry_meta(); ?>
        <?php edit_post_link( __( 'Edit', 'twentyfifteen' ), '<span class="edit-link">', '</span>' ); ?>
    </footer><!-- .entry-footer -->
 
</article><!-- #post-## -->