How To Add Load More Posts Button In Wordpress

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

¿Quieres 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 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 permite obtener más vistas y, en última instancia, 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áginas digital que agrega más contexto. Sin embargo, hay ciertos tipos de sitios web que pueden beneficiarse enormemente del desplazamiento infinito o del botón de 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 un botón para cargar más publicaciones en su sitio de WordPress.

Se agregó 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ú titulado « 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.

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 un desplazamiento infinito que carga automáticamente el siguiente lote de mensajes sin que los usuarios hagan clic en el botón. Entonces debes visitar Ajax Cargar más »Modelo de repetidor página para agregar la plantilla de visualización de su artículo. 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 resolver este problema, debe copiar el código que usa su tema para mostrar los artículos en las páginas de índice, archivo y blog. Normalmente, este código está en la carpeta template-parts de su tema. En esta carpeta, verá plantillas para mostrar contenido diferente. Por ejemplo content-page.php, content-search.php, etc. Buscará la plantilla genérica content.php. Aquí hay un ejemplo del archivo content.php de nuestro tema de demostración:» >

‘,’

‘); otro: el_título (sprintf (‘

‘, esc_url (get_permalink ())),’

‘); terminara si; ?>

‘,’‘, falso))); wp_link_pages (array (‘antes’ => ‘

‘,’ link_before ‘=>’‘,’ link_after ‘=>’‘,’ pagelink ‘=>’«. __ (‘Página’, ‘veinticinco’). ‘ % ‘,’ separador ‘=>’, ‘,)); ?>

‘,’‘); ?>

Una vez que encuentre este código, debe pegarlo en el campo Plantillas repetidoras en la configuración del complemento. No olvide hacer clic en el botón «Guardar plantilla» para guardar su configuración. Entonces debes visitar Ajax Cargar más »Shortcode Builder página para generar el código corto. Esta página contiene muchas opciones 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

; elemento. Después, desplácese hacia abajo hasta la sección de etiquetas de los botones. Aquí puede editar el texto que aparece en el botón. De forma predeterminada, el complemento usa « Publicaciones más antiguas », y puede cambiarlo a « Cargar más publicaciones » o lo que quiera.
Etiqueta De Botón
Finalmente, 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 El Desplazamiento
Su shortcode ahora está listo para ser utilizado. En la columna de la derecha verá la salida del shortcode. Continúe, copie el código corto y péguelo en un editor de texto, ya que lo necesitará en el siguiente paso.
Salida De Código Corto

Agregue Cargar más publicaciones a su tema de WordPress

Esta parte del tutorial requiere que agregue código a sus archivos de tema de WordPress. Si no lo ha hecho antes, consulte nuestra guía sobre cómo copiar y pegar código en WordPress. Recuerde guardar su tema de WordPress antes de realizar cualquier cambio. Deberá encontrar los archivos de plantilla donde desea agregar el botón Cargar más artículos en su tema. Dependiendo de la organización de su tema, estos archivos suelen ser index.php, archives.php, categorías.php, etc. Deberá agregar el código corto que copió anteriormente en su tema justo después del final; etiqueta. Como estamos agregando el código corto en un archivo de tema, necesitaremos agregarlo en 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.
Haga Clic Para Cargar Más Mensajes De Vista Previa Del Botón
Esperamos que este artículo le haya ayudado a aprender cómo agregar el botón Cargar más publicaciones en WordPress. También puede consultar nuestra mega lista de los consejos, trucos y trucos más útiles de WordPress para principiantes. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.

Leave a Reply