¿Quiere 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últiples 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 lo 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 usan navegación de página numérica, lo que agrega más contexto.
Sin embargo, hay algunos tipos de sitios web que pueden beneficiarse enormemente del desplazamiento infinito o del botón de carga de publicaciones múltiples. Algunos ejemplos incluyen: sitios web de fotografía, directorios 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. Utilice JavaScript para obtener rápidamente el siguiente conjunto de contenido. Esto mejora la experiencia del usuario y les da la posibilidad de ver más contenido.
Dicho esto, echemos un vistazo a cómo agregar fácilmente el botón Cargar más publicaciones a 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 archivo. Ajax Cargar más conectar. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
Tras la activación, el plugin agregará un nuevo elemento de menú llamado «Ajax Load More» al menú de administración de WordPress. Debe hacer clic en él e ir a la página de configuración del plugin.
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 publicaciones sin que los usuarios hagan clic en el botón.
A continuación, debe visitar Ajax Cargar más »Modelo de repetidor página para agregar su plantilla para ver publicaciones.
El plugin 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 utilizado por el tema para mostrar publicaciones en las 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.
Buscará 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 el código, debe pegarlo en el campo Repeater Patterns en la configuración del plugin.
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 usan la extensión <div>; elemento.
Luego, 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 plugin usa «Publicaciones más antiguas» y puedes cambiarlo a «Cargar más publicaciones» o lo que quieras.
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.
Su shortcode ahora está listo para usar. 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.
Agregado Cargar más publicaciones a su tema de WordPress
Esta parte del tutorial requiere que agregue código en sus archivos de tema de WordPress. Si nunca ha hecho esto 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 cambios.
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, 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 archivo endwhile; etiqueta.
Como estamos agregando el shortcode a 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 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.
¿Te ha resultado útil??
0 / 0