Cómo crear diapositivas de ancho completo con superposiciones de texto utilizando Elementor

Imagen [1] - Cómo crear una presentación de diapositivas de ancho completo con superposiciones de texto utilizando Elementor - Photon Fluctuation Network | Servicio profesional de reparaciones de WordPress, alcance global, respuesta rápida

Cómo utilizar el plugin Elementor para crear un sitio WordPress con unsuperposición de textopara dar a su sitio web un aspecto más profesional.

Paso 1: A?adir un dise?o de ancho completo

  1. En el backend de WordPress, haga clic en "página web" > "A?adir nueva página", asigne un nombre a la página y pulse "Edición con Elementor".
Imagen [2] - Cómo crear una presentación de diapositivas de ancho completo con superposiciones de texto utilizando Elementor - Photon Fluctuation Network | Servicio profesional de reparaciones de WordPress, alcance global, respuesta rápida
  1. Una vez en el editor de Elementor, haga clic en "+" para seleccionar el dise?o y elija una estructura de ancho completo y una sola columna.
Imagen [3] - Cómo crear una presentación de diapositivas de ancho completo con superposiciones de texto utilizando Elementor - Photon Fluctuation Network | Servicio profesional de reparaciones de WordPress, alcance global, respuesta rápida

Paso 2: A?adir los componentes de la diapositiva

  1. En la biblioteca de elementos de la parte izquierda del editor de Elementor, busque "Diapositivas"Componentes.
Imagen [4] - Cómo crear una presentación de diapositivas de ancho completo con superposiciones de texto utilizando Elementor - Photon Fluctuation Network | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida
  1. Arrastre"Diapositivas" al dise?o de ancho completo que acaba de crear y aparecerá la diapositiva predeterminada.
Imagen [5] - Cómo crear una presentación de diapositivas de ancho completo con superposiciones de texto utilizando Elementor - Photon Fluctuation Network | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida

Paso 3: Personalizar las imágenes de las diapositivas

  1. En la parte izquierda del editor, el icono "Diapositivas" En Configuración, pulse sobre uno de los elementos de la diapositiva para ampliar las opciones de edición.
Imagen [6] - Cómo crear una presentación de diapositivas de ancho completo con superposiciones de texto utilizando Elementor - Photon Fluctuation Network | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida
  1. Pulse "Imagen de fondo", cargue las imágenes de las diapositivas que desee utilizar. Asegúrese de que la anchura de la imagen cargada es adecuada para un dise?o de ancho completo, se recomienda 1920px o superior.
Imagen [7] - Cómo crear una presentación de diapositivas de ancho completo con superposiciones de texto utilizando Elementor - Photon Fluctuation Network | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida
  1. Tras seleccionar la imagen, ajuste "colocación"para"centro","magnitud"para"sobrescribir", asegurándose de que las imágenes se adaptan a todos los tama?os de pantalla.
Imagen [8] - Cómo crear una presentación de diapositivas de ancho completo con superposiciones de texto utilizando Elementor - Photon Fluctuation Network | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida

Paso 4: A?adir una superposición de texto

  1. En "Diapositivas" Los ajustes se pueden ver en la "leyenda"y"descripciones". En este punto puede introducir el contenido del texto que desea mostrar.
Imagen [9] - Cómo crear una presentación de diapositivas de ancho completo con superposiciones de texto utilizando Elementor - Photon Fluctuation Network | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida
  1. Utilice estos campos para a?adir un título principal y un subtítulo, y ajuste el estilo, el color y la alineación del texto para armonizarlo con los elementos visuales de la imagen.

Paso 5: Personalizar los estilos de texto

  1. El estilo del texto superpuesto es muy importante. Pulse "tipo" en la pesta?a "leyenda"y"descripciones" Ajusta el color, el tama?o, el sombreado y la posición de la fuente.
Imagen [10] - Cómo crear una presentación de diapositivas de ancho completo con superposiciones de texto utilizando Elementor - Photon Fluctuation Network | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida
  1. Asegúrese de elegir colores que contrasten bien con la imagen de fondo para que el texto sea claro y legible.
  2. También se puede acceder a través de "alto nivel" para ajustar aún más la posición del texto, a?adiendo márgenes interiores o exteriores para garantizar que el texto no bloquee partes clave de la imagen.
Imagen [11] - Cómo crear una presentación de diapositivas de ancho completo con superposiciones de texto utilizando Elementor - Photon Fluctuation Network | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida

Paso 6: Ajustesdiapositivas (fotografía, software de presentación)animaciones y efectos

  1. En "elemento" En la pesta?a puede establecer diferentes efectos de animación de transición para la diapositiva, como el desvanecimiento, el deslizamiento, etc.
Imagen [12] - Cómo crear una presentación de diapositivas de ancho completo con superposiciones de texto utilizando Elementor - Photon Fluctuation Network | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida
  1. En "navegador", seleccione cómo se cambian las diapositivas y podrá elegir si desea mostrar herramientas de navegación como flechas y puntos de paginación.
Imagen [13] - Cómo crear una presentación de diapositivas de ancho completo con superposiciones de texto utilizando Elementor - Photon Fluctuation Network | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida
  1. Si desea que el pase de diapositivas cambie automáticamente, puede a?adir una nueva diapositiva al "reproducción automática" y ajuste el tiempo de conmutación para cada diapositiva.
Imagen [14] - Cómo crear una presentación de diapositivas de ancho completo con superposiciones de texto utilizando Elementor - Photon Fluctuation Network | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida

Paso 7: Optimización con capacidad de respuesta

  1. Pulse "modo de respuesta" para ver cómo se verá la presentación en el escritorio, la tableta y el móvil.
Imagen [15] - Cómo crear una presentación de diapositivas de ancho completo con superposiciones de texto utilizando Elementor - Photon Fluctuation Network | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida
  1. En cada modo de dispositivo, puede ajustar el tama?o y la alineación del texto individualmente para asegurarse de que el texto no aparece demasiado grande o demasiado peque?o en una pantalla peque?a.
Imagen [16] - Cómo crear una presentación de diapositivas de ancho completo con superposiciones de texto utilizando Elementor - Photon Fluctuation Network | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida

Paso 8: Guardar y previsualizar

  1. Una vez completados todos los ajustes, pulse "escriba a" para guardar los cambios.
  2. Previsualice la página para ver el resultado final del pase de diapositivas de ancho completo y asegúrese de que las superposiciones de texto, las imágenes y las animaciones son las esperadas.

resúmenes

Crear pases de diapositivas de ancho completo y a?adir superposiciones de texto con Elementor facilita la creación de elementos visuales web profesionales y estéticamente agradables. La clave está en elegir la imagen de fondo adecuada, ajustar el estilo del texto y asegurarse de que el pase de diapositivas se presenta bien en diferentes dispositivos.


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
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
? Declaración de reproducción
Este artículo fue escrito por: xiesong
EL FIN
Si le gusta, apóyela.
felicitaciones0compartir (alegrías, beneficios, privilegios, etc.) con los demás
comentarios compra de sofás

Por favor, inicie sesión para enviar un comentario

    Sin comentarios