Cómo agregar un botón Cargar más publicaciones en WordPress

¿Le gustaría agregar un botón 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 un botón Cargar más publicaciones en WordPress

Mantener a sus usuarios comprometidos con su contenido lo ayuda a obtener más vistas y, en última instancia, más suscriptores.

Muchos bloggers usan enlaces de navegación simples de “Publicaciones antiguas” al final de su página de inicio, blog y páginas de archivo. Algunos sitios web utilizan la navegación de páginas digitales que agrega más contexto.

Sin embargo, algunos tipos de sitios pueden beneficiarse enormemente del desplazamiento infinito o de un botón para cargar más publicaciones. Algunos ejemplos incluyen: sitios de fotografía, listados de artículos y sitios 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 obtener 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.

Habiendo dicho eso, veamos cómo agregar fácilmente un botón Cargar más publicaciones a su sitio de WordPress.

Agregar el botón Cargar más publicaciones en WordPress

Lo primero que debe hacer es instalar y activar el complemento Ajax Load More. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar complementos de WordPress.

Una vez activado, 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 e ir a la página de configuración del complemento.

En la página de configuración, puede elegir el color del botón. También puede reemplazar el botón con desplazamiento infinito, que carga automáticamente el siguiente lote de publicaciones sin que el usuario tenga que hacer clic en el botón.

A continuación, debe visitar Ajax Cargar más » Plantilla de repetidor página para agregar una plantilla para mostrar publicaciones.

El complemento viene con una plantilla básica con un bucle de WordPress para mostrar publicaciones. Sin embargo, no coincide con su tema y puede parecer fuera de lugar en su sitio.

Para solucionar esto, deberá duplicar el código que usa su tema para mostrar las publicaciones en las páginas de índice, archivo y blog.

Normalmente, este código se encuentra en la carpeta template-parts del tema. En esta carpeta verá plantillas que muestran diferentes contenidos. Por ejemplo content-page.php, content-search.php, etc.

Estarás buscando una plantilla content.php genérica. Aquí hay un ejemplo del archivo content.php de nuestro tema de demostración:

<article  <?php post_class(); ?>>
	<?php
		// Post thumbnail.
		twentyfifteen_post_thumbnail();
	?>

	<header >
		<?php
			if ( is_single() ) :
				the_title( '<h1 >', '</h1>' );
			else :
				the_title( sprintf( '<h2 ><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' );
			endif;
		?>
	</header><!-- .entry-header -->

	<div >
		<?php
			/* translators: %s: Name of current post */
			the_content( sprintf(
				__( 'Continue reading %s', 'twentyfifteen' ),
				the_title( '<span >', '</span>', false )
			) );

			wp_link_pages( array(
				'before'      => '<div ><span >' . __( 'Pages:', 'twentyfifteen' ) . '</span>',
				'after'       => '</div>',
				'link_before' => '<span>',
				'link_after'  => '</span>',
				'pagelink'    => '<span >' . __( 'Page', 'twentyfifteen' ) . ' </span>%',
				'separator'   => '<span >, </span>',
			) );
		?>
	</div><!-- .entry-content -->

	<?php
		// Author bio.
		if ( is_single() && get_the_author_meta( 'description' ) ) :
			get_template_part( 'author-bio' );
		endif;
	?>

	<footer >
		<?php twentyfifteen_entry_meta(); ?>
		<?php edit_post_link( __( 'Edit', 'twentyfifteen' ), '<span >', '</span>' ); ?>
	</footer><!-- .entry-footer -->

</article><!-- #post-## -->

Una vez que encuentre el código, debe pegarlo en el campo Plantilla de repetidor 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 Cargando más » Generador de códigos cortos Shortcode de generación de página.

Esta página contiene muchas opciones diferentes que puede personalizar. Primero, debe elegir el tipo de contenedor. Si no está seguro, mire la plantilla que copió anteriormente.La mayoría de los temas modernos utilizan <div>; elemento.

Luego desplácese hacia abajo hasta la sección de etiquetas de botones. Aquí puede cambiar el texto que se muestra en el botón. De manera predeterminada, el complemento usa “Publicaciones antiguas”, puede cambiarlo a “Cargar más publicaciones” o lo que desee.

Finalmente, debe elegir si desea que las publicaciones se carguen automáticamente o esperar a que el usuario haga clic en el botón Cargar más publicaciones.

Su shortcode ahora está listo para usar. En la columna de la derecha, verá la salida del shortcode. Continúe, copie el código abreviado y péguelo en un editor de texto, ya que lo necesitará en el siguiente paso.

Agregue Cargar más publicaciones a su tema de WordPress

Esta parte del tutorial requiere que agregue código a su archivo de tema de WordPress. Si no lo ha hecho antes, consulte 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 el archivo de plantilla donde desea agregar el botón Cargar más publicaciones en su tema. Dependiendo de cómo esté organizado el tema, normalmente estos archivos son index.php, archives.php,categories.php, etc.

Debe agregar el código abreviado que copió anteriormente después del tema endwhile; Etiqueta.

Dado que estamos agregando el shortcode en el archivo del tema, debemos agregarlo a la función do_shortcode de esta manera:

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 te haya ayudado a aprender cómo agregar un botón para cargar más publicaciones en WordPress. También puede consultar nuestra súper lista de los consejos, trucos y trucos de WordPress más útiles para principiantes.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para videos tutoriales de WordPress.También puedes encontrarnos en Gorjeo y Facebook.

Los datos expuestos en este sitio web son de índole informativo, no necesariamente están actualizados. Esta información es una recopilación de información de internet.