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

¬ŅDesea agregar un bot√≥n de 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.

Cómo agregar el botón cargar más publicaciones en WordPress

Cuándo y por qué agregar el botón Cargar más publicaciones en WordPress

Mantener a los usuarios interesados ‚Äč‚Äčen el contenido lo ayuda a obtener m√°s vistas y, en √ļltima instancia, m√°s suscriptores.

Muchos blogs usan el simple enlace de navegaci√≥n “Publicaciones anteriores” al final de sus p√°ginas de inicio, blog y archivo. Algunos sitios web utilizan la navegaci√≥n de p√°ginas num√©ricas que agrega m√°s contexto.

Sin embargo, hay ciertos tipos de sitios web que pueden beneficiarse enormemente del desplazamiento infinito o cargar el botón de 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 recuperar r√°pidamente el siguiente conjunto de contenido. Esto mejora la experiencia del usuario y les da la oportunidad de ver m√°s 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 complemento Ajax Load More. 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√ļ etiquetado “Ajax Load More” a su men√ļ de administrador de WordPress. Debe hacer clic en √©l y dirigirse a la p√°gina de configuraci√≥n del complemento.

Ajax Cargar m√°s configuraciones

En la página de configuración, puede elegir el color de su botón. También puede reemplazar el botón con desplazamiento infinito que carga automáticamente el próximo lote de publicaciones sin que los usuarios hagan clic en el botón.

A continuaci√≥n, debes visitar Ajax Cargar m√°s ¬ĽPlantilla repetidora 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 de partes de plantilla de su tema. En esa carpeta, verá plantillas para mostrar contenido diferente. Por ejemplo content-page.php, content-search.php y más.

Buscará la plantilla genérica content.php. Aquí hay un ejemplo del archivo content.php de nuestro tema de demostración:

>
', '' ); else : the_title( sprintf( '

', esc_url( get_permalink() ) ), '

' ); endif; ?>
', '', false ) ) ); wp_link_pages( array( 'before' => '', 'link_before' => '', 'link_after' => '', 'pagelink' => '' . __( 'Page', 'twentyfifteen' ) . ' %', 'separator' => ', ', ) ); ?>
', '' ); ?>

Una vez que encuentre ese código, debe pegarlo dentro del campo Plantillas 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, debes visitar Ajax Cargar m√°s ¬ĽShortcode Builder p√°gina para generar el shortcode.

Esta página contiene muchas opciones diferentes que puede personalizar. Primero deberá seleccionar el tipo de contenedor. Si no está seguro, solo mire la plantilla que copió anteriormente. La mayoría de los temas modernos usan el

; elemento.

Despu√©s de eso, despl√°cese hacia abajo hasta la secci√≥n de etiquetas de botones. Aqu√≠ puede cambiar el texto que aparece en el bot√≥n. De forma predeterminada, el complemento utiliza “Publicaciones anteriores” y puede cambiarlo a “Cargar m√°s publicaciones” o lo que desee.

Etiqueta de botón

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.

Deshabilitar desplazamiento

Su shortcode ahora est√° listo para ser utilizado. En la columna de la derecha, ver√° la salida del shortcode. Contin√ļe y copie el shortcode y p√©guelo en un editor de texto, ya que lo necesitar√° en el siguiente paso.

Salida de código corto

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 cambios.

Tendrá que 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, categories.php, etc.

Deberá agregar el shortcode que copió anteriormente en su tema justo después del final; etiqueta.

Como estamos agregando el shortcode en un archivo de tema, tendremos que agregarlo dentro de 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.

Haz clic para cargar la vista previa del botón de más publicaciones

Esperamos que este art√≠culo te haya ayudado a aprender c√≥mo agregar el bot√≥n cargar m√°s publicaciones en WordPress. Tambi√©n es posible que desee ver nuestra mega 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 ver videos tutoriales de WordPress. También puedes encontrarnos en Twitter y Facebook.