Cómo configurar la imagen de la página de inicio y el deslizador del tema Avada: tutorial detallado (03)

En el diseño de sitios web modernos, las imágenes y los sliders de la página de inicio son uno de los elementos clave que atraen la atención del visitante. El uso de sliders no sólo mejora la dinámica de su sitio web, sino que también muestra mejor el contenido principal y la información visual. Como potente tema de WordPress, elAvada El tema viene con un editor y varias herramientas deslizantes, por lo que no es necesario utilizar plug-ins de terceros para lograr imágenes ricas y efectos deslizantes. Este número del artículo le dirá cómo utilizar el tema Avada para configurar las imágenes de la página de inicio y el control deslizante, para ayudarle a empezar rápidamente, para crear un sitio web más atractivo hogar. En este número hablamos de

Avada tema tiene su propio editor, sin necesidad de un tercero, en la parte frontal del sitio podemos ver elEditar en directo¡Haga clic en las flechas rojas para entrar, cuadro amarillo es el encabezado y pie de página del sitio, si es necesario, haga clic en el correspondiente también puede entrar en la página editorial correspondiente!

Pasos: Front-end del sitio → Editar en directo.

Como se muestra a continuación, esta es la página de inicio del sitio, tenga en cuenta que no se edita en ambos lados, los lados están configurados para contenedores y columnas

Como se muestra a continuación, haga clic en

Si su importación de plantilla es sólo la página de inicio de la imagen, o sólo necesita una sola imagen para lograr su efecto, a continuación, haga clic en el símbolo de la pluma en el centro de la imagen de la página de inicio para editar, puede obtener la siguiente pantalla

Sólo tiene que sustituir o eliminar (Quitar), Editar, y se irá a la biblioteca de medios o archivos locales, ajustado como mejor le parezca.

Por supuesto, si el efecto de la imagen no puede satisfacer, entonces podemos optar por añadir su propio control deslizante (Sliders). ¡O elegir tener una plantilla de control deslizante, por supuesto, o para añadir su propia más conveniente, la plantilla en la vista del tiempo no es lo mismo se puede encontrar!

Hablemos de cómo añadir deslizadores.

Hay muchos tipos de deslizadores en el módulo adicional, así que ¿cómo elegirlos y cuáles son las recomendaciones?

1. Deslizador Avada

El propio deslizador de Avada, diseñado para los temas de Avada, está muy integrado.

Los diferentes dispositivos encajan bien y básicamente cumplen sus requisitos, el texto básico, las imágenes, los botones, los enlaces y los efectos de animación del deslizador están todos ahí.

Como se muestra a continuación, busque Sliders en Avada en la parte posterior del sitio.

Pasos: Website Backend → Avada → Sliders

A continuación, irá a la siguiente imagen, establecer el nombre de Sliders, y algunos otros ajustes, hay explicaciones en la parte inferior de las opciones, usted sigue la explicación y las necesidades reales de los ajustes

Creamos Sliders y luego añadimos múltiples Diapositivas a los Sliders.Como se muestra a continuación, primero crearemos Sliders.

Entonces manténgalo (Add Slider)

A continuación, en la lista del Slider, podemos ver que el nombre se establece en 1 aquí, de la siguiente manera

Luego vamos a preparar las diapositivas.

A continuación, añada la diapositiva del siguiente modo

A continuación, vaya a la página de edición de la presentación de diapositivas, tenemos que establecer si la fuente de la presentación de diapositivas es IMAGEN, o VIDEO, Youtube o Vimeo plataforma de vídeo, y luego el nombre de la presentación de diapositivas

Entonces usted necesita para marcar la presentación de diapositivas a la corredera, aquí el nombre de la corredera y la diapositiva son 1, como una demostración, tenemos que modificar la posterior, y luego establecer la imagen destacada (imagen destacada), si usted elige la imagen para el fondo, el siguiente gráfico

A continuación, vamos a la parte frontal del sitio que es la página de edición para agregar el Avada Slider

A continuación, elija el nombre de la diapositiva que ha configurado, y establezca la Altura total de la diapositiva, y si la Visibilidad del elemento es para tres dispositivos o para un solo dispositivo, etc.

A continuación, se obtiene un contenido inicial de diapositivas, aquí sólo puede mostrar, de la siguiente manera

Pasos: Interfaz del sitio web → Avada → Sliders → Diapositivas

Tanto el texto como los botones o enlaces deben ajustarse a la diapositiva, de la siguiente manera

Eso esAvadatemáticaDeslizador AvadaLos ajustes están arriba, así que ¿cuál es la diferencia entre los otros tipos de

2, Deslizador de capas

Layer Slider es un plugin slider muy potente que soporta efectos de animación complejos, puede añadir diferentes animaciones para cada capa (Layer), como imágenes, texto, botones, etc., adecuado para crear efectos de visualización más complejos. Los efectos de animación también son más ricos, si necesita efectos deslizantes más avanzados, como contenido con animación multicapa, este plugin es ideal, el plugin proporciona un gran número de plantillas preestablecidas, puede crear rápidamente deslizadores y personalizarlos.Pero necesitas instalar el plugin

3, Deslizador multimedia

Media Slider está diseñado para mostrar contenido multimedia como galerías de fotos, vídeos, etc. Puede configurar el diseño y la disposición de cada archivo multimedia dentro del control deslizante para garantizar una buena visualización en diferentes dispositivos. Puede crear rápidamente una visualización rotativa de contenido multimedia sin configuraciones complejas, si desea mostrar vídeo, audio u otros archivos multimedia a través del deslizador, ¡este deslizador será muy adecuado!

4, Post Slider

Post Slider se utiliza para mostrar sliders para entradas de WordPress, adecuado para mostrar entradas de blog o tipos de entradas personalizadas. Generará automáticamente sliders basados en su contenido, una gran herramienta para mostrar artículos, productos o proyectos, con actualizaciones automáticas, tan pronto como su post se actualice, ¡también se sincronizará!

5, Revolución deslizante

Slider Revolution es un plugin deslizante premium que le permite personalizar casi cualquier efecto deslizante. Puede utilizarlo para crear animaciones complejas, efectos de transición e incluso crear diseños de página completos. Si necesita la funcionalidad deslizante más potente y un nivel extremadamente alto de personalización, Slider Revolution es la mejor opción, ya que ofrece un gran número de plantillas deslizantes preestablecidas que se pueden importar y modificar directamente según sea necesario. Básicamente, integra todas las características

Opinión:

Deslizador Avada: Sencillo y ligero, adecuado para crear rápidamente efectos de diapositivas básicos.

Deslizador de capas: Admite animación multicapa, adecuada para escenarios que requieren animación compleja y presentación multicapa.

Deslizador multimedia: Diseñado para mostrar contenidos multimedia como imágenes y vídeos.

Deslizador de puestos: Muestra automáticamente el contenido de artículos o productos, adecuado para blogs o visualización dinámica de contenidos.

Revolución deslizante: El más potente, adecuado para efectos deslizantes altamente personalizables y complejos.

resúmenes

Pero mi consejo sería utilizarDeslizador AvadaPorque lo más compatibleAvadase consigue la funcionalidad básica y, con este artículo, habrá aprendido a configurar una imagen de página de inicio con un control deslizante en el tema Avada. Ya sea que utilice el básicoDeslizador Avada¿O prefiere el más complejoDeslizador de capas tal vez Revolución deslizantePuede aplicarlo con flexibilidad para optimizar la presentación de su sitio web según sus necesidades específicas. En la próxima edición, seguiremos explorando más funciones del tema Avada y le ofreceremos más consejos prácticos y tutoriales para ayudarle a crear un sitio web de WordPress más profesional. Permanezca atento.

Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) Correo electrónico: info@361sale.com
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres