¿Cómo cambio Elementor al modo oscuro?

Crear un sitio web de alta funcionalidad es algo que puede hacer fácilmente incluso sin experiencia previa. Simplemente usa un complemento de WordPress como Elementor. Pero cuando se trata de mejorar la legibilidad de su sitio web, deberá considerar cambiar elementor al modo oscuro. Ahora, probablemente te estés preguntando, ¿cómo cambio elementor al modo oscuro en primer lugar?

Bueno, a diferencia de un complemento como el modo oscuro QS, elementor no tiene un complemento de modo oscuro predeterminado. Esto significa que debe instalar complementos de terceros. Otro beneficio de usar el complemento de modo oscuro QS es que es fácil de implementar y más fácil de usar que elementor.

Entonces, en este tutorial, veremos los pasos sobre cómo cambiar elementor al modo oscuro a través de diferentes complementos.

¿Por qué necesita activar el modo oscuro de Elementor?

El uso del modo oscuro elementor ha ido aumentando tanto en necesidad como en popularidad. Entonces, si se pregunta si realmente necesita o no habilitar el modo oscuro , aquí están las respuestas.

Minimiza la fatiga visual

Estar expuesto a la luz azul durante mucho tiempo puede provocar fatiga visual digital y síntomas como ojos secos y dolores de cabeza. Por lo tanto, activar el modo oscuro elementor puede ayudar a proteger sus ojos de la fatiga visual y la fatiga causada por las luces deslumbrantes.

Mejora la legibilidad

Otro beneficio de usar el modo oscuro para elementor es que hace que su pantalla sea más eficiente para mejorar la legibilidad. Esto es especialmente cuando hay mucha luz solar en la habitación, lo que puede dificultar la lectura. Entonces, si tiene un blog, es más probable que sus usuarios pasen más tiempo en su sitio web.

Mejor visibilidad

El uso del modo oscuro también es útil en entornos con poca luz. Simplemente, proporciona una mejor visibilidad en entornos oscuros o tenues. Por ejemplo, puede usarlo en la cama sin preocuparse de que pueda despertar a su pareja.

Ahorra vida de la batería

Tanto elementor como wordpress, el modo oscuro de Android tiende a usar menos energía en comparación con un modo normal. Como resultado, la batería de su teléfono o computadora portátil puede durar más. Algunos expertos sugieren que podría aumentar la vida útil de la batería en aproximadamente un 30 %.

Con fines estéticos

En comparación con otros esquemas de color en el modo elemento o normal, este modo ofrece una interfaz de usuario realmente atractiva y elegante. Te proporciona algo que se siente misterioso y nuevo.

¿Cómo cambio Elementor al modo oscuro?

Entonces, ¿cómo cambia exactamente el elementor de su sitio web al modo oscuro? Después de todo, no hay forma de habilitar la función de modo oscuro de forma predeterminada en su blog elementor. En este caso, solo usa un complemento de terceros como WP Dark Mode o Plus Addons para elementor. Ambas opciones están disponibles en versiones gratuita y Pro.

Método uno: usar el modo oscuro de WP

Este es el complemento más común y popular para cambiar elementor al modo oscuro. Ofrece muchas funciones, incluido un modo oscuro para el elementor widget y múltiples estilos de cambio. A continuación se muestran los pasos sobre cómo usar este complemento.

Paso 1: Planifica tus colores en modo oscuro

Primero debe decidir qué elemento o elementos desea cambiar al modo oscuro. Esto se debe a que, en algunos casos, probablemente ya tengas fondos oscuros que no tendrás que cambiar. En la mayoría de los casos, es posible que deba cambiar los colores de fondo generales, incluidas las fuentes y las imágenes.

Paso 2: Instale el modo oscuro de WP

A continuación, debe descargar el complemento WP Dark Mode . Simplemente busque complementos en su panel de WordPress y haga clic en él. Luego, elija Agregar nuevo y busque el Modo oscuro de WP. Y finalmente, haga clic en Instalar ahora para activar el complemento.

Paso 3: activa el modo oscuro

Una vez que hayas completado la instalación del Modo oscuro de WP , lo siguiente es habilitar el modo oscuro. Puede optar por activarlo para una sola página o para todo el sitio web.

Paso 4: activa el modo oscuro para una sola página

En primer lugar, debe agregar una nueva página o simplemente usar una ya existente. En su Panel de administración de WordPress, simplemente haga clic en las páginas y luego, Agregar nuevo. Luego, asigne un nombre a su página y, en la barra lateral derecha, seleccione la plantilla de página como Elementor Full Width. A continuación, elige la opción Editar con Elementor.

Después de eso, busque Modo oscuro en la opción de widget de búsqueda. Desde aquí, arrastre y suelte el widget en la página que está editando. Una vez que haya terminado, puede publicar su página.

Paso 5: active el modo oscuro de WP para todo el sitio

También puede optar por cambiar elementor al modo oscuro para todo su sitio web. En este caso, comienza seleccionando el widget WP Dark Mode en el panel de administración de WordPress y luego la configuración. Después de eso, haga clic en Habilitar el modo oscuro Frontend en la Configuración general.

A continuación, haga clic en la pestaña Mostrar interruptor flotante en la configuración para activarlo. Notará que aparecerá un nuevo interruptor en la parte superior de la barra de administración de WordPress. Esto es lo que usará para cambiar el elementor al modo oscuro.

Paso 6: elija un estilo de interruptor flotante

Después de activar su modo oscuro de administrador de wp , puede personalizarlo para obtener una apariencia personalizada. Hay un par de estilos de interruptores flotantes entre los que puede elegir. Entonces, solo necesita elegir un tema que coincida con el de su blog.

Haga clic en la pestaña del modo nocturno y luego elija la configuración del interruptor. Verá diferentes estilos de interruptores flotantes para el front-end, incluido un tema claro y uno oscuro. Por último, elija guardar la configuración. Su modo oscuro para elementor ahora debería estar activado en todas las páginas de su sitio web.

Método dos: usar complementos Plus

Plus Addons para elementor comprende una colección de widgets y plantillas para ayudarlo a personalizar su sitio usando elementor. Este complemento le permite agregar widgets en el área de encabezado o pie de página. Siga estos pasos sobre cómo cambiar el elementor de su blog al modo oscuro usando esta herramienta.

Paso 1: descarga los complementos Plus

En su panel de administración de WordPress, haga clic en Complementos y elija Agregar nuevo. Se le dirigirá al repositorio de complementos. En la barra de búsqueda, escriba The Plus Addons for Elementor y haga clic en el botón instalar ahora.

Después de la instalación, la Configuración Plus debería aparecer en la parte inferior izquierda de su tablero.

Paso 2: activa el widget de modo oscuro

Después de instalar Plus Addons, seleccione Plus Widgets en el tablero de Plus Addon. Luego, escriba modo oscuro en el cuadro de búsqueda y actívelo simplemente moviendo el interruptor hacia el lado derecho.

Paso 3: Agrega el widget en tu editor elementor

Para agregar su widget de modo oscuro, abra el encabezado de su sitio web y luego presione la pestaña 'Editar con Elementor'. A continuación, escriba el widget de modo oscuro en su panel de widgets de Elementor. Y, por último, arrastre el widget y suéltelo a la derecha.

Paso 4: Cambia elementor al modo oscuro

En el widget de modo oscuro elementor, elija la pestaña de contenido. Verá tres opciones, incluido el modo oscuro, la posición y la opción adicional. Elija la opción de modo oscuro para seleccionar un tema que se adapte a su sitio web o marca entre los diferentes tonos del modo oscuro.

Y si desea personalizar aún más el modo oscuro, puede usar la configuración de opciones adicionales. Haga clic en Guardar configuración para aplicar los cambios. En esta etapa, su elementor debe estar en una configuración de modo oscuro.

Elementor Modo Normal Vs Modo Oscuro: ¿Cuáles son las diferencias?

El modo normal de Elementor viene con 4 colores globales predefinidos o predeterminados. Estos colores incluyen colores primarios, de texto, ascendentes y secundarios. Los colores primarios son para títulos e íconos, mientras que los colores secundarios son para elementos de lista, fondos de tablas de precios y subtítulos. Mientras tanto, los colores de texto son para elementos de menú y párrafos, mientras que los colores de acento son para insignias y enlaces.

Con elementor modo oscuro, comprende colores de fondo más oscuros más colores de primer plano más claros. A diferencia del modo normal, este modo no viene como una configuración predeterminada con Elementor. Por lo tanto, deberá usar complementos de modo oscuro gratuitos o profesionales para activarlo. En el modo oscuro, el elementor utiliza solo dos conjuntos de colores de fondo para crear el aspecto del modo nocturno.

¿Cuáles son los usos de los selectores de color en modo oscuro?

Cuando usa el modo oscuro, hay diferentes paletas de colores oscuros que puede elegir para que coincidan con el estilo de su sitio web. Un selector de color le ayuda a seleccionar los mejores colores de los elementos visuales. En otras palabras, puede usar un selector de color en modo oscuro para elegir rápidamente un color para usar en sus diseños.

Además de permitirle elegir colores, los selectores de color para el modo oscuro le permiten almacenar estos colores. Puede guardar fácilmente sus colores de uso común para facilitar el acceso en cualquier momento que los necesite.

Además, los selectores de color le permiten eliminar los colores que ya no necesita a través de una función de arrastrar y soltar. Más importante aún, le permite reorganizar sus mejores colores de modo oscuro directamente desde el selector en el orden correcto.

Conclusión

Ya sea que desee cambiar elementor al modo oscuro para mejorar la legibilidad o la visibilidad, puede hacerlo fácilmente. Solo necesitas saber qué complementos usar y los pasos a seguir para activar tu elemento o el modo oscuro. Esto se debe a que, a diferencia de los complementos como el modo oscuro QS , elementor no cuenta con un complemento de modo oscuro predeterminado incorporado.

Por suerte para ti, puedes encontrar toda esta información arriba. Sin embargo, vale la pena mencionar que hay otros complementos que puede usar para cambiar elementor al modo oscuro.

Y para mayor comodidad, recomendamos usar selectores de color para el modo oscuro. Puede ahorrarle tiempo cuando se trata de elegir el color y el tema del modo oscuro correctos para sus diferentes páginas.

Plantilla de publicación de blog única