Bienvenidos al día 74 de nuestra Maratón Divi 100. ¡Sigue sintonizando durante 100 días seguidos los increíbles recursos de Divi mientras hacemos la cuenta regresiva para el increíble lanzamiento de Divi 3.0 en el último día de la serie!
¡Hola nación Divi! Gracias por acompañarnos en otro episodio de nuestro programa de podcast y youtube. Esta vez compartiremos un práctico tutorial sobre cómo agregar enlaces a las imágenes deslizantes de ancho completo de Divi. Actualmente, el módulo deslizante no tiene esta opción, pero la buena noticia es que hay una solución y espero que pueda usar este consejo en sus diseños futuros.
En este episodio de Divi Nation, le mostraré paso a paso cómo hacer que se pueda hacer clic en las imágenes en sus controles deslizantes de ancho completo. La punta es muy fácil de lograr; requiriendo solo un pequeño fragmento de código CSS. Este código oculta el botón y el texto pero te permite vincular la imagen a la página deseada. ¡Disfruta del video y el resumen a continuación!
Y, por supuesto, si tiene alguna pregunta, no dude en dejarla en la sección de comentarios y estaré encantado de ayudarle.
Suscríbete a nuestro canal de Youtube
Todas las opciones de suscripción:
- YouTube
- itunes
- Suscríbete a través de RSS
Resumen: Cómo agregar enlaces a las imágenes deslizantes de ancho completo de Divi
Primero inicie sesión en su sitio web de WordPress. Vaya a la página a la que necesita agregar el control deslizante de ancho completo, asegurándose de que está utilizando Divi Builder . Luego agregue una sección de ancho completo.
A continuación, inserte el módulo deslizante.
Antes de comenzar a ajustar la configuración, continúe y haga clic en la pestaña CSS personalizado. Aquí es donde debe agregar el código en la sección del botón deslizante de la pestaña CSS personalizada.
A continuación se muestra el código que debe pegar en la sección del botón deslizante de la pestaña CSS personalizada:
|
01
02
03
04
05
06
07
|
font-size: 0px;background-color: rgba(0, 0, 0, 0.0) !important;top: -1000px;right: -1000px;height: 5000px;width: 5000px;position: absolute; |
Mientras todavía está en la ventana emergente de configuración del módulo deslizante de ancho completo, haga clic en la pestaña de configuración general y agregue una nueva diapositiva.
Todo lo que tiene que hacer ahora es agregar la URL y la imagen de fondo. Recuerde que el control deslizante estará en blanco, pero se vinculará a la página web de su elección. Repita los pasos para agregar más imágenes al control deslizante.
Finalmente haga clic en el botón Guardar y salir. Para obtener una vista previa de los cambios, haga clic en el botón azul de actualización en la parte superior derecha y luego obtenga una vista previa de la página. Pruebe sus enlaces haciendo clic en las imágenes del control deslizante. A continuación se muestra una vista previa de mis imágenes deslizantes.
La próxima semana en el podcast de Divi Nation: Nathan entrevista a Josh Ronk, líder del proyecto sobre el lanzamiento de Divi 3.0
La próxima semana, Nathan presentará a la comunidad a otro miembro talentoso del equipo de desarrollo de Elegant Themes. Josh ha liderado el desarrollo de algunos proyectos grandes ahora, incluidos Extra y Divi 3.0. ¡Estamos emocionados de compartir su historia y experiencia con toda la comunidad!
¡Asegúrate de suscribirte a nuestro boletín de correo electrónico y canal de YouTube para que nunca te pierdas un gran anuncio, un consejo útil o un obsequio de Divi!
Divi 100 Día 74
La cuenta atrás para Divi 3.0
Esta publicación es parte de nuestro maratón Divi 100. ¡Síguenos mientras publicamos recursos Divi gratuitos durante 100 días seguidos! Esta cuenta regresiva de 100 días terminará con el revolucionario lanzamiento de Divi 3.0, que incluye nuestro nuevo editor visual creado desde cero con React. ¡Divi 3.0 cambiará para siempre la forma en que construyes sitios web con Divi Builder!
Que empiece la cuenta atrás.
Más información sobre Divi 3.0