Traslatability | Dark Mode

Descripción

Dark Mode lee y recolorea las hojas de estilo del sitio elemento por elemento, creando un tema oscuro automático sin requerir CSS manual en cada plantilla. El motor se carga bajo demanda solo cuando el visitante activa el interruptor, evita el destello blanco en el primer renderizado y sirve tanto para blogs como para tiendas que desean ofrecer lectura nocturna sin afectar la carga de quienes no usan la función.

Principales características de Dark Mode

• Motor de recoloración automática
  Lee las hojas de estilo del sitio y recolorea cada elemento sin requerir CSS manual por plantilla.
• Carga bajo demanda
  Carga el motor de tema oscuro solo cuando el visitante activa el interruptor, sin afectar la carga predeterminada.
• Prevención del destello blanco
  Aplica el tema oscuro antes del primer pintado de la página, evitando el destello blanco inicial.
• Seis paletas predefinidas
  Incluye Ink, Slate, True Black, Warm, Midnight y Forest para ajustar el nivel de contraste.
• Interruptor personalizable
  Cuatro estilos de interruptor, cinco posiciones en las esquinas, atajo de teclado (Alt + letra) y parámetro de URL (?dark=1).

Beneficios de Dark Mode

• Lectura nocturna sin esfuerzo
  Reduce la fatiga visual de quienes acceden al sitio por la noche o en entornos con poca luz.
• Cero impacto en el rendimiento para quienes no lo usan
  El motor solo se carga cuando el visitante activa el modo oscuro.
• Activación flexible
  Quienes navegan pueden elegir entre hacer clic en el interruptor, usar el atajo de teclado o abrir un enlace directo con el parámetro de URL.
• Compatibilidad amplia
  Funciona en bloques, shortcodes, enlaces y elementos de menú sin necesidad de reescribir plantillas existentes.

¿Para quién está indicado Dark Mode?

• Para quienes publican contenido con lectura nocturna frecuente, como blogs y portales de noticias, y desean reducir la fatiga visual de los lectores.
• Para quienes venden productos mediante WooCommerce y desean mantener el catálogo cómodo de navegar a cualquier hora del día.
• Para quienes ya reciben solicitudes de visitantes para disponer de un modo oscuro y prefieren activar la opción sin reescribir CSS manualmente para cada plantilla.

Cómo descargar Dark Mode

Dark Mode está disponible para descargar aquí en Ultrapack. Después de descargar el archivo .zip, instálalo en Plugins > Añadir nuevo > Subir plugin, selecciona el archivo y actívalo. Después de activarlo, el interruptor del tema oscuro aparecerá en la configuración del plugin en el panel de WordPress.

A diferencia de los temas que dependen de un modo oscuro nativo, Dark Mode funciona sobre el CSS existente del sitio, recoloreando bloques, shortcodes y elementos de menú sin requerir un cambio de tema. Al combinar seis paletas listas con atajo de teclado y enlace directo mediante parámetro de URL, sirve tanto para sitios institucionales como para tiendas que buscan una opción de lectura nocturna sin comprometer la carga de quienes no activan la función.

Preguntas frecuentes