¿Le gustaría agregar un botón para subir publicaciones de manera gradual y asincrónica a WordPress? Muchas plataformas populares permiten a los usuarios cargar más artículos cuando llegan al final de la página. En este tutorial, le mostraremos cómo agregar fácilmente un botón para cargar nuevas publicaciones en WordPress.
Cuándo y por qué agregar un botón de carga de artículo 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 de "artículos anteriores" al final de su página de inicio, blog y archivo. Algunos sitios 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 sin fin de todos los artículos. Algunos ejemplos incluyen: sitios web de fotografía, listas y sitios web de contenido viral.
En lugar de cargar una página nueva, el botón "cargar más artículos" funciona como un desplazamiento sin fin. Utiliza JavaScript para obtener rápidamente el siguiente conjunto de contenido. Esto mejora la experiencia del usuario y les da la oportunidad de mostrar más contenido.
Dicho esto, echemos un vistazo a cómo agregar fácilmente el botón de carga de publicaciones en su sitio de WordPress.
Agregar el botón de carga de artículos en WordPress
Lo primero que debe hacer es instalar y activar el complemento. Ajax Cargar más . Para obtener más detalles, consulte nuestra guía paso a paso para forma de instalar un complemento de WordPress.
Después de activar el complemento, el complemento agregará un nuevo elemento de menú titulado "Ajax Cargar másA su panel de WordPress. Debe hacer clic en él y dirigirse a la página de configuración del complemento.
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 elementos sin que los usuarios hagan clic en el botón.
Entonces tienes que acceder " Ajax Load Plus » Plantilla repetidora » para agregar su plantilla a la visualización del artículo.
El complemento viene con una plantilla básica que contiene el bucle de WordPress para mostrar publicaciones. Sin embargo, es posible que no coincida con su tema.
Para resolver este problema, debe copiar el código que usa su tema para mostrar publicaciones en la página de inicio, archivo y blog del 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 y más.
Está buscando la plantilla genérica content.php. Aquí hay un ejemplo del archivo content.php de nuestro tema de demostración:
" > ',' '); más: el_título (sprintf (' ', esc_url (get_permalink ())),' '); terminara si; ?> ',' ', falso))); wp_link_pages (array ('antes' => ' '. __ ('Páginas:', 'veinticinco'). ' ', 'después de' => ' ',' link_before '=>' ',' link_after '=>' ',' pagelink '=>' '. __ ('Página', 'veinticinco'). ' %', 'separador' => ' , ',)); ?> ',' '); ?>
Una vez que haya encontrado este código, debe pegarlo en el campo Repetidor Plantillas en la configuración del complemento.
No olvides hacer clic en el botón « Guardar plantilla Para almacenar su configuración.
Entonces tienes que visitar " Ajax Load Plus » Shortcode Builder ”para generar el shortcode.
Esta página contiene muchas opciones que puede personalizar. Primero debe seleccionar el tipo de contenedor. Si no está seguro, mire la plantilla que copió anteriormente. La mayoría de los temas modernos usan el elemento <div>.
Después de eso, desplácese hacia abajo hasta la sección de etiquetas de los botones. Aquí puede cambiar el texto que aparece en el botón. De forma predeterminada, el complemento usa 'mostrar más artículos', y puedes cambiarlo a lo que quieras.
Finalmente, debe elegir si desea que las publicaciones se carguen automáticamente después de un clic.
Su shortcode ahora está listo para ser utilizado. En la columna de la derecha verá la salida del shortcode. Continúe y copie el código corto y péguelo en un editor de texto, ya que lo necesitará en el siguiente paso.
Agregue más artículos a su tema de WordPress
Esta parte del tutorial requiere que agregue código en los archivos de tema de WordPress.
No olvides guardar tu tema de WordPress antes de hacer cualquier cambio.
Deberá encontrar los archivos de plantilla donde desea agregar el botón de carga en su tema. Dependiendo de cómo esté organizado su tema, normalmente estos archivos son index.php, archives.php, categorías.php, etc.
Deberá agregar el código corto que copió anteriormente en su tema justo después de la etiqueta endwhile;.
Dado que 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.
Eso es todo por este tutorial, espero que le permita agregar un botón de carga asincrónica en su blog de WordPress.
