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

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

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".
Cómo crear diapositivas de ancho completo con superposiciones de texto utilizando Elementor
  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.
Cómo crear diapositivas de ancho completo con superposiciones de texto utilizando Elementor

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.
Cómo crear diapositivas de ancho completo con superposiciones de texto utilizando Elementor
  1. Arrastre"Diapositivas" al diseño de ancho completo que acaba de crear y aparecerá la diapositiva predeterminada.
Cómo crear diapositivas de ancho completo con superposiciones de texto utilizando Elementor

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.
Cómo crear diapositivas de ancho completo con superposiciones de texto utilizando Elementor
  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.
Cómo crear diapositivas de ancho completo con superposiciones de texto utilizando Elementor
  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.
Cómo crear diapositivas de ancho completo con superposiciones de texto utilizando Elementor

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.
Cómo crear diapositivas de ancho completo con superposiciones de texto utilizando Elementor
  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.
Cómo crear diapositivas de ancho completo con superposiciones de texto utilizando Elementor
  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.
Cómo crear diapositivas de ancho completo con superposiciones de texto utilizando Elementor

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 desvanecimiento, deslizamiento, etc.
Cómo crear diapositivas de ancho completo con superposiciones de texto utilizando Elementor
  1. En "navegador", seleccione cómo se cambian las diapositivas y podrá elegir si desea mostrar o no herramientas de navegación como flechas y puntos de paginación.
Cómo crear diapositivas de ancho completo con superposiciones de texto utilizando Elementor
  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.
Cómo crear diapositivas de ancho completo con superposiciones de texto utilizando Elementor

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.
Cómo crear diapositivas de ancho completo con superposiciones de texto utilizando Elementor
  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.
Cómo crear diapositivas de ancho completo con superposiciones de texto utilizando Elementor

Paso 8: Guardar y previsualizar

  1. Una vez completados todos los ajustes, haga clic en "Correo electrónico:" 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.


Póngase en contacto con nosotros
¿No puede leer el artículo? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas
Teléfono: 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
Publicado por photon fluctuations, retweeted with attribution:https://www.361sale.com/es/20729/

Como (1)
Anterior 26 de septiembre de 2024 pm2:12
Siguiente 26 de septiembre de 2024 16:52

Recomendado

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Póngase en contacto con nosotros

020-2206-9892

QQ咨询:1025174874

Correo electrónico: info@361sale.com

Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres

Servicio de atención al cliente WeChat