Cómo añadir una presentación de diapositivas de ancho completo en Elementor

Elementor hace que sea fácil añadir módulos de presentación de diapositivas de ancho completo, y este artículo te lleva paso a paso a través de cómo hacerlo en Elementor.Crear diapositivas de ancho completo.

Paso 1: Instalar y activar el plugin Elementor

Si el plugin de Elementor aún no está instalado, primero debe instalarlo y activarlo. Siga los pasos que se indican a continuación:

1. Inicie sesión en el panel de control de WordPress.
2. cambiar aplug-in (componente de software) > Añadir nuevo plugin.
3. Escriba "Elementor" en la barra de búsqueda.
4. golpe (en el teclado)montajey luego haga clic enactive.

Paso 2: Crear una nueva página o editar una existente

1. En el panel de control de WordPress, haga clic enpágina web > Añadir nueva página(si se trata de una página nueva) o haciendo clic en el botóncompiladorBotón.
2. En la página de edición, haga clic enUso del editor de Elementor.

Paso 3: Añadir widget de diapositivas

1. Una vez en el editor de Elementor, haga clic en el icono más y seleccione la opciónmarcoseleccione una estructura de columnas.

2. En el panel izquierdo, busquediapositivas (fotografía, software de presentación)gadget, arrástralo y suéltalo en el área que acabas de crear.

Paso 4: Ajustar la configuración de la diapositiva

1. Añadir contenido de diapositivasHaga clic en cada diapositiva para cargar imágenes, añadir títulos, descripciones y enlaces a botones. Repita esta operación para añadir varias diapositivas.

2. Configuración de la imagen de fondoImagen de fondo: Asegúrese de añadir una imagen de fondo de alta resolución a cada diapositiva para que tenga un aspecto nítido y atractivo en un diseño de ancho completo.

Paso 5: Configurar el diseño de ancho completo

Para que las diapositivas se muestren a ancho completo, siga estos pasos:

1. Seleccione el widget de presentación de diapositivas que contiene el iconocontenedor columnarEn la zona de edición situada encima, haga clic en el botóncolumna editorial(o haga clic con el botón derecho y seleccione "Editar columnas").

2. En el panel izquierdo, en elapertura (jerga ajedrecística)En la pestaña Anchura del contenido.

3. comandante en jefe (militar)Anchura del contenidoajustado aancho total.
4. asegureespacio entre columnasajustado ano tenerDe este modo, la diapositiva puede ocupar todo el ancho de la pantalla.

5. A continuación, en "alto nivel", coloque la etiqueta "margen"y"acolchado"se establecen en0Asegúrate de que los bordes de las diapositivas estén cerca de los bordes de la pantalla.

Paso 6: Personalizacióndiapositivas (fotografía, software de presentación)tipo

Esto puede optimizarse ajustando las siguientes opciones de estilodiapositivas (fotografía, software de presentación)Apariencia:

1. ajuste de altura: Haga clic en "tipo"busque la pestañaalto gradoOpciones. Para las diapositivas deTítulo, descripción, botonesLa altura se fija enpersonalización, ajustado según sea necesario para adaptarse a la altura de la disposición del sitio.

2. superposición de fondo: Añade un efecto de superposición de fondo a las imágenes para mejorar la legibilidad del texto. En "tipo", busque la pestañasuperposición de fondoseleccione Color y Transparencia.
3. efecto de animación: Si necesitas añadir algunos efectos dinámicos a tus diapositivas, puedes añadirlos a la sección "alto nivel" para configurar la animación de entrada o el efecto hover del ratón.

Paso 7: Guardar y previsualizar

Una vez completados los ajustes, pulseescriba atal vezactualizaciónbotón . A continuación, haga clic en el icono del ojo situado en la esquina inferior derecha de la pantallaVista previa Cambiospara ver el efecto de ancho completo de la diapositiva en la página real.

problemas comunes

1. ¿Las diapositivas no se muestran en toda su anchura?
   • Asegúrate de que el diseño de las columnas y las secciones está configurado como "ancho total" y tanto los márgenes como el relleno se establecen en "0".
2. ¿La presentación de diapositivas se carga lentamente?
   • Utilice formatos y tamaños de imagen optimizados para garantizar que cada imagen del 100 KB hasta (un tiempo) 300 KB entre ellos para reducir el tiempo de carga.

resúmenes

Crear efectos de diapositivas de ancho completo es fácil con el widget de diapositivas de Elementor. La clave está en configurar correctamente el diseño y el estilo de las columnas y los widgets de presentación de diapositivas para garantizar que todos los detalles estén listos para la visualización de ancho completo. Podrás mostrar productos o imágenes de forma eficaz y mejorar el atractivo visual de la página.

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: [email protected]
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres