Cómo añadir el modo oscuro a su sitio web WordPress con Elementor

Añadir un patrón oscuro a su sitio web es importante para proporcionar una mejor experiencia de usuario y hacer que su sitio web sea más accesible.Elementor es una de las herramientas de creación de páginas más populares para WordPress, y es fácil añadir un patrón oscuro en tan sólo unos sencillos pasos.

¿Por qué añadir un modo de color oscuro?

Antes de explorar cómo implementar el modo oscuro en Elementor, vamos a entender sus beneficios para los sitios web. Hay dos ventajas principales: mejora de la experiencia del usuario y mejora de la accesibilidad.

• Experiencia de usuario mejoradaEl modo oscuro proporciona una experiencia de navegación más cómoda, especialmente en entornos poco iluminados. Minimiza la fatiga visual, mejora la legibilidad y hace el sitio más atractivo para los visitantes.
• Mejora de la accesibilidadModo oscuro: el modo oscuro también mejora la accesibilidad para personas con problemas visuales o sensibilidad a la luz brillante. Esto les permite navegar y relacionarse con el contenido de tu sitio más cómodamente sin ningún inconveniente.

Paso 1: Instala y activa la versión gratuita de Elementos ilimitados de Elementor

Es necesario instalar y activar la versión gratuita de Unlimited Elements para Elementor.

Paso 2: Instalar el widget de modo oscuro en Unlimited Elements

Buscar "modo oscuro ", mueve el cursor sobre él y verás un botón "Instalar". Haga clic en ese botón para instalar el Widget.

Paso 3: Añade el widget Dark Mode a la página de Elementor.

Arrastre y suelte el widget Modo oscuro en la página.

Personaliza los ajustes del modo oscuro a tu gusto.

1. Velocidad de animación

Ajusta la velocidad a la que se producen las transiciones al cambiar entre los modos claro y oscuro.

2、Posición horizontal del botón

Determina la posición horizontal del botón de alternancia del modo oscuro en el widget.

3、Posición vertical del botón

Especifica la posición vertical del botón de alternancia del modo oscuro en el widget.

4、Desplazamiento vertical del botón

Ajusta la alineación vertical del botón de alternancia del modo oscuro con respecto a la posición predeterminada.

5. Desplazamiento horizontal del botón

Ajusta la alineación horizontal del botón de modo oscuro respecto a su posición por defecto.

6. Iconos de botones

Personaliza el icono que aparece en el botón de alternancia del modo oscuro.

7. Guardar en Cookie

Elija si desea guardar las preferencias de modo oscuro del usuario en una cookie para acceder a ellas en el futuro.

8, no afecta a la imagen

Elige excluir imágenes de la conversión a modo oscuro para mejorar la visibilidad o la estética.

9. Adaptación automática de los temas del sistema operativo

Sincronizar automáticamente el modo oscuro del widget con el tema del sistema operativo (si está disponible).

10, modo oscuro color de mezcla

Defina el color de fusión que se mezclará con el fondo del modo oscuro para mejorar la legibilidad o la coherencia del diseño.

11, color de fondo en modo oscuro

Establece el color de fondo de la visualización en modo oscuro dentro del widget.

resúmenes

Añadir un modo oscuro a tu sitio de WordPress con Elementor no sólo permite a los usuarios navegar como prefieran, sino que también hace que el sitio sea único y muestra la importancia de la variedad y la experiencia del usuario. El objetivo es crear un entorno flexible en el que los usuarios puedan elegir cómo navegar en función de sus hábitos, lo que hace que sea más probable que participen y se sientan satisfechos. Si tienes problemas para configurar el modo oscuro, puedes obtener más información en nuestra sección "Comunidad de preguntas y respuestas"Buscar ayuda o encontrarContacte con nosotrosLa ayuda del servicio de atención al cliente.

Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) Correo electrónico: info@361sale.com
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres