Constructor de páginas WPBakery es un potente editor visual que le permite dise?ar y personalizar fácilmente presentaciones de diapositivas. Este tutorial le guiará sobre cómo implementar un dise?o de presentación visual utilizando WPBakery Page Builder.

1. Instalación de WPBakery Page Builder

En primer lugar, debe asegurarse de que el plugin WPBakery Page Builder está instalado y activado.

2. Crear una nueva página o artículo

Después de instalar el plugin, el siguiente paso es crear una nueva página o post que servirá como vehículo para la presentación de diapositivas:

• En el backend de WordPress, vaya a "página web” > “A?adir nueva página" o "tarjeta” > “A?adir nuevo puesto“

• Ponga un título apropiado a la página o entrada (por ejemplo, "Presentación de la empresa")

• Pulse "compilador" Entrar en el modo WPBakery Page Builder

3. A?adir módulo WPBakery Slideshow

WPBakery proporciona una variedad de módulos para crear presentaciones de diapositivas. A continuación se presentan los módulos que utilizan WPBakery "Revolución deslizante" o "deslizador (elemento de interfaz del ordenador)" para crear una presentación de diapositivas:

1. Seleccionar el módulo adecuado
   En el editor de páginas de WPBakery, haga clic en "+" para abrir la biblioteca de elementos.

2. Entrar "Deslizador" para encontrar módulos relacionados con las presentaciones de diapositivas. Los módulos recomendados incluyen:
   • Slider Revolution (Slider Revolution 6)Módulo avanzado de presentación de diapositivas con potentes funciones.

3. A?adir componentes de diapositivas
   Seleccione "Revolución deslizante"u otras diapositivasmódulo (en software)Después, a?ádelo a la página. La mayoría de los módulos de presentación de diapositivas te permiten subir imágenes, vídeos o contenido de texto como material para cada diapositiva.

4. Configuración del contenido de las diapositivas
   Haga clic en el área de edición de cada diapositiva para cargar imágenes o vídeos en el panel de configuración.

El módulo WPBakery Slideshow normalmente le permite:

• A?adir una imagen o vídeo de fondo
• Insertar títulos y subtítulos
• Configurar los efectos de cambio de diapositivas (Fade in y out, flip, slideetc.)
• Ajustar el tiempo de presentación de cada diapositiva

4. Estilos de diapositivas personalizados

En cuanto al dise?o, WPBakery ofrece potentes funciones de personalización que le permiten ajustar fácilmente el aspecto y los efectos de sus presentaciones. A continuación se muestran las opciones de personalización más comunes:

1. Ajuste del tama?o de la corredera
   Puede ajustar la anchura y la altura de la presentación de diapositivas en función del dise?o de la página. Para que la página resulte estéticamente agradable, se recomienda ajustar la anchura de la diapositiva a pantalla completa o a ancho completo.

2. Estilos de texto y botones
   El texto, los pies de foto y los botones de las diapositivas se pueden configurar a través del editor.Fuentes personalizadasycolorymagnitudresponder cantandoalineación. También puede a?adir enlaces a los botones para facilitar que los usuarios hagan clic en ellos.
3. efecto de animación
   WPBakery proporciona un rico conjunto de efectos de animación para hacer que los elementos de presentación de diapositivas aparezcan suaves y dinámicos a medida que el usuario se desplaza por la página. Puede elegir entrefalsoymovimiento deslizanteygirary otros efectos.

4. Superposiciones y filtros de fondo
   Para que el texto de las diapositivas resulte más llamativo, puedes a?adir una superposición de fondo a las imágenes de las diapositivas, como un degradado o un filtro de color translúcido. Al hacerlo, el texto y los botones aparecerán más claros.

5. Ajustes de respuesta

Con la mayoría de las visitas al sitio web procedentes de dispositivos móviles, es igualmente importante asegurarse de que las presentaciones de diapositivas se ven bien en diferentes pantallas, y el módulo de presentación de diapositivas de WPBakery a menudo tiene opciones de configuración de respuesta para asegurar que las presentaciones de diapositivas se ven mejor en los ordenadores de sobremesa, tabletas y teléfonos móviles.

• En el editor de WPBakery, puede cambiar a "dise?o sensible"para previsualizar cómo aparecerá la presentación en diferentes dispositivos.

• Ajuste el tama?o de la diapositiva y la posición del contenido para los dispositivos móviles a fin de garantizar que no haya desajustes en el dise?o ni texto fuera de los límites.

6. Publique la página y previsualícela

Una vez que haya terminado de dise?ar y ajustar sus diapositivas, haga clic en "escriba a"para guardar y publicar la página o el artículo. A continuación, previsualiza la página en el frontend y comprueba que el pase de diapositivas funciona como se espera.

7. A?adir a la página de inicio o a páginas específicas del sitio web

Después de dise?ar el pase de diapositivas, puede establecerlo como contenido principal de la página de inicio de su sitio web o incrustarlo en páginas o artículos específicos para mejorar la experiencia del usuario.

1. Establecer la página como página de inicio
   Si desea que la presentación de diapositivas sea la pantalla de la página principal de su sitio web, vaya al backend de WordPress "establecer” > “lea", seleccione la página que acaba de crear como página de inicio estática.

2. Incrustado en otras páginas
   También puede utilizar la herramienta de WPBakery "código corto"para incrustar pases de diapositivas en secciones específicas de otras páginas o entradas para una presentación flexible del contenido del pase de diapositivas.

observaciones finales

Con WPBakery Page Builder, dise?ar y personalizar la presentación de diapositivas de tu sitio web WordPress es más fácil e intuitivo. Ya sea una compleja presentación de diapositivas de varias capas o una rotación de imágenes minimalista, WPBakery puede satisfacer diferentes necesidades. Esperamos que este tutorial le ayude a iniciarse en el dise?o de presentaciones de diapositivas con WPBakery y a a?adir efectos dinámicos a su sitio web.

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