Cómo agregar el modo oscuro a su sitio de WordPress

imagen 3

El modo oscuro se está volviendo cada vez más popular en los últimos años, y con razón.

Hay muchos beneficios de tener la opción de cambiar su sitio web del modo claro a un modo oscuro más agradable a la vista.

¿Por qué agregar el modo oscuro a su sitio web de WordPress?

La razón más obvia por la que es beneficioso tener el modo oscuro en su página es que reduce la cantidad de luz azul que recibimos al mirar la pantalla.

Y eso es especialmente importante por la noche, ya que puede mejorar drásticamente tu rutina de sueño.

Veamos algunas razones más por las que debería considerar agregar esta popular funcionalidad a su diseño:

  • Reduce la fatiga visual por la noche y reduce el deslumbramiento.
  • Algunos usuarios han informado que reduce los dolores de cabeza ante la pantalla.
  • El modo oscuro utiliza un poco menos de energía para aumentar la duración de la batería.

También hay que considerar las desventajas, que pueden incluir:

  • A algunos usuarios simplemente no les gustan los colores oscuros.
  • Puede reducir el enfoque en algunos casos.
  • Efecto negativo (contradictorio) si trabaja en condiciones de mucha luz.

Es importante considerar tanto los lados positivos como los negativos. Es por eso que nunca debes optar por tener solo el modo oscuro en tu página.

Leer:  Análisis Analisa 2024: ¿Funciona? ¿Es una estafa?

Es importante que le agregues un interruptor de luz para que cada usuario pueda decidir qué modo usar.

Cómo agregar el modo oscuro en WordPress

En la época de los sitios web HTML, agregar el modo oscuro sería tedioso y llevaría mucho tiempo.

Tendrías que crear otro sitio web con un diseño oscuro y alternar entre ellos.

Afortunadamente, existe una solución mucho más elegante para los usuarios de WordPress.

Modo oscuro de WP El complemento implementa a la perfección la funcionalidad del modo oscuro en casi todos los temas de WordPress que existen.

Básicamente, funciona de inmediato y solo se necesitan algunos ajustes para perfeccionarlo para su sitio web.

Pero elegir un tema oscuro de WordPress Puede ser incluso mejor si crea un sitio web desde cero.

1. Instale el complemento de modo oscuro de WP

El primer paso es instalar el complemento WP Dark Mode, así que dirígete a Complementos > Agregar nuevo o descárgalo del repositorio de WordPress.

imagen 4

2. Habilite el modo oscuro

Una vez activado el complemento, actualice su página de inicio.

Notarás que el modo oscuro ya está habilitado y el botón de cambio está bien ubicado en la esquina inferior derecha de la página.

Al hacer clic en el interruptor se cambiará instantáneamente entre modos.

imagen 5

Como puede ver, el complemento ya funciona perfectamente sin tocar ninguna configuración.

Cómo agregar el modo oscuro a su administrador de WordPress

Si pasa mucho tiempo escribiendo artículos en su panel de WordPress, es posible que también desee agregar el modo oscuro a su backend.

Leer:  Cómo desbloquear su cuenta de Snapchat en 2024

Dirigirse a Modo oscuro de WP > Configuración > Configuración general y active la opción Habilitar modo oscuro backend.

imagen 6

Actualice su panel de administración de WordPress y el modo oscuro se habilitará cuando se cargue la página.

El botón de cambio se agregará a la barra superior, donde ahora podrá cambiar entre los modos claro y oscuro.

imagen 7

Utilice el complemento de modo oscuro de WP

Es hora de explorar lo que ofrece WP Dark mode en términos de personalización y adaptación.

Algunas opciones son gratuitas, mientras que las más avanzadas sólo están disponibles en la versión PRO.

Por ejemplo, varios diseños para botones de interruptor de flotador solo están disponibles si compra el complemento.

imagen 8

Puede personalizar aún más el complemento configurando una combinación de colores.

Dos de ellos están disponibles en la versión gratuita del complemento y los otros 10 diseños (junto con sus colores personalizados) están reservados para usuarios premium.

imagen 9

El complemento ofrece un montón de personalizaciones, como:

  • La capacidad de desactivar el modo oscuro. El complemento WooCommerce puede resultar útil si sus productos se ven mejor sobre un fondo claro.
  • CSS personalizado para que el diseño del complemento coincida perfectamente con su sitio web (versión PRO).
  • Modo oscuro de fondo
  • Análisis e informes para que puedas comprobar qué tan popular es el modo oscuro entre tus usuarios, una de mis funciones favoritas.
  • Reducir el brillo de las imágenes. cuando el modo oscuro está habilitado.
  • El modo oscuro basado en el tiempo le permite activar automáticamente el modo oscuro dentro de un rango de tiempo determinado. Esto puede resultar útil si la mayoría de sus visitantes provienen de la misma zona horaria.
  • Modo atardecer te permite activar automáticamente el modo oscuro al atardecer. Lo bueno de esta función es que se adapta según la zona horaria del usuario.
Leer:  Wix frente a WordPress

Cambiar entre modos claro y oscuro

Quizás se pregunte por qué exactamente cambiaría entre los dos modos.

Algunas investigaciones demostraron que es importante que recibamos suficiente luz brillante durante el día y la disminuyamos gradualmente por la noche.

Por eso es importante utilizar el modo de luz cuando estamos trabajando activamente y el entorno es brillante.

Luego cambia al modo oscuro por la noche, cuando llega el momento de relajarse y nuestro cuerpo se prepara para dormir.

Afortunadamente, cambiar entre los dos modos es lo más sencillo posible.

Simplemente HAGA CLIC en el botón de cambio y el modo cambiará en consecuencia.

Si tiene la versión PRO del complemento, puede configurarlo en el modo Puesta de sol, que cambiará el modo automáticamente.

Pensamientos finales

Tener una opción para que sus usuarios habiliten el modo oscuro cuando sea necesario mejora la usabilidad general de su sitio web.

Muchos visitantes prefieren el modo oscuro por la noche y algunos de nosotros incluso lo preferimos durante el día.

La parte importante es que esto siempre debe ser elección del usuario.

Incluso si implementas el modo Sunset, siempre debería haber un interruptor en el sitio web para desactivarlo en cualquier momento.

Nuevas Publicaciones:

Recomendamos