Cómo habilitar el modo oscuro en su sitio web de WordPress 1

Cómo habilitar el modo oscuro en su sitio web de WordPress

El modo oscuro se utiliza para reducir la cantidad de luz blanca de la pantalla. Algunos dispositivos, así como aplicaciones y software, vienen con un modo oscuro, y los usuarios que prefieren esta configuración apreciarán agregar el modo oscuro a su sitio web de WordPress. Pero, ¿qué es el modo oscuro exactamente y cómo puede agregarlo a su sitio web de WordPress? Esto es lo que discutiremos en este artículo.

¿Qué es el modo oscuro y cuándo se usa?

Los usuarios de computadoras que trabajan hasta altas horas de la noche pueden encontrarlo un esfuerzo en los ojos para mirar una pantalla brillante durante períodos de tiempo más largos. El modo oscuro es una configuración o una función de dispositivos, aplicaciones o sitios web, que reduce la cantidad de luz brillante viniendo de la pantalla. Funciona, en el caso de los sitios web, por cambiando el color de los elementos del diseño de un sitio web de claro a oscuro, lo que hace que mirar una pantalla sea menos fatigado para los ojos del usuario.

Algunos dispositivos, como hemos dicho, vienen con modo oscuro integrado. Algunos dispositivos también tienen modo nocturno, que es un poco diferente. El modo oscuro utiliza colores oscuros para el fondo de un sitio web, mientras que el modo nocturno reemplaza los tonos más fríos por otros más cálidos, reduciendo la cantidad de luz azul emitida. Algunos estudios han demostrado que La luz azul puede tener efectos adversos en la salud., por lo que muchos usuarios prefieren evitarlo.

El modo oscuro, por lo tanto, es una cuestión de preferencia para una gran cantidad de usuarios. Dado que WordPress no viene con un cambio de modo oscuro de forma predeterminada, ¿cómo puede habilitarlo para su sitio web?

Cómo habilitar el modo oscuro en su sitio web de WordPress

Como siempre, nuestra primera sugerencia es buscar una solución en un tema desarrollado profesionalmente. Si está buscando un tema oscuro de WordPress, en lugar de un modo oscuro, no hay escasez de ellos.

Si estás buscando una manera de Permita que sus visitantes cambien entre los modos claro y oscuro. de su sitio web, necesitará un complemento. Te sugerimos Modo oscuro WP, y le mostraremos cómo usarlo.

Una vez que instale y active el complemento, será redirigido automáticamente a su página de configuración. Si desea encontrar esta página de configuración más adelante, la encontrará en su panel de WordPress, en Configuración / WP Modo oscuro.

La configuración es tan fácil como parece. En el Configuración general pestaña, encontrarás que Habilitar el modo oscuro de la interfaz, mostrar el interruptor flotante, y Habilitar el modo oscuro consciente del sistema operativo los controles se han encendido. La primera configuración simplemente habilita el modo oscuro para sus usuarios. El interruptor flotante significa que sus visitantes verán un cambio de modo oscuro cuando accedan a su sitio web, y el modo oscuro compatible con el sistema operativo significa que, si la configuración preferida del usuario es el modo oscuro, el sitio aparecerá en modo oscuro para ellos.

Configuración general

Pero si desea insertar el interruptor manualmente, tiene tres soluciones a su disposición. Puede, por ejemplo, agregar un interruptor a una publicación o página como un bloque de Gutenberg, como un elemento de Elementor o como un código corto. Los elementos de Elementor funcionan más o menos de la misma manera que los bloques de Gutenberg (simplemente arrastre y suelte el elemento del interruptor de modo oscuro donde lo desee desde el menú del lado izquierdo). También tenemos un tutorial detallado sobre códigos cortos en su sitio web en caso de que prefiera usarlos en lugar de bloques o elementos de Gutenberg.

Le mostraremos cómo colocar un interruptor en una publicación utilizando un bloque de Gutenberg. Simplemente haga clic en el más firmar mientras edita una publicación y encontrar el Interruptor de modo oscuro cuadra.

Bloque de modo oscuro

Hemos colocado nuestro interruptor al final del poste y en el extremo derecho. Por supuesto, puedes colocar el tuyo donde más te guste.

Bloque agregado

Y eso es realmente. Sus visitantes ahora verán el interruptor de modo oscuro donde lo colocó.

Vista previa del modo oscuro

Al hacer clic en él, se activará automáticamente el modo oscuro de su sitio web.

Vista previa del modo oscuro

Este complemento ofrece muchas más opciones de estilo para su interruptor de modo oscuro, pero están limitadas en la versión gratuita del complemento. Si la estética de sus controles es importante para usted, es posible que desee invertir en la versión pro del complemento.

Cómo habilitar el modo oscuro para la interfaz del panel de WordPress

Pero, ¿qué pasa si los usuarios cuyos ojos desea evitar la tensión de los colores brillantes son sus administradores? Con WP Dark Mode, también puede introducir un interruptor de modo oscuro en su panel de WordPress.

En la configuración general, busque el Habilitar el modo oscuro de backend alternar, encenderlo y Ahorrar su configuración.

Encontraras un oscura luz cambiar en la parte superior de la pantalla. Tus administradores ahora podrán activar el modo oscuro a voluntad.

Admin oscuro

Y su personal y administradores contribuyentes ahora pueden usar el sitio web en modo oscuro, al igual que sus visitantes.

Modo oscuro de backend

En conclusión

Como ha visto, configurar un interruptor de modo oscuro para su sitio web es fácil y gratuito con un simple complemento. Si está buscando permitir que sus visitantes accedan a su sitio web en modo oscuro y protegerlos de la fatiga visual, o si cree que sus administradores y el personal que contribuye quisieran tener la opción de trabajar en modo oscuro, así es como puede hacerlo.

Apoya nuestro trabajo ❤️

Si te ha gustado este artículo, considera dejar una propina para ayudarnos a seguir publicando contenido de calidad.

Pago seguro en PayPal