¿Quieres añadir el modo oscuro a tu escritorio de administrador de WordPress?
Un esquema de colores más oscuros puede facilitar el trabajo a última hora del día o en condiciones de poca luz, ya que reduce la luz blanca y azul procedente de la pantalla. Según algunos usuarios, reducir esta luz también puede ayudar si sufres fatiga visual, dolores de cabeza o problemas para dormir.
En este artículo, le mostraremos cómo añadir el modo oscuro al panel de administración de WordPress.
¿Qué es el modo oscuro y por qué añadirlo a WordPress?
Si suele trabajar en su sitio web de WordPress a altas horas de la noche o en condiciones de poca iluminación, la luz brillante de la pantalla del ordenador puede provocarle fatiga visual.
Algunas personas creen incluso que la luz brillante puede alterar los ritmos circadianos naturales y dificultar el sueño.
En este sentido, muchas aplicaciones, sitios web e incluso sistemas operativos incorporan un modo oscuro que reduce la cantidad de luz blanca procedente de la pantalla.
Si tienes un iPhone o un smartphone Android, es posible que puedas cambiar al modo oscuro mediante un conmutador.
Algunos sitios web populares como YouTube incluso ofrecen un esquema de colores oscuros integrado.
Añadir el modo oscuro a su sitio web WordPress es genial para los visitantes, pero es posible que también desee añadir un modo oscuro al back-end de su sitio web. WordPress viene con esquemas de color de administración, pero ninguno de los esquemas de color predeterminados reduce realmente la cantidad de luz blanca que entra por la pantalla.
Dicho esto, vamos a añadir un modo oscuro al área de administrador de WordPress para que pueda trabajar cómodamente en su sitio a altas horas de la noche o en condiciones de poca luz.
Manera rápida y fácil de añadir el modo oscuro a su área de administración de WordPress
La forma más sencilla de añadir un modo oscuro al escritorio de administrador de WordPress es utilizando WP Dark Mode. Este plugin permite a los administradores activar y desactivar el modo oscuro con un solo clic.
Mejor aún, si tienes un blog de WordPress con varios autores, cada persona puede activar o desactivar el modo oscuro según prefiera. El plugin recordará sus preferencias la próxima vez que inicien sesión.
En primer lugar, tendrás que instalar y activar el plugin WP Dark Mode. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
Tras la activación, vaya a la página WP Dark Mode ” Settings en su panel de control de WordPress y, a continuación, haga clic en la pestaña Admin Panel Dark Mode.
A continuación, active el botón “Activar el modo oscuro del panel de administración”.
Si lo prefiere, también puede activar el modo oscuro para el editor de bloques.
A continuación, desplácese hacia abajo y pulse el botón “Guardar cambios”.
En este punto, verás un nuevo interruptor “Claro / Oscuro” en la barra de herramientas de administración.
Puede hacer clic en este conmutador para activar y desactivar el modo oscuro en el área de administración.
El ‘Modo Oscuro’ no es un esquema de color de administrador, así que después de activarlo puede que quieras intentar cambiar el esquema de color de administrador.
Si eliges una combinación de colores oscuros, podrás reducir aún más la cantidad de luz procedente de la pantalla. Otra opción es elegir un esquema de color más brillante, lo que hará que el tablero de instrumentos en modo oscuro sea más fácil de leer.
Para cambiar la combinación de colores del administrador, vaya a Usuarios ” Perfil y elija cualquiera de las opciones en Combinación de colores del administrador.
También puede activar el modo oscuro en la parte frontal de su sitio web.
Para ello, cambie a la pestaña “Modo oscuro frontend” y active el botón “Activar modo oscuro frontend”.
Como antes, asegúrate de pulsar el botón “Guardar cambios” cuando hayas terminado.
Los visitantes seguirán viendo la versión normal y clara de su blog o sitio web de WordPress. Pero pueden cambiar al modo oscuro en cualquier momento haciendo clic en el icono de la esquina inferior derecha.
Para más consejos y trucos sobre cómo personalizar tu área de administración, consulta estas guías:
- Consejos vitales para proteger el área de administración de WordPress (actualizado)
- Cómo añadir notificaciones de administración personalizadas en WordPress
- Cómo desactivar la barra de administración de WordPress para todos los usuarios excepto los administradores
- Cómo cambiar el pie de página en el panel de administración de WordPress
- Cómo ocultar elementos innecesarios del menú de administración de WordPress
- Cómo añadir y personalizar columnas de administración en WordPress
- Cómo poner una marca blanca en el panel de administración de WordPress
Esperamos que este tutorial te haya ayudado a aprender cómo añadir el modo oscuro a tu panel de administración de WordPress. También puedes consultar nuestra guía sobre cómo crear una página de aterrizaje en WordPress o nuestra selección de plugins imprescindibles para WordPress.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Jiří Vaněk says
Thank you for the advice. I have both system and browser dark mode set on Windows 11, but WordPress keeps ignoring this setting. Browser settings and even a browser extension that should force dark mode didn’t help. And now I understand that it will be a problem of WordPress missing color scheme for dark mode. Thank you for the valuable experience and advice on how to force dark mode.
WPBeginner Support says
You’re welcome
Administrador
Dan says
Thank you.
This is a workaround plugin, which is not ideal.
I’ve observed that every time I click anything in the interface, it blinks for 1 second in the original color and then switches to dark mode.
Ideally, WordPress should add it to its color scheme.
WPBeginner Support says
You may want to change your color scheme under User>Profile to set the base color to help prevent the delay in the style’s loading.
Administrador
Thia says
Awesome. Just tried the plugin and It’s really cool.
WPBeginner Support says
Glad you liked our recommendation!
Administrador
Darlington says
What about how to implement dark mode in the frontend of my wordpress website?
WPBeginner Support says
That would be determined by your theme, if you reach out to your theme’s support they should be able to let you know.
Administrador
Darlington says
Okay. Thanks a lot.
Kuldeep Singh says
Awesome!
Thank you guys. It helped me to get desired dashboard dark theme. But I need the default editor background in dark theme too. It there any single plugin which can change the dashboard and editor background to dark mode?
WPBeginner Support says
You would want to reach out to the plugin’s support for their recommendation first
Administrador