como hacer una página dark mode con Divi

Cómo hacer una página Dark Mode en Divi



Contenido Restringido 🖐

Accede a este y otros contenidos siendo premium. ¿Aún no eres premium? Adquiere una membresía aquí ⭐

En este vídeo tutorial premium aprenderás cómo hacer una página Dark Mode en Divi. Usaremos un tutorial con un código que nos ha compartido la gente de Elegant theme donde nos enseñan a realizar está implementación, pero con la diferencia que lo implementaremos en una landing completamente nueva para que ustedes vean el paso a paso.

Únete a nuestra comunidad y comienza a diseñar el futuro hoy. Aprende, innova y crece junto a nosotros. Accede a todo nuestro contenido desde $12/mes*
Transforma tu carrera con UXDIVI
Únete a nuestra comunidad y comienza a diseñar el futuro hoy. Aprende, innova y crece junto a nosotros

Accede a todo nuestro contenido desde US $12/mes*
Transforma tu carrera con UXDIVI

Si quieres ver más a fondo como usar el tema Divi puedes revisar nuestro Curso del tema Divi Básico donde hablamos sobre todos los detalles de configuración de Divi.

Tan como lo mencionamos en el videotutorial, este efecto de Dark Mode no es aplicable para cualquier tipo de diseño, sino sobre todo para tipos de página que tienen muchos campos o secciones claras entre si. Sin embargo, al implementar este efecto, podemos conseguir un resultado de diseño impresionante y majestuoso. Tal como lo podemos ver en la siguiente imagen:

Cómo hacer una página Dark Mode en Divi

En el vídeo te mostramos como implementar el código para lograr este efecto, además te enseñamos cada uno de los pasos para asignar las clases CSS a cada elemento que queremos cambiar a modo oscuro. Son pasos sencillos, pero que debemos hacer a cabalidad para que nuestro diseño se muestre de manera correcta con el Dark Mode en Divi.

Recuerda que acá abajo te dejamos todos los recursos, códigos y .json descargable en la sección de recursos del tutorial prémium.

Si te ha gustado este contenido no olvides compartirlo con tus amigos y conocidos, además recuerda que puedes compartirnos el enlace de tu creación en los comentarios de este contenido, así todos veamos los resultados maravillosos que conseguiste con este contenido prémium.

Descarga los recursos mencionados en este tutorial acá abajo 👇 siendo premium ⭐

Artículos relacionados

Comentarios

  1. Genial. Algo laborioso pero para la web que aplique fantástico. Una duda nada que ver, ¿Como haces para apilar las herramientas de diseño del divi builder en el costado derecho o a las vista del desabollador al izquierdo ??
    Me parece interesante ponerlos allí y no en medio y a un costado como se ven normalmente.

¡Registrate en nuestro próximo Live!
12 de ENERO de 2024 9:30 hrs (CDMX)
En este evento exclusivo, abordaremos las preguntas sobre ecommerce en Divi, además de responder a cualquier otra pregunta que nuestros suscriptores de la academia tengan en mente.
0
días
0
horas
0
minutos
0
segundos
¡Registrate en nuestro próximo Live!
12 DE ENERO DE 2024 9:30 HRS (CDMX)
0
días
0
hrs
0
min
0
seg
25% OFF BLACK FRIDAY SALE!
Del 24 al 30 de noviembre 2023 descuentos por:
¿Aún no eres miembro Premium ⭐ de UXDivi? ¡Esta es tu oportunidad de oro! Únete a nuestra comunidad de expertos en Divi y disfruta de recursos exclusivos, tutoriales avanzados, y una red de profesionales al alcance de tu mano.
0
días
0
horas
0
minutos
0
segundos
25% OFF BLACK FRIDAY SALE!
0
días
0
hrs
0
min
0
seg
Aprovecha un DESCUENTO DEL 25% en tu suscripción Premium. ¡Solo durante Black Friday!
0
días
0
hrs
0
min
0
seg
Aprovecha un DESCUENTO DEL 25% ¡Solo durante Black Friday!
¡Únete a nuestro próximo Live mensual de Preguntas y Respuestas el viernes 12 de enero de 2024! Separa tu cupo GRATIS AQUÍ →
¡Únete a nuestro próximo Live mensual de Preguntas y Respuestas el viernes 12 de enero de 2024! Separa tu cupo GRATIS AQUÍ →