Cómo añadir el botón Cargar más mensajes en WordPress

¿Quieres añadir un botón de cargar más mensajes en WordPress? Muchas plataformas populares permiten a los usuarios cargar más mensajes cuando llegan al final de la página. En este artículo, te mostraremos cómo añadir fácilmente un botón de cargar más mensajes en WordPress.

Cuándo y por qué añadir el botón Load More Posts en WordPress

Mantener a sus usuarios interesados en el contenido le ayuda a obtener más vistas y, en última instancia, más suscriptores.

Muchos blogs utilizan el simple enlace de navegaciónMensajes antiguos al final de sus páginas de inicio, blog y archivo. Algunos sitios web utilizan la navegación por páginas numéricas, lo que añade más contexto.

Sin embargo, hay cierto tipo de sitios web que se pueden beneficiar inmensamente de infinito desplazamiento o cargar más mensajes botón. Algunos ejemplos incluyen: sitios web de fotografía, listados y sitios web de contenido viral.

En lugar de cargar una página completamente nueva, el botóncargar más mensajes funciona como un desplazamiento infinito. Utiliza JavaScript para obtener rápidamente el siguiente conjunto de contenidos. Esto mejora la experiencia del usuario y le da la oportunidad de ver más de su contenido.

Dicho esto, echemos un vistazo a cómo añadir fácilmente el botón de cargar más mensajes en su sitio de WordPress.

Adición del botón Cargar más mensajes en WordPress

Lo primero que tienes que hacer es instalar y activar el plugin Ajax Load More. Para más detalles, vea nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Una vez activado, el plugin agregará un nuevo elemento de menú llamadoAjax Load More a su menú de administración de WordPress. Necesitas hacer clic en él y dirigirte a la página de configuración del plugin.

En la página de configuración, puede elegir el color del botón. También puede reemplazar el botón por un desplazamiento infinito que carga el siguiente lote de mensajes automáticamente sin que los usuarios hagan clic en el botón.

A continuación, debe visitar la página Ajax Load More » Repeater Template para añadir su plantilla para mostrar los mensajes.

El plugin viene con una plantilla básica que contiene el bucle de WordPress para mostrar los mensajes. Sin embargo, no coincide con su tema y puede parecer fuera de lugar en su sitio web.

Para solucionar este problema, debe copiar el código que utiliza el tema para mostrar los mensajes en las páginas de índice, archivo y blog.

Normalmente, este código se encuentra en la carpeta de partes de plantillas del tema. En esa carpeta, verá plantillas para mostrar diferentes contenidos. Por ejemplo, content-page.php, content-search.php y más.

Estará buscando la plantilla content.php genérica. He aquí un ejemplo del archivo content.php de nuestro tema de demostración:

12345678910111213141415161718192021222324252627282930313233343536373839404142434445464748 «post-«> Publicar miniaturas. veinticinco_post_thumbnail(); ?>> «,»

si no: el_título( sprintf( )

esc_url( get_permalink()) ),

endif; endif; ?>    

     > . (Páginas:, veinticinco) . «después», «después» => «antes de», «antes de», «después de» => «después de», «después de» => «pagelink» => «antes de». (Página, veinticinco) . «%», «separator» => , , , ) ); ?> > Una vez que encuentre ese código, deberá pegarlo dentro del campo Repeater Templates en la configuración del plugin.

No olvides hacer clic en el botón «Guardar plantilla» para guardar tu configuración.

A continuación, debe visitar la página Ajax Load More » Shortcode Builder para generar el código abreviado.

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

Después desplácese hacia abajo a la sección de etiquetas de botones. Aquí puede cambiar el texto que aparece en el botón. Por defecto, el plugin usaOlder Posts, y puedes cambiarlo aLoad more posts o lo que quieras.

Por último, debe elegir si desea que los mensajes se carguen automáticamente o esperar a que los usuarios hagan clic en el botón Cargar más mensajes.

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

Adición de más mensajes en su tema de WordPress

Esta parte del tutorial requiere que añada código a los archivos de temas de WordPress. Si no lo has hecho antes, echa un vistazo a nuestra guía sobre cómo copiar y pegar código en WordPress.

No olvides hacer una copia de seguridad del tema de WordPress antes de hacer cualquier cambio.

Necesitarás encontrar los archivos de plantilla donde quieres añadir el botón Cargar más mensajes en tu tema. Dependiendo de cómo esté organizado el tema, normalmente estos archivos son index.php, archives.php, categories.php, etc.

Deberá agregar el código abreviado que copió anteriormente en el tema justo después de la etiqueta endwhile;.

Como estamos añadiendo el código abreviado en un archivo de tema, necesitaremos añadirlo dentro de la función do_shortcode, así:

1echodo_shortcode([ajax_load_more container_type=»div» post_type=»post»]»);           

Ahora puede guardar sus cambios y visitar su sitio web para ver el botónCargar más mensajes en acción.

Esperamos que este artículo le haya ayudado a aprender a añadir el botón de cargar más mensajes en WordPress. También puedes ver nuestra mega lista de los consejos, trucos y trucos de WordPress más útiles para principiantes.

Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Facebook.

Deja un comentario