¿Quieres agregar el modo oscuro a tu sitio web WordPress?
Muchos dispositivos ahora vienen con compatibilidad nativa con el modo oscuro. Agregar este modo a su Sitio web Adapta automáticamente su diseño a las preferencias del navegador de sus usuarios. Incluso puedes agregar un interruptor a tu sitio web para cambiar a él.
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.
Pero antes, si nunca has instalado WordPress, descubre ¿Cómo instalar un blog de WordPress pasos 7 et ¿Cómo encontrar, instalar y activar un tema de WordPress en tu blog
Luego de vuelta a por qué estamos aquí.
¿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 en la pantalla.
Algunos dispositivos vienen con un modo nocturno que en realidad usa tonos de color más cálidos. El modo oscuro adopta un enfoque diferente al agregar colores oscuros al fondo.
Si tiene un dispositivo iPhone o Android, es posible que pueda cambiar al modo oscuro con solo usar 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 la sección del blog de BlogPasCher con este complemento:
Agregar un modo oscuro a su sitio web brinda a los usuarios la capacidad de activar y desactivar el modo oscuro cuando visualizan su sitio web. También le brinda más control sobre cómo se muestra su sitio web en modo oscuro.
Sitios web populares como YouTube también ofrecen una combinación de colores oscuros. Esto permite a los usuarios ver videos a altas horas de la noche con una experiencia más cómoda.
Además de agregar el modo oscuro a la interfaz de su sitio web, incluso puede agregar el modo oscuro a su área de administración de WordPress. Esto puede resultar útil si está trabajando en su sitio web por la tarde o por la noche.
Primero, echemos un vistazo a cómo agregar el modo oscuro a su sitio web de WordPress. A continuación, cubriremos cómo agregar el modo oscuro a su panel de WordPress.
Consejo: ¿Quieres un sitio web con una combinación de colores oscuros, incluso con el dispositivo del usuario en modo normal o diurno? Entonces, mira nuestra lista de mejores temas oscuros para WordPress.
Agregar el modo oscuro a su sitio web de WordPress
En primer lugar, debe instalar y activar el complemento. Modo oscuro WP. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.
Después de la activación, vaya a la página Configuración »WP Dark Mode desde el panel de WordPress y haga clic en la pestaña Ajustes generales. Debería ser redirigido allí automáticamente.
Aquí, el parámetro 'Habilitar el modo oscuro consciente del sistema operativo' ha sido activado para usted. Esto significa que el visitantes verá automáticamente la versión en modo oscuro de su sitio web cuando su dispositivo esté configurado en modo oscuro.
El parámetro 'Mostrar interruptor flotante'también se ha activado. Esto significa que los usuarios pueden cambiar su sitio web 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. Haga clic en él para cambiar instantáneamente su sitio web al modo oscuro en su dispositivo:
Hay más opciones de personalización disponibles en la página. Configuración »WP Dark Mode. Sin embargo, estos son bastante limitados con la versión gratuita.
Por ejemplo, solo necesita hacer clic en la pestaña Ajustes de visualización para cambiar el estilo del interruptor flotante:
También puede personalizar los colores del modo oscuro usando la pestaña Ajustes :
Asegúrese de hacer clic en el botón Guardar configuración para guardar la configuración después de realizar cambios.
Nota: Con la versión gratuita de este complemento, solo obtiene los primeros 2 estilos de interruptor flotante y los primeros 2 ajustes preestablecidos de color.
La versión pro ofrece muchas más opciones de diseño, además de la capacidad de habilitar el modo oscuro en momentos específicos y la capacidad de agregar código CSS personalizado.
Agregar modo oscuro al panel de WordPress
WordPress viene con esquemas de color para el área de administración, pero ninguno de los esquemas de color predeterminados reduce la luz blanca que proviene de su pantalla. Afortunadamente, este complemento resuelve este 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.
Solo tienes que ir a la pagina Configuración »WP Dark Mode y haga clic en la pestaña Ajustes generales. Entonces acciona el interruptor 'Habilitar el modo oscuro de backend'. No olvide hacer clic en el botón Guardar configuración al final 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 web tiene varios Usuarios de WordPress, cada persona podrá cambiar al modo oscuro como prefiera.
Ya que 'Modo oscuro'no es un esquema de color de administrador, puede usarlo fácilmente con un esquema de color de administrador de WordPress existente. Para definir esto, simplemente vaya a Usuarios »Perfil y haga clic en una opción en Admin Color Scheme.
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 Editor de bloques de WordPress, también puede cambiar al 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.
Otros recursos recomendados
También le invitamos a consultar la Recursos a continuación para tomar más propiedad y control de su sitio web y blog.
- Cómo insertar videos en sus publicaciones de blog de WordPress
- ¿Cómo agregar un control deslizante de playa en un formulario de WordPress?
- plugins de WordPress para crear 7 barra de notificaciones
- Complementos de 8 WordPress para agregar gráficos de precios a tu blog
Conclusión
Listo ! Eso es todo por esta guía. Esperamos que este artículo le haya ayudado a aprender cómo agregar el modo oscuro a su sitio web de WordPress. También puede leer nuestro artículo sobre 9 plugins de WordPress para personalizar el tablero de instrumentos.
Sin embargo, también podrá consultar nuestra Recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress o el de Divi: el mejor tema de WordPress de todos los tiempos.
Si tiene un amigo o un comentario, déjelo en la sección comentario. Sobretodo comparte este artículo en tus diferentes redes sociales.
...
