jach12k7
Gamma
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Les quiero compartir un sencillo plugin que hice con chatGPT para cambiar entre claro a oscuro.
Características:
· ✅ Switch flotante en la esquina inferior derecha
· ✅ Guarda la preferencia del usuario en localStorage
· ✅ Respeta la preferencia del sistema operativo
· ✅ Totalmente responsive
· ✅ Efectos hover y animaciones suaves
· ✅ Shortcode [dark_mode_switch] para usar en cualquier lugar
· ✅ Fácil de personalizar
Uso del shortcode:
Insertar CODE, HTML o PHP:
// En cualquier post o página
[dark_mode_switch]
// Con posición personalizada
[dark_mode_switch position="absolute"]
```CSS adicional para transiciones suaves
Agrega esto al final de tu archivo CSS o en el customizer de WordPress:
Insertar CODE, HTML o PHP:
/* Transición suave para todos los elementos */
* {
transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
/* Evitar parpadeo en carga inicial */
body:not(.dark-mode-loaded) {
transition: none !important;
}
/* Ejemplo de estilos para elementos comunes en dark mode */
.dark-mode a {
color: #66b3ff;
}
.dark-mode a:hover {
color: #99ccff;
}
.dark-mode .widget,
.dark-mode .card,
.dark-mode .article {
background-color: #2d2d2d;
border-color: #404040;
}
.dark-mode input,
.dark-mode textarea,
.dark-mode select {
background-color: #333;
color: #fff;
border-color: #555;
}
.dark-mode button {
background-color: #444;
color: #fff;
border-color: #666;
}
.dark-mode button:hover {
background-color: #555;
}El plugin es completamente funcional y se integra automáticamente con tu tema de WordPress.
Link para descargarlo:
DarkLight Pro v1.0
