Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WP Modo Oscuro

1 valoración de usuarios | Nuestro experto WP Modo Oscuro revisión

DiseñoUtilizado por más de 20.000 personas users

WP Dark Mode puede añadir el modo oscuro a su sitio web de cara al público y el panel de administración. También puede activar este modo de forma automática en función de los ajustes del dispositivo del usuario, o un horario establecido por usted.
¿Has utilizado "WP Modo Oscuro" antes? Add Your Review para ayudar a la comunidad.

Pros:

  • Plugins de modo oscuro
  • Añade modo oscuro a tu front-end y escritorio de WordPress
  • 19 estilos de cambio
  • Programa el modo oscuro según los ajustes del usuario o la zona horaria
  • Animaciones de transición
  • Excluir tipos de contenido personalizados, páginas, entradas, categorías y etiquetas del modo oscuro.
  • Informes de correo electrónico y análisis integrados

¡Los usuarios de WPBeginner pueden ahorrar hasta un 25%!

Visita WP Modo Oscuro

(este descuento se aplicará automáticamente)

| Reader Disclosure

WP Modo Oscuro Valoración: ¿Es el plugin de modo oscuro adecuado para usted?

¿Estás buscando una reseña / valoración de WP Dark Mode que te ayude a decidir si es el plugin de modo oscuro adecuado para ti?

Este plugin puede añadir un modo oscuro a tu sitio web de cara al público y al área de administrador de WordPress. Para muchas personas, esto puede ayudarles a evitar la fatiga visual y los dolores de cabeza, y promover un mejor sueño incluso cuando visitan su sitio en condiciones de poca luz.

En esta reseña de WP Dark Mode, analizaremos este popular plugin de modo oscuro para ver si es adecuado para su sitio web de WordPress.

WP Dark Mode review: Is it the right dark mode plugin for you?

WP Modo Oscuro: ¿Por qué usarlo en WordPress?

WP Dark Mode permite a los visitantes activar el modo oscuro en su sitio web o blog de WordPress, con un solo clic.

How to add dark mode to your WordPress blog or website

También añade un conmutador al escritorio de administrador, para que los usuarios puedan activar el modo oscuro en su escritorio de WordPress.

Para que la experiencia del usuario sea fluida, el Modo Oscuro de WP puede activar y desactivar este modo automáticamente basándose en los ajustes del dispositivo del usuario, o basándose en un horario establecido por usted. Incluso puedes activar automáticamente el modo oscuro al anochecer, en función de la ubicación del visitante.

Si estás empezando o tienes un presupuesto limitado, puedes descargar la versión lite de WP Dark Mode desde WordPress.org.

The free WP Dark Mode WordPress plugin

Este plugin gratuito añade un modo oscuro a tu blog o sitio web de WordPress.

También puedes hacer que el modo oscuro sea el predeterminado de tu sitio, o activar y desactivar este modo automáticamente en función de los ajustes del usuario. Sin embargo, el plugin premium proporciona una experiencia más fluida al activar automáticamente el modo oscuro a una hora específica, o activarlo al atardecer en función de la ubicación geográfica del visitante.

El plan Premium también incluye diseños de conmutadores adicionales y más opciones de personalización, para que pueda crear un conmutador que complemente a la perfección la imagen de marca/ marca personal de su empresa.

WP Modo Oscuro Valoración: ¿Es el plugin de modo oscuro adecuado para usted?

Si añades un conmutador de modo oscuro a tu sitio web, los usuarios podrán elegir el modo que prefieran sin tener que instalar una extensión aparte. Si los usuarios suelen trabajar en su sitio hasta altas horas de la noche o sufren de fatiga visual, un plugin de modo oscuro también puede ser una ventaja para sus administradores, autores y otros colaboradores.

Dicho esto, vamos a ver si WP Dark Mode es el plugin de modo oscuro adecuado para usted.

1. Interruptor de modo oscuro flotante

WP Modo Oscuro añade un interruptor flotante de modo oscuro hacia la parte inferior de la pantalla.

An example of a floating dark mode switch on a WordPress website

Permite a los visitantes conmutar entre los modos oscuro y claro en cualquier página de su sitio web, blog o tienda en línea.

2. Compatible con temas de WordPress

WP Dark Mode es compatible con los temas más populares de WordPress, incluyendo Astra, OceanWP y Divi.

Al ser compatible con tantos temas, puedes cambiar de tema de WordPress en cualquier momento sin perder los ajustes del modo oscuro.

3. Interruptores totalmente personalizables

El plugin gratuito viene con 3 estilos diferentes que puedes utilizar. Sin embargo, si actualizas al plugin premium, tendrás acceso a 19 estilos de interruptor de modo oscuro.

Applying a ready-made style to a toggle

Después de elegir un estilo, puedes personalizarlo cambiando el tamaño, el icono, el texto, los colores, la llamada a la acción y mucho más. Incluso puedes subir tus propios iconos personalizados para usarlos en el conmutador. De este modo, puedes crear un conmutador que se adapte perfectamente a tu tema de WordPress.

También puedes elegir entre 13 preajustes de color. Aunque elijas un preajuste, puedes retocar todas las partes del mismo, incluido el texto, la combinación de colores, los botones y la barra de desplazamiento.

Choosing a color preset for your WordPress dark mode

Otra opción es crear un preajuste de color personalizado y utilizarlo exactamente igual que los preajustes por defecto. Esta es una forma rápida y sencilla de crear un diseño que complemente a la perfección su imagen de marca / marca de color.

4. Animaciones incorporadas

El modo oscuro de WP viene con varias animaciones de transición que puede utilizar cuando los visitantes cambian entre los modos oscuro y claro, incluyendo fundido de entrada, pulso y flip.

Aún mejor, el editor de WP Dark Mode viene con una vista previa incorporada, para que puedas probar un montón de animaciones diferentes y ver cuál prefieres.

Adding transition effects to dark and light mode

5. Colocación múltiple de interruptores

Con el modo oscuro de WP, puedes elegir exactamente dónde aparece el interruptor en la pantalla. Para empezar, puedes elegir entre alineación izquierda, derecha y personalizada.

Changing the position of a toggle on your WordPress website, blog, or online marketplace

WP Dark Mode también puede añadir un interruptor a su menú de navegación.

Simplemente marca un botón en el menú de ajustes, y el Modo Oscuro de WP se encargará del resto.

Adding a dark mode switch to your WordPress navigation menu

También puede acceder a algunas opciones básicas de personalización en el cuadro de mandos “Editar menú”, de modo que pueda personalizar el interruptor para que se adapte perfectamente a su menú.

También puede añadir un interruptor al contenido de la página y de la entrada. Puede elegir mostrar el interruptor antes del contenido principal o debajo del contenido de la página.

Adding a dark mode toggle to your pages and posts

6. Bloque del interruptor de modo oscuro

¿Necesitas controlar exactamente dónde aparece el conmutador de modo oscuro en la pantalla? También es posible que desee añadirlo solo a determinadas páginas, como una página de destino concreta.

En ese caso, WP Dark Mode proporciona un bloque que puede añadir a través del editor de contenido de WordPress.

Adding a Dark Mode block in the WordPress block editor

También puede cambiar el estilo y el tamaño del interruptor a través del editor de bloques de WordPress. Esto le permite anular los ajustes por defecto, y dar a cada interruptor un aspecto único. También puedes añadir el interruptor mediante un shortcode que WP Dark Mode proporciona automáticamente.

7. Programar automáticamente el modo oscuro

WP Dark Mode puede cambiar el modo de tu sitio automáticamente, en un momento específico. Esto se basa en los ajustes del usuario, por lo que es ideal si tienes una audiencia internacional.

Otra opción es activar el modo oscuro automáticamente al atardecer, en función de la ubicación del visitante. Se trata de una opción “establecer y olvidar”, por lo que siempre se activará el modo oscuro en el momento adecuado para cada usuario.

8. Cambiar de modo en función de los ajustes del usuario

WP Dark Mode puede detectar si el dispositivo del usuario está en modo claro u oscuro. A continuación, puede cambiar al modo adecuado para los ajustes de su dispositivo, para una experiencia de visitante más fluida.

Esta característica es compatible con los principales sistemas operativos, incluidos iOS, Android, macOS y Windows 10. Dicho esto, debería ofrecer la misma experiencia a todos los usuarios, independientemente de su dispositivo.

9. Modo oscuro del administrador

Puede cambiar el esquema de color del administrador en WordPress utilizando los ajustes incorporados. Sin embargo, ninguno de los esquemas de color por defecto reduce la cantidad de luz blanca procedente de la pantalla.

Dicho esto, te alegrará saber que el Modo Oscuro de WP también puede añadir un conmutador al Escritorio del administrador.

Enabling dark mode in the WordPress admin area

Tras activar el modo oscuro, los administradores y otros usuarios conectados verán una versión en modo oscuro del escritorio de WordPress.

El plugin también puede añadir el modo oscuro al editor de bloques, para una experiencia de usuario más fluida.

Enabling dark mode for the WordPress content editor

Una vez activado este ajuste, basta con abrir cualquier página o entrada en el editor de contenidos.

Ahora verás una opción para activar el modo oscuro.

How to enable dark mode in the WordPress block editor

Mejor aún, si tienes un blog de WordPress con varios autores, cada usuario puede activar y desactivar el modo oscuro como prefiera. El plugin incluso recordará las preferencias de cada usuario la siguiente vez que acceda.

10. Características de accesibilidad

Algunos visitantes pueden utilizar herramientas de accesibilidad o tener necesidades diferentes. Para ser compatible con estos usuarios, WP Mode te permite dar soporte al modo oscuro usando un atajo de teclado o un parámetro de dominio.

Además, algunos visitantes pueden tener dificultades para leer el texto en modo oscuro. Para ayudar a estos usuarios, puede aumentar el tamaño de la fuente automáticamente cuando se activa el modo oscuro.

Automatically adjusting the font size on your website

Para más información sobre este debate, consulte nuestra guía sobre cómo mejorar la accesibilidad en su sitio de WordPress.

11. Aumente el rendimiento de su sitio web

El modo oscuro de WP viene con una serie de ajustes que pueden mejorar la velocidad de carga de tu página. Esto incluye elegir si las secuencias de comandos de modo oscuro deben cargar antes de procesar y mostrar el contenido de la página, o la obtención de la secuencia de comandos de modo oscuro de forma asíncrona.

También puede cargar sus scripts en el pie de página, lo que reducirá el bloqueo al procesar / mostrar.

12. Cambiar el modo por defecto

Con este plugin, usted tiene la opción de hacer que el modo oscuro de su sitio web por defecto. Esto significa que los visitantes verán primero el modo oscuro cuando visiten tu sitio web, blog o mercado online.

Making dark mode the default on a WordPress website, blog, or online store

Estos visitantes pueden cambiar al modo claro en cualquier momento, simplemente al hacer clic en el interruptor del modo oscuro de WP.

13. Efectos de brillo y escala de grises

El modo oscuro puede dificultar la visualización clara de los medios de su sitio web, o sus vídeos e imágenes pueden aparecer demasiado brillantes cuando el modo oscuro está activado.

Dicho esto, este plugin puede disminuir el brillo de tus imágenes y vídeos automáticamente, en función de tus ajustes. También puede añadir un efecto de escala de grises, y ajustar la cantidad de escala de grises para adaptarse perfectamente a su sitio web.

Automatically adjusting the brightness on a WordPress image

Estos ajustes son especialmente útiles si las imágenes o los vídeos constituyen una parte importante de su sitio web. Por ejemplo, le interesará explorar estas opciones si tiene un porfolio de fotografía o vende gráficos digitales en línea.

Si activa el brillo bajo o la escala de grises, puede excluir imágenes o vídeos específicos. Por ejemplo, puede excluir el logotipo de su sitio web para que no debilite su imagen de marca.

Excluding specific images from your grayscale effects

Otra opción es sustituir imágenes o vídeos específicos cuando el modo oscuro está activado / activo. Por ejemplo, puedes diseñar una versión de una infografía optimizada para el modo oscuro.

Del mismo modo, si tus vídeos tienen un fondo oscuro, éste puede desaparecer tras activar el modo oscuro. Dicho esto, puedes editar el vídeo para que tenga un fondo más claro y, a continuación, subir esta nueva versión para el modo oscuro.

Showing alternative videos and images when your site is in dark mode

14. Excluir páginas específicas, entradas y más

A veces, es posible que desee excluir determinadas páginas del modo oscuro, como las páginas de destino importantes o las páginas de ofertas.

Con el Modo Oscuro de WP, puede excluir páginas y entradas específicas, tipos de contenido personalizados, o incluso categorías y etiquetas enteras.

How to exclude categories and tags from dark mode

¿Tienes una tienda online? Entonces también puedes excluir todos tus productos y categorías de productos de WooCommerce del modo oscuro.

15. es compatible con CSS personalizado

WP Dark Mode tiene un montón de opciones de personalización. Sin embargo, los usuarios más avanzados también tienen la opción de utilizar CSS personalizado a través de un editor de código integrado en los ajustes del plugin.

How to add custom CSS to your website

Esto le permite afinar ajustes y elementos específicos dentro del conmutador, para crear su diseño perfecto.

16. Análisis en modo oscuro

Independientemente del tipo de sitio web, blog o tienda online que cree, es importante supervisar cómo interactúan los usuarios con su contenido.

Con esto en mente, el Modo Oscuro de WP viene con análisis incorporados para que puedas ver cómo la gente está usando el modo oscuro.

How to track visitors on your WordPress website

Puedes utilizar esta información para ajustar el funcionamiento del modo oscuro en tu sitio web. Por ejemplo, puede excluir determinados tipos de contenido personalizados, cambiar el horario del modo oscuro o retocar el diseño del conmutador para hacerlo más visible.

WP Dark Mode también puede enviar esta información por correo electrónico, por lo que puede supervisar su tráfico y la actividad de los visitantes sin siquiera acceder al escritorio de WordPress.

17. Soporte para Elementor

¿Utilizas Elementor?

WP Dark Mode se integra perfectamente con este popular maquetador de páginas, proporcionando un widget de Elementor. Con este widget, puedes colocar el interruptor de modo oscuro en cualquier página o entrada.

18. Ajustes de exportación e importación

¿Dirige una agencia de desarrollo de WordPress o posee varios sitios web? En ese caso, es posible que utilices los mismos ajustes de modo oscuro en varios sitios.

En lugar de recrear estos ajustes manualmente, puede exportarlos como un archivo JSON.

How to export your WP Dark Mode settings

A continuación, puede importar sus ajustes en cualquier otro sitio web que tenga instalado el modo oscuro de WP.

19. Botones para compartir en redes sociales

Como ventaja adicional, WP Dark Mode incluye botones para compartir en redes sociales que puedes añadir a tu sitio web de WordPress.

How to display social sharing icons on your blog or website

Puede ajustar con precisión dónde aparecen estos botones en sus entradas y páginas, cambiar el espaciado, especificar qué información incluir y mucho más.

Estos botones se han diseñado teniendo en cuenta el modo oscuro, por lo que tendrán un aspecto estupendo independientemente del modo que active el usuario.

Customizing the social sharing icons on your website or online store

20. Apoyo comunitario y profesional

Con este plugin de WordPress, puedes añadir el modo oscuro al front-end y al escritorio de tu sitio web, con sólo unos clics. Sin embargo, también tiene un montón de ajustes de personalización adicionales y opciones que puede explorar.

Si quieres profundizar en el tema, puede que te beneficies de alguna ayuda adicional. Para empezar, hay documentación en línea que muestra cómo instalar y activar el plugin, antes de pasar a temas y características más avanzadas.

An example of an online knowledge base

También hay un blog en el que el equipo de WP Dark Mode debate sobre diversos temas. Aquí encontrarás una selección de los plugins de WordPress que debes usar junto con WP Dark Mode, además de útiles tutoriales.

Si utilizas el plugin gratuito, puedes enviar una entrada al foro de WP Dark Mode en WordPress.org y obtener respuestas a preguntas básicas.

Al publicar en foros de soporte públicos, siempre es una buena idea incluir tanta información como sea posible, para que los expertos puedan entender su problema completamente y dar una respuesta útil. Para más información sobre este debate, consulta nuestra guía sobre cómo solicitar soporte de WordPress correctamente.

Si te actualizas al plugin premium, también tendrás acceso al chat en directo y al soporte VIP, para que puedas obtener ayuda directamente de los expertos.

WP Dark Mode Valoración: Precios y Planes

Si estás empezando o tienes un presupuesto limitado, puedes descargar la versión lite de WP Dark Mode desde WordPress.org.

Sin embargo, si quieres programar el modo oscuro para que se active automáticamente y desbloquear más opciones de personalización, entonces tendrás que actualizar al plugin premium.

WP Dark Mode's pricing and plans

Puedes comprar una licencia anual o de por vida. Independientemente de la licencia que obtenga, el precio variará en función del número de sitios en los que desea utilizar WP Dark Mode.

Si optas por una licencia anual, entonces puedes instalar WP Dark Mode en un solo sitio web por $49. Mientras tanto, puedes instalar el plugin en hasta 5 sitios web por $66.75 al año. Esta es una buena opción si ejecuta varios sitios, como varios blogs de marketing de afiliados en una red.

¿Quieres comprar una licencia de por vida? Entonces puedes usar WP Dark Mode en hasta 50 sitios web por $174.30. Por último, puede instalar este plugin en hasta 1.000 sitios por 226,85 dólares. Dicho esto, estas licencias de por vida son ideales para grandes agencias de desarrollo de WordPress o desarrolladores freelance con una larga lista de clientes.

WP Modo Oscuro Valoración: ¿Es el plugin de modo oscuro adecuado para usted?

Después de ver las características, soporte y precios, estamos seguros de que WP Dark Mode es un gran plugin de modo oscuro. Ayuda a tus usuarios a evitar la fatiga visual y los dolores de cabeza añadiendo un modo oscuro a tu sitio web de cara al público y al área de administrador de WordPress.

Después de activar este modo, puedes personalizar el interruptor añadiendo tu propia combinación de colores, llamada a la acción e icono. También puede controlar exactamente dónde aparece este interruptor en su sitio, o añadirlo a páginas y entradas específicas utilizando un bloque o shortcode que el plugin proporciona automáticamente.

Para mejorar la experiencia del usuario, puedes incluso activar el modo oscuro automáticamente en función de un horario o de los ajustes del dispositivo del usuario.

Esperamos que esta reseña / valoración de WP Dark Mode te haya ayudado a decidir si es el plugin de modo oscuro adecuado para ti. A continuación, puede que desee ver nuestra guía sobre cómo elegir el mejor software de diseño web, o comprobar nuestra selección de expertos de las mejores soluciones de análisis para los usuarios de 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.

¡Los usuarios de WPBeginner pueden ahorrar hasta un 25%!

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Reader Interactions

1 valoración de usuariosAñade tu opinión

  1. 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!

Dejar una opinión

Gracias por elegir dejar una reseña. Por favor, tenga en cuenta que todas las opiniones son moderadas de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.

Tu valoración: