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

Inicio / Tutoriales Premium / Tema 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í ⭐

Profesor: Jefferson M

  16 de junio de 2020

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.

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 ⭐

4 Comentarios

  1. Patricio G

    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.

    Responder
    • Jefferson M

      Es muy sencillo, solo debes arrastrar y soltar el circulo morado de opciones del Divi Builder. Lo puedes ubicar en cualquiera de las 4 esquinas de la pantalla o tambien en los lados medios.

      Responder
  2. Miriam J O

    Hola Jefferson, esto se puede aplicar a un landing desde cero o es recomendable usar una plantilla prediseñada de Divi.

    Responder
    • Jefferson M

      Hola Miriam, lo recomendable sería que se lo apliques a una plantilla de landing o algún diseño que ya tengas listo, esto con el objetivo de que tengas bien determinados los cambios que serán claros y se transformarán a oscuro y viceversa.

      Responder

Enviar un comentario

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

Solicitud de cancelación de suscripción

Aviso importe

🚩 Debes solicitar la cancelación de tu suscripción al menos 24 horas antes de tu renovación, de otro modo, no podremos procesar a tiempo la cancelación antes de tu renovación.

Al cancelar tu suscripción, perderás el acceso a todo esto:

🚩 A más de mil contenidos especializados en el aprendizaje del diseño web
🚩 El soporte personalizado en Divi
🚩 Acceso al grupo de Discord
🚩 Acceso a la descarga de las actualizaciones de los plugins, el contenido y las descargas de nuestro sitio.
🚩 Puntos y rangos obtenidos en la plataforma

✅ Te ofrecemos la opción de pausar tu suscripción 2 o 3 meses y así no perderás el progreso obtenido en la plataforma.

Lamentamos mucho 😩 que tu experiencia en nuestra plataforma no haya sido la mejor. Para poder procesar tu solicitud y hacerla efectiva, necesitaremos que por favor nos envíes lleno este formato. Esto nos ayudará a poder seguir mejorando nuestra propuesta de valor y siendo útil para todos los usuarios.

Solicitud de cancelación

¿Por cuál o cuáles razones deseas cancelar tu suscripción?

¿Qué características mejorarías en nuestra web?

¿Cuál es tu nivel de satisfacción en relación con la calidad del soporte que ofrecemos por diferentes medios? donde 1 es insatisfecho y 5 es satisfecho

¿En esta escala que tanto recomendarías a UXDIVI a un amigo o colega? donde 1 es "no lo recomendaría" y 5 es "Lo recomendaría totalmente"

12 + 8 =


Iniciar Sesión

¿No tienes cuenta? Registrarse

Otros planes

¡Accede a más de 1330 contenidos especializados en Diseño Web con Divi por un solo precio!

Trimestral

Ahorra 6 USD 🔥

$US 18/ Mes

*Pagando US$ 54 cada 3 meses

¿A qué accedes con este plan?

Lifetime

Un solo pago 🔥

$US 499/ Lifetime

*UN SOLO PAGO DE POR VIDA

¿A qué accedes con este plan?

Con este plan accedes a:

  1. ✅ Todos los cursos
  2. ✅ Todos los tutoriales prémium
  3. ✅ Todos los plugins y layouts
  4. ✅ Soporte prémium vía email
  5. ✅ Acceso a la comunidad en Discord

Con este plan accedes a:

  1. ✅ Todos los cursos
  2. ✅ Todos los tutoriales prémium
  3. ✅ Todos los plugins y layouts
  4. ✅ Soporte prémium vía email
  5. ✅ Acceso a la comunidad en Discord
  6. ✅ Descuentos en Templates para Divi