El Slider mejora la funcionalidad y estética de tu sitio web de WordPress. Cuando está bien diseñado, hará que tu sitio luzca profesional.
¡Sin duda! Esta función visualmente atractiva anima a tus lectores a interactuar con el contenido y les facilita reaccionar a tu llamado a la acción.
Directrices para incluir un Slider en sitios construidos con Astra
Astra es un tema de WordPress flexible para ampliar la funcionalidad. ¡Veamos cómo mostrar un slider en el tema de WordPress de Astra!
Paso 1: Para agregar un slider en el tema Astra, ¡debes instalar el plugin gratuito Spectra desarrollado por el equipo de Astra!
Paso 2: Después de instalar el plugin, puedes editar la página de inicio de tu sitio o crear una nueva página haciendo clic en “Añadir nueva página“. Ahora, debes agregar bloques de slider en esa página donde quieras.
Paso 3: Es posible agregar dos tipos de sliders en el tema Astra: un slider basado en texto estándar y un slider de carrusel de publicaciones. Voy a incorporar un slider de carrusel de publicaciones.
Añadir un Carrusel de publicaciones en el tema Astra
¡Mira la siguiente imagen! Haz clic en el botón “+” y busca el bloque “Slider“. Obtendrás la opción “Carrusel de publicaciones“. ¡Selecciona esto!
Paso 4: ¡Después de agregar este bloque, se verá como en la imagen siguiente!
Paso 5: A continuación, debes hacer la configuración general. Aquí tienes las preferencias de configuración disponibles.
1. Alineación del texto – Para fijar la alineación del texto del slider – izquierda, centro o medio.
2. Tipo de publicación – Selecciona el tipo de publicación, ya sea publicaciones o páginas.
3. Taxonomía – Por defecto, se mostrarán las publicaciones por categorías, sin embargo, puedes mostrarlas a través de etiquetas o ambas. ¡Mira la siguiente imagen!
4. Categorías – Selecciona el contenido del slider de categorías específicas o de todas las categorías. ¡Aquí tienes una imagen de referencia!
5. Excluir la publicación actual – Después de habilitar esta preferencia, se excluirá la publicación actual.
6. Publicación por página – Ingresa el número de publicaciones que deseas mostrar
7. Orden de inicio de la publicación – Saltará el número de publicaciones establecido y usará la siguiente publicación como punto de inicio.
8. Ordenar por – Orden de visualización de las publicaciones, fecha o título o aleatorio o menú
9. Orden – Ascendente o descendente
10. Columnas – Debes seleccionar cuántas columnas quieres.
11. Alturas iguales – Si las imágenes destacadas de tus publicaciones tienen alturas diferentes, entonces debes activar esta opción para que ajuste las alturas de las otras publicaciones. Revisa la siguiente imagen.
12. Si no se encuentran publicaciones – si alguien busca en tu sitio y no hay publicaciones, se mostrará el mensaje que introdujiste en este cuadro.
Paso 6: Ahora, hagamos la configuración del carrusel. Echa un vistazo a la captura de pantalla a continuación, ¡todas las preferencias se explican por sí mismas! ¡Si tienes dudas, por favor pregúntame!
Paso 7: ¡Ahora debes hacer la configuración de la imagen! Observa la configuración directa, simplemente configura todo como desees.
En esta configuración, es posible cambiar la posición de la imagen. Por ejemplo, si seleccionas la opción “Arriba“, obtendrás el resultado como este!
Observa el resultado cuando eliges la opción “Fondo“.
Paso 8: Aquí vienen las configuraciones de contenido. Todas las opciones son claras. Configura todo según tus necesidades.
Paso 9: ¡Revisa las configuraciones preestablecidas y personaliza como desees!
Si eliges la opción marcada, el resultado será como este!
Paso 10: ¡Hagamos las configuraciones de “Estilo“! Estoy cambiando el color de fondo.
¡Obteniendo el resultado como este!
Paso 11: Haz las configuraciones de título para el estilo. ¡Todas las opciones son sencillas!
Paso 12: Es hora de jugar con las Configuraciones Avanzadas. Aquí, tienes la opción de cambiar el estilo de animación.
