Tutorial de Avada Theme: Cómo diseñar entradas de blog interactivas con Avada Post Slider

en el uso de Tema AvadaSi desea añadir interactividad y atractivo visual a la página de un blog, el botón Deslizador de puestos es una muy buena elección. En este artículo se detalla cómo utilizar Avada (utilizado como expresión nominal) Deslizador de puestos para crear hermososDeslizador de entradas de blogpresentar los contenidos de forma más atractiva.

¿Qué es el elemento Post Slider?

Avada's Deslizador de puestos Element es un widget proporcionado por Avada Builder que muestra las entradas del blog de un sitio web como un deslizador dinámico. Con él, los usuarios pueden ver diferentes entradas del blog deslizando sin salir de la página actual, mejorando así la experiencia del usuario.

Tiene tres opciones de diseño diferentes, que son:

1. Entradas con título: Sólo se muestra el título del artículo.
2. Entradas con título y extracto (Diseño de título y extracto): Muestra el título del artículo y un breve extracto.
3. Disposición de los anexosque muestra la misma información que el artículo opágina webImagen asociada.

¿Cómo se utiliza el elemento Post Slider?

1. Añadir el elemento Post Slider

Abra el editor de páginas web. En Avada Builder, busque el botón Deslizador de puestos y arrástrelo hasta la zona que desee mostrar. Es posible mover el Deslizador de puestos sustituye a otros elementos de presentación del contenido del blog en la página.

2. Configuración de las opciones de diseño

Post Slider ofrece tres opciones de diseño diferentes para adaptarse a las distintas necesidades de presentación de contenidos:

• Entradas con título: Este es el diseño más básico para mostrar cada pieza deblog (palabra de préstamo)El título del artículo y colóquelo encima del deslizador.
• Entradas con título y extractoAdemás del título del artículo, la maqueta incluye un breve extracto del mismo. Esta maquetación es adecuada para artículos más largos y permite al lector hacerse una idea rápida del contenido general del artículo al previsualizarlo.
• Disposición de los anexosEste diseño muestra principalmente imágenes adjuntas a las entradas. Al cargar imágenes durante la edición de un post, estas imágenes se muestran en el control deslizante.

3. Personalizar el contenido de los artículos mostrados

• Seleccionar categoríaPor defecto, el deslizador de entradas muestra entradas de todas las categorías. Sin embargo, puede optar por mostrar sólo los mensajes en categorías específicas para asegurarse de que el control deslizante sólo muestra mensajes que son relevantes para el contenido que desea presentar.

• Establecer el número de diapositivasPermite elegir el número de artículos que se mostrarán. Por ejemplo, si sólo desea mostrar un artículo, puede establecer el número de diapositivas en 1En ese momento, el efecto se asemeja más a un módulo estático.

4. Ajustar la longitud de los extractos de artículos

al elegir Artículos con títulos y extractos La maquetación también permite ajustar el número de palabras del extracto del artículo. Por defecto, la longitud del extracto es de 35 palabras, pero puede reducirse según sea necesario para 15-16 palabras para que el extracto sea conciso y fácil de leer.

5. Maquetación de anexos y tratamiento de imágenes

Si elige Disposición del anexopuede añadir una imagen al artículo con el botón Deslizador de puestos Hacer que las imágenes se muestren como una presentación de diapositivas. Esto es especialmente útil para páginas que necesitan mostrar imágenes de productos o portafolios de proyectos. También existe la opción de que estas imágenes se muestren como Caja de luz forma de abrirse, proporcionando una mejor experiencia visual.

6. Visualización del esquema de control

Cualquiera de los dos diseños puede ajustarse modificando la opción margenyClase CSS tal vez ID para personalizar aún más la presentación. Por ejemplo, puede aumentar el espaciado en la parte inferior del deslizador para que el diseño de la página esté más coordinado.

resúmenes

El elemento Post Slider de Avada es una herramienta flexible y versátil para presentar las entradas del blog de una forma estéticamente agradable. Tanto si se trata de un diseño de titular limpio, un diseño detallado con un extracto, o un diseño adjunto mostrando una imagen, es una gran manera de darle vida a las páginas de su blog. Para más información y tutoriales relacionados con WordPress, sigue el enlaceRed de fluctuación de fotonestiene los tutoriales de WordPress más completos y los más activos.Comunidad de intercambio de WordPress.