Hoy en día, cada vez más páginas web ofrecen a sus espectadores la opción de elegir entre el modo claro y el modo oscuro. Por nombrar algunos, Facebook, Twitter y YouTube ya han introducido la configuración del modo oscuro a sus usuarios.
En esta publicación, obtendrá información sobre el modo oscuro front-end. Pero ¿qué pasa si quieres configurar el modo oscuro en el Panel de WordPress? Visitar Modo oscuro del panel de WordPress y aprende más sobre ello.
El modo oscuro lleva bastante tiempo ganando popularidad entre los usuarios. Siguiendo la tendencia, muchos usuarios de WordPress piden el modo oscuro. Por lo tanto, es natural que quieras agregar el modo oscuro a tu sitio de WordPress. Y ahora que ya estás leyendo este artículo, pronto sabrás cómo configurar el modo oscuro de WordPress con un solo clic.
Tabla de contenidos
Agregue un encabezado para comenzar a generar la tabla de contenido
¿qué es el modo oscuro?
El modo oscuro es una configuración de visualización para interfaces de usuario, como computadoras portátiles o teléfonos inteligentes. Si bien hay varios colores y tonos, no aparecen textos oscuros en una pantalla blanca en este modo. En cambio, un fondo oscuro o negro presenta textos de colores claros y elementos de interfaz encima.
El modo oscuro se conoce con algunos otros nombres, como tema oscuro, modo negro, claro sobre oscuro, modo nocturno. Además de navegadores, teléfonos inteligentes, etc., muchos sistemas operativos ofrecen el modo oscuro a sus usuarios.
La idea general del modo oscuro es que reduce la luz emitida por las pantallas de los dispositivos manteniendo al mismo tiempo las relaciones mínimas de contraste de color necesarias para que los elementos de la interfaz sean legibles. Sin embargo, la idea no es algo nuevo. De hecho, el modo oscuro es anterior al modo claro en un par de décadas. Con el avance de la tecnología, surgió el tema de la luz. Y curiosamente, ese mismo avance ha devuelto la vida al interés del usuario por el modo oscuro.
¿por qué es necesario el modo oscuro?
Hay ciertas ventajas que puede ofrecer el modo oscuro. Son los siguientes:
Reducción del consumo de energía
Una ventaja científica más comúnmente reconocida del modo oscuro es que reduce el consumo de energía con pantallas AMOLED y OLED.
En los paneles OLED y AMOLED, cada píxel se ilumina individualmente. En el modo de luz, todos los píxeles se iluminan y, a su vez, la pantalla exige más entrada de energía. Sin embargo, en el modo oscuro, no es necesario iluminar todos los píxeles. Como resultado, la pantalla no solicita tanta entrada de energía como en el modo de luz.
Sin embargo, sólo las pantallas OLED y AMOLED pueden disfrutar de la opción de ahorro de energía desde el modo oscuro.
Reducción de la emisión de luz azul
La luz azul es un espectro de luz visible con alta energía que tiene la longitud de onda más corta. Según los expertos, la exposición excesiva a la luz azul puede hacer que su cuerpo secrete menos melatonina. La melatonina juega un papel vital para lograr dormir lo suficiente.
El Sol es la fuente más importante de luz azul. Sin embargo, los dispositivos que utilizas también secretan trazas de luz azul. Pero si estás usando el modo oscuro, cortará la dañina luz azul, asegurándote un sueño más sólido.
Mejor para configuraciones con poca luz
El modo oscuro es más adecuado para entornos con poca luz, como en la cama o en una sala de cine. De esa manera, incluso si estás usando tus dispositivos, no molestará a otras personas sin querer.
¿Cómo configurar el modo oscuro?
WordPress viene equipado con una combinación de colores de administrador. Sin embargo, ninguno de los diseños predeterminados reduce la luz blanca proveniente de la pantalla. Pero no te preocupes, porque hay una manera de configurar el modo oscuro en tu sitio de WordPress. Puede configurar el modo oscuro en su sitio web de WordPress a través de un complemento. En primer lugar, deberá instalarlo y activarlo Complemento de modo oscuro de WordPress. Puede encontrarlo directamente en el directorio de complementos de WordPress. Puede acceder al directorio a través del panel de administración en la sección de complementos.
Cómo agregar el modo oscuro a su sitio de WordPress mediante un complemento
En primer lugar, deberá instalar y activar el complemento WordPress Dark Mode. Vamos a utilizar el Apagón: widget en modo oscuro para este artículo. Puede encontrarlo directamente en el directorio de complementos de WordPress. Puede acceder al directorio a través del panel de administración en la sección de complementos.
Una vez que lo haya instalado, deberá activar el complemento del modo oscuro. Al activarse, acceda a su panel de administración de WordPress. Haga clic en la opción Configuración de su placa de administración. En el menú desplegable, elija el menú Apagar.
Verás varias opciones. Desde allí, haga clic en el botón Habilitar modo oscuro consciente del sistema operativo. Una vez habilitado, permitirá a los visitantes ver la versión en modo nocturno de su sitio de WordPress cuando su dispositivo tenga una configuración en modo oscuro.
Para hacer la opción de cambiar al modo oscuro cuando quieran estar disponibles, busque la opción Mostrar interruptor flotante. Haga clic en el botón para habilitarlo. Significa que, independientemente de la configuración de la interfaz del usuario, el usuario podrá cambiar al modo oscuro cuando esté en su sitio.
Hay muchas otras opciones disponibles. Por ejemplo, puedes elegir los colores del modo oscuro, personalizar los estilos de tu interruptor flotante y muchas más. Sin embargo, solo una parte de todas las opciones estarán disponibles con la versión gratuita. Cuando haya terminado sus tareas, haga clic en el botón Guardar cambios para guardar su configuración.
Ahora, para asegurarse de que el complemento funcione sin problemas, realice una prueba para ver si todo funciona. También puede solucionar dónde aparecerá su interruptor flotante en la pantalla de un usuario.
Cómo agregar el modo oscuro al administrador de WordPress
WordPress ofrece diferentes combinaciones de colores de administración. Sin embargo, ninguno de los esquemas de color predeterminados puede reducir la emisión de luz blanca de la pantalla a pesar de sus diferencias. Afortunadamente, este complemento de modo oscuro también soluciona ese problema.
Para ello, tendrás que acceder nuevamente al menú Configuración. Desde allí, deberá ingresar a la página Apagón y hacer clic en la pestaña Configuración general. Verá una opción que le permitirá elegir habilitar el modo backend oscuro. Active esa opción y guarde los cambios que haya realizado haciendo clic en el botón Guardar configuración en la parte inferior de la página.
Una vez que haya habilitado el modo backend oscuro, debería ver un nuevo interruptor en la barra superior de su panel de administración. Si desea habilitar el modo oscuro, haga clic en el botón y cámbielo a la configuración del modo oscuro. Sin embargo, sería mejor utilizar el modo oscuro sólo cuando se encuentre en un entorno oscuro para cuidar mejor sus ojos.
Tenga en cuenta que el modo oscuro no es uno de los esquemas de color de administrador que proporciona WordPress. Entonces, incluso si está usando la configuración del modo oscuro, puede usar uno de los esquemas de color de administrador de WordPress junto con él sin ninguna dificultad. Para configurar esto, haga clic en la opción Usuarios y vaya a la página Perfil desde el menú desplegable. Desde esa página, haga clic en una opción en la página Esquema de color de administrador.
Sin embargo, tendrás que desactivar el modo oscuro para notar la otra opción de combinación de colores del administrador.
Envolviendo
Agregar el modo oscuro a su sitio de WordPress agrega una buena característica adicional a su sitio. Pero eso no es todo lo que hace. También mejora la accesibilidad y la experiencia del usuario. Con su creciente popularidad, introducir el modo oscuro en su sitio de WordPress debería aumentar el tráfico de su sitio.
Ahora que ha llegado al final de este artículo, esperamos que sepa cómo configurar el modo oscuro de WordPress con un solo clic. Y ahora puede introducir el modo nocturno en su sitio y mejorar la experiencia del usuario.
