¿Quieres agregar el modo oscuro a tu sitio de WordPress?
Muchos dispositivos ahora vienen con compatibilidad nativa con el modo oscuro. Agregar un modo oscuro a su sitio web adapta automáticamente su diseño a la preferencia del navegador de sus usuarios. Incluso puede agregar un conmutador de modo oscuro a su sitio también.
En este artículo, le mostraremos cómo agregar fácilmente el modo oscuro a su sitio web de WordPress tanto en la interfaz como en el área de administración.
¿Qué es el modo oscuro y por qué agregarlo a su sitio web?
El modo oscuro se usa en dispositivos móviles y computadoras para reducir la cantidad de luz blanca de la pantalla.
Algunos dispositivos vienen con un modo nocturno que en realidad usa tonos de color más cálidos. El modo oscuro utiliza un enfoque diferente al agregar colores oscuros en el fondo.
Si tiene un dispositivo iPhone o Android, puede cambiar al modo oscuro simplemente usando un interruptor.
Alternativamente, en su computadora, puede ver sitios web en modo oscuro usando una extensión de Chrome como Night Eye. Así es como se ve el sitio web de AprenderWP con esa extensión:
Agregar el modo oscuro a su sitio brinda a los usuarios la opción de activar y desactivar el modo oscuro mientras visualizan su sitio. También le da más control sobre cómo se ve su sitio en el modo oscuro.
Los sitios web populares como YouTube también ofrecen un esquema de color oscuro. Esto permite a los usuarios ver videos a altas horas de la noche con una experiencia de visualización más cómoda.
Además de agregar el modo oscuro a la interfaz de su sitio web, también puede agregar el modo oscuro a su administrador de WordPress. Esto puede ser útil si trabaja en su sitio por las tardes o por la noche.
Primero, vamos a echar un vistazo a cómo agregar el modo oscuro a su sitio web de WordPress. Luego, cubriremos la adición del modo oscuro a su panel de administración de WordPress.
Consejo: ¿Quieres un sitio web con un esquema de color oscuro, incluso con el dispositivo del usuario en modo normal o diurno? Entonces echa un vistazo a nuestra lista de los mejores temas oscuros para WordPress.
Agregar modo oscuro a su sitio web de WordPress
En primer lugar, debe instalar y activar el Modo oscuro WP enchufar. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.
Tras la activación, vaya a la Configuración » Modo oscuro WP en su administrador de WordPress y haga clic en la pestaña Configuración general. Deberías ser redirigido allí automáticamente.
Aquí, la configuración ‘Habilitar el modo oscuro consciente del sistema operativo’ se ha activado para usted. Esto significa que los visitantes verán automáticamente la versión en modo oscuro de su sitio cuando su dispositivo esté configurado en modo oscuro.
La configuración ‘Mostrar interruptor flotante’ también se ha activado. Esto significa que los usuarios pueden cambiar su vista del sitio al modo oscuro en cualquier momento, incluso si no han habilitado una opción de Modo oscuro en su dispositivo.
Simplemente visite su sitio web y verá el interruptor en la esquina inferior derecha. Haz clic para cambiar instantáneamente tu sitio al modo oscuro en tu dispositivo:
Hay más opciones de personalización disponibles en el Configuración » Modo oscuro WP página. Sin embargo, estos son bastante limitados con el complemento gratuito.
Por ejemplo, solo necesita hacer clic en la pestaña Configuración de pantalla para cambiar el estilo del interruptor flotante:
También puede personalizar los colores del modo oscuro usando la pestaña Configuración de estilo:
Asegúrese de hacer clic en el botón Guardar configuración después de realizar cualquier cambio.
Nota: Con la versión gratuita de WP Dark Mode, solo obtiene los primeros 2 estilos de interruptores flotantes y los primeros 2 ajustes preestablecidos de color para elegir.
La versión pro de WP Dark Mode ofrece muchas más opciones de diseño, además de la capacidad de activar el modo oscuro en momentos específicos y la opción de agregar un código CSS personalizado.
Agregar el modo oscuro a su administrador de WordPress
WordPress viene con esquemas de color de administrador, pero ninguno de los esquemas de color predeterminados reduce la luz blanca que proviene de su pantalla. Afortunadamente, este complemento también resuelve ese problema.
Echemos un vistazo a cómo agregar fácilmente el modo oscuro a su área de administración de WordPress para una experiencia de usuario más agradable durante las últimas horas.
Simplemente ve a la Configuración » Modo oscuro WP y haga clic en la pestaña Configuración general. Luego, cambie el interruptor ‘Habilitar modo oscuro de backend’ a la posición de encendido. No olvide hacer clic en el botón Guardar configuración en la parte inferior de la página:
Ahora verá un nuevo interruptor en la barra superior de su área de administración:
Simplemente haga clic en este interruptor para cambiar instantáneamente su área de administración al modo oscuro.
Consejo: Si su sitio tiene varios usuarios de WordPress, cada persona puede activar y desactivar el modo oscuro como prefiera.
Dado que el ‘Modo oscuro’ no es un esquema de color de administrador, puede usarlo fácilmente junto con un esquema de color de administrador de WordPress existente. Para configurar esto, simplemente vaya a Usuarios » Perfil y haga clic en una opción en Esquema de color de administración.
Tenga en cuenta que deberá desactivar el modo oscuro para ver las opciones de combinación de colores del administrador:
Al escribir una publicación en el editor de bloques de WordPress, también puede activar el modo oscuro. Haga clic en el pequeño icono de color en la parte superior izquierda, luego seleccione el modo que desea usar:
Ahora, puede escribir y trabajar cómodamente en su sitio web por la noche sin forzar la vista.
Esperamos que este artículo le haya ayudado a aprender cómo agregar el modo oscuro a su sitio web de WordPress. Es posible que también desee ver nuestro artículo sobre los mejores complementos de WordPress para todos los sitios web y nuestra comparación de las empresas de alojamiento de WordPress mejor administradas.
.