La funcionalidad modo noche o night mode, es simplemente el hecho de añadir un botón a tu página web, que al pulsarlo cambie el CSS o el estilo de la web, normalmente, las letras pasarán a estar en blanco y el fondo en negro, de manera que no cansa la vista a quién te lea de noche o con poca luz, un complemento que está de moda últimamente y que me apetecía probar.
Aunque se puede elegir distintos colores según el plugin, claro está. En este artículo recopilo los mejores plugins para wordpress que nos habilitan el uso del modo noche, luego de haberlos instalado y probado todos ellos.
Contents
WP Night Mode
Este plugin es muy interesante y el más descargado de WordPress en su segmento claro.
Nos permite personalizar los colores del modo noche, es gratuito y simplemente una vez instalado lo único que tenemos que hacer es personalizarlo en ajustes y usar el siguiente shortcode:
[wp-night-mode-button]
Lo puedes pegar en un widget en el sidebar, en el menú, en el footer, en una entrada, dónde quieras. A mi me gusta pegarlo en el footer o en el sidebar de la derecha.
Además este plugin tiene un botón realmente atractivo, en realidad tiene 4 botones prediseñados entre los cuales podremos elegir. Yo me decanto por este que elegí, aqui el modo de día(o normal):
Es dinámico, el botón tiene una nube que se mueve y el sol.
Y aqui el modo noche:
En el modo noche se ve las estrellas y la luna.
Muy currado el diseño. Y así de sencillo es implementar el modo noche en nuestro wordpress.
Aqui puedes descargar WP Night Mode:
Blackout: Dark Mode Widget
Este es el otro gran plugin gratuito para wordpress que nos permite poner el modo noche, me costó un poco encontrarlo. Y es realmente alternativo con respecto al otro.
En este plugin no tenemos la opción de personalizar los colores del CSS en el modo noche, lo que es un gran punto en contra, tampoco podremos usar un shortcode para elegir dónde mostrar el botón….lo que es otro punto grande en contra.
Pero sinceramente, es la única alternativa a día de hoy con respecto al primero y además tiene algunas características interesantes que no tiene el otro.
Blackout simplemente lo instalas y eliges dónde mostrar el botón del modo noche, básicamente lo puedes poner en el sidebar izquierdo o derecho y regular la altura del botón, ósea, que puedes personalizarlo hasta cierto punto dónde va a estar, pero no tanto como el otro.
Luego, solo tiene un botón presideñado, que es una luna, la mitad iluminada, la mitad oscura, es un diseño más que aceptable, igual que el otro, y aunque no podremos elegir entre otros botones, si tiene cierto grado de personalización de colores, tamaño y diseño. Aunque sobre gustos colores.
Aqui una captura del botón en modo noche:
Y aqui en modo día:
Además puedes verlo en vivo antes de usarlo en la web del creador aqui.
Una característica que tiene este plugin y que no tiene el otro, es que este te permite elegir con o sin cookies, si eliges con, funcionará igual que el otro, cuando un usuario ponga el modo noche, siempre que acceda a tu web la tendrá en modo noche hasta que pulse de nuevo el botón. En cambio si eliges sin cookies, se quitará el modo noche cuando se vaya de tu web y vuelva y tendrá que darle de nuevo el botón si quiere el modo noche de nuevo.
Y por último la caractrística que me gusta más de este plugin:
Ambos plugins cambian los CSS(las hojas de estilo de nuestra web, pero tranquilos, no es peligroso, no lo cambia en el servidor, solo en el navegador de la gente, no hay riesgos de problemas técnicos en ese sentido), ahora bien, las hojas de CSS son cosas muy complejas a veces y claro, los plugins no siempre lo hacen bien porque no detectan las clases y demás en el código, entonces ocurre con mucha frecuencia que el modo noche, aunque trabaja muy bien en los artículos de las webs, en las portadas suele fallar bastante quedando un diseño feo y mal hecho.
Pero el plugin Blackout te da la opción de que el modo noche solo funcione para los artículos y/o páginas quitando si quieres el resto de cosas como la portada de tu web. De manera que los usuarios que activen el modo noche podrán leer nuestro blog en este modo sin necesidad de que cuando vayan a la portada vean un diseño feo. También es verdad que no siempre ocurre pero es frecuente, y si es tu caso, este plugin es una buena opción.
Aqui puedes descargar el plugin Blackout: Dark Mode Widget:
Plugins de modo noche para administradores de WordPress
Por último, y como extra, dejo 2 plugins que permiten usar el modo noche en el panel de administrador de wordpress, pero no a los usuarios que no estén registrados, es decir, en todo caso vienen a complementar los plugins anteriores. Desde luego solo sirven en caso de que en tu web se registren usuarios o qué tu mismo desees tener el modo noche.
|
|
Acepto donaciones de BAT's mediante el navegador Brave 🙂 |