Generalmente un slider es usado como cabecera de la web, galería de imágenes, banner rotativo de noticias, imágenes publicitarias , ofertas o carrusel de comentarios. Aca aprenderas a crear y modificar un slider con DIVI.
Para insertar el slider debes crear una sección aca encontraras como crear una seccion y los tipos de secciones.
Imagen 1. Insertar sección.
Acá encontramos tres tipos de secciones estas tres se diferencian por que la Regular tiene un tamaño que no ocupa la totalidad de la pantalla como el Ancho completo . La Especialidad se divide en dos o más columnas dándole un diseño bastante versátil .
Una vez tenemos nuestra sección creada ,creamos el módulo.
Para ello seleccionamos el + de color gris y buscamos deslizador.
Imagen 2. Insertar módulo.
Te aparecerán dos diapositivas y puedes añadir otra si deseas.
Imagen 3. Diapositivas
Para insertar el slider buscas Deslizador y lo añades.
Imagen 4. Insertando módulo Deslizador..
Si deseas añadir otra diapositiva da click en más y añades otra diapositiva quedando otra diapositiva así.
Imagen 5. Diapositiva nueva.
Primero crea las diapositivas necesarias y aplica el diseño general a la tipografía, botones y sombreado de todo el carrusel desde la pestaña DISEÑO del bloque.
Imagen 6. Opciones de diapositiva.
COMO CONFIGURAMOS LOS TITULOS TEXTO Y TEXTOS
Aca escogemos el tipo de fuente que vamos a utilizar.
Imagen 7. Tipo de fuente, titulo luz suave y titulo copiar estilo.
En Titulo Luz Suave puedes elegir el tipo de sombreado.
Imagen 8. Título Luz Suave.
En Titulo copiar estilo encontrarás 5 opciones
I= cursiva
TT= TODO EN MAYUSCULA
TT= La primera en mayúscula y las demás en mayúscula mas pequeñas.
U=SUBRAYADO
S= TACHADO
También la alineación del texto. centrado, a la derecha, a la izquierda o justificado.
Encontraras el color del texto, tamaño, espaciado entre letras , altura de línea que es el espacio entre la base de cada linea.
NOTA: Recuerda que al modificar el estilo de texto general estas modificando todos los textos de todas las diapositivas pero puedes ingresar a cada diapositiva y cambiar su estilo siendo cada diapositiva diferente. Lo ideal es que tengan la misma tipografía las diapositivas por estética.
Para cambiar el estilo del título texto, texto y botones de cada diapositiva ingresar al icono configuración de cada diapositiva y cambias texto en título y botón así como mostramos arriba , lo mismo es para el cuerpo del texto que es el texto que va debajo del título.
Imagen 9. Icono configuración.
Para cambiar los textos en Título y Botón solo ingresas al icono Configuración y modificas el texto.
Imagen 10. Cambiando textos.
Puedes añadir una imagen a la diapositiva , al hacerlo el texto se moverá a la derecha .
Imagen 11. Añadiendo una imagen a la diapositiva .
Se puede enlazar el modulo a un link. Ve a enlaces para conocer como añadir enlaces internos y externos.
Puedes modificar el fondo de la diapositiva en fondo. Añadiendo degrade o un tono único, alguna transparencia si prefieres y una imagen de fondo.
Imagen 12. Video de fondo.
Imagen 13.Fondo degrade.
Imagen 14. Imagen de de fondo.
Imagen 15.Color de fondo
Si deseas puedes añadir una cara superpuesta al texto para resaltar los textos de tus diapositivas. Acá un artículo donde aprenderás a modificarlo cara superpuesta de texto . .
Comentarios recientes