¿Quieres agregar un botón para cargar más publicaciones en WordPress? Muchas plataformas populares permiten a los usuarios cargar más publicaciones cuando llegan al final de la página. En este artículo, le mostraremos cómo agregar fácilmente un botón para cargar más publicaciones en WordPress.
Cuándo y por qué agregar el botón Cargar más publicaciones en WordPress
Mantener a sus usuarios comprometidos con el contenido le ayuda a obtener más vistas y, en última instancia, a más suscriptores.
Muchos blogs utilizan el sencillo enlace de navegación «Entradas más antiguas» al final de sus páginas de inicio, blog y archivo. Algunos sitios web utilizan la navegación de página numérica, lo que agrega más contexto.
Sin embargo, hay cierto tipo de sitios web que pueden beneficiarse enormemente del botón de desplazamiento infinito o cargar más publicaciones. Algunos ejemplos incluyen: sitios web de fotografía, listas y sitios web de contenido viral.
En lugar de cargar una página completamente nueva, el botón «cargar más publicaciones» funciona como un desplazamiento infinito. Utiliza JavaScript para buscar rápidamente el siguiente conjunto de contenido. Esto mejora la experiencia del usuario y les da la oportunidad de ver más de su contenido.
Dicho esto, echemos un vistazo a cómo agregar fácilmente el botón Cargar más publicaciones en su sitio de WordPress.
Agregar el botón Cargar más publicaciones en WordPress
Lo primero que debe hacer es instalar y activar el Ajax Cargar más enchufar. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.
Tras la activación, el complemento agregará un nuevo elemento de menú con la etiqueta ‘Ajax Load More’ a su menú de administración de WordPress. Debe hacer clic en él y dirigirse a la página de configuración del complemento.
En la página de configuración, puede elegir el color de su botón. También puede reemplazar el botón con un desplazamiento infinito que carga el siguiente lote de publicaciones automáticamente sin que los usuarios hagan clic en el botón.
A continuación, debe visitar Ajax Cargar más »Plantilla de repetidor página para agregar su plantilla para mostrar publicaciones.
El complemento viene con una plantilla básica que contiene el bucle de WordPress para mostrar publicaciones. Sin embargo, no coincide con su tema y puede parecer fuera de lugar en su sitio web.
Para solucionar esto, debe copiar el código que usa su tema para mostrar publicaciones en páginas de índice, archivo y blog.
Normalmente, este código se encuentra en la carpeta template-parts de su tema. En esa carpeta, verá plantillas para mostrar contenido diferente. Por ejemplo content-page.php, content-search.php y más.
Estará buscando la plantilla genérica content.php. Aquí hay un ejemplo del archivo 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-## -->
Una vez que encuentre ese código, debe pegarlo dentro del campo Plantillas repetidoras en la configuración del complemento.
No olvide hacer clic en el botón «Guardar plantilla» para almacenar su configuración.
A continuación, debe visitar Ajax Cargar más »Shortcode Builder página para generar el código corto.
Esta página contiene muchas opciones diferentes que puede personalizar. Primero deberá seleccionar el tipo de contenedor. Si no está seguro, mire la plantilla que copió anteriormente. La mayoría de los temas modernos utilizan <div>
; elemento.
Después de eso, desplácese hacia abajo hasta la sección de etiquetas de los botones. Aquí puede cambiar el texto que aparece en el botón. De forma predeterminada, el complemento usa ‘Publicaciones más antiguas’, y puede cambiar eso a ‘Cargar más publicaciones’ o lo que desee.
Por último, debe elegir si desea que las publicaciones se carguen automáticamente o esperar a que los usuarios hagan clic en el botón cargar más publicaciones.
Su shortcode ahora está listo para ser utilizado. En la columna de la derecha, verá la salida del código corto. Continúe y copie el código corto y péguelo en un editor de texto, ya que lo necesitará en el siguiente paso.
Agregar Cargar más publicaciones en su tema de WordPress
Esta parte del tutorial requiere que agregue código a sus archivos de tema de WordPress. Si no ha hecho esto antes, eche un vistazo a nuestra guía sobre cómo copiar y pegar código en WordPress.
No olvide hacer una copia de seguridad de su tema de WordPress antes de realizar cualquier cambio.
Deberá encontrar los archivos de plantilla donde desea agregar el botón cargar más publicaciones en su tema. Dependiendo de cómo esté organizado su tema, generalmente estos archivos son index.php, archives.php, categorías.php, etc.
Deberá agregar el código corto que copió anteriormente en su tema justo después de la endwhile;
etiqueta.
Dado que estamos agregando el código corto en un archivo de tema, necesitaremos agregarlo dentro de la función do_shortcode, así:
echo do_shortcode('[ajax_load_more container_type="div" post_type="post"]');
Ahora puede guardar sus cambios y visitar su sitio web para ver el botón ‘Cargar más publicaciones’ en acción.
Esperamos que este artículo le haya ayudado a aprender cómo agregar el botón para cargar más publicaciones en WordPress. Es posible que también desee ver nuestra mega lista de los consejos, trucos y trucos más útiles de WordPress para principiantes.