RF Studio Login Customizer

Personalización visual de la página de inicio de sesión de WordPress (wp-login.php) mediante el Personalizador nativo, con vista previa en vivo.

Características

• Logotipo: imagen, tamaño, espaciado, márgenes, posición, enlace y título; opcionalmente dentro del formulario.
• Fondo: color, imagen (tamaño, repetición, selector de posición 3×3) y capa de color superpuesta.
• Contenedor del formulario: fondo, radio de borde, relleno, ancho fijo o automático y sombra.
• Campos: color, fuente, tamaño y grosor de las etiquetas; radio de borde de los campos.
• Botón de envío: colores, colores al pasar el cursor, transición, radio de borde, relleno, ancho, márgenes y tipografía.
• Enlaces del pie: color, hover, visibilidad y relleno; opcionalmente dentro del formulario.
• Selector de idioma: estilos de etiqueta, selector y botón.
• Controles: cada longitud tiene un control deslizante, un cuadro numérico y un selector de unidad (px, %, em, rem). Todos los selectores de color admiten transparencia (alfa).
• Los estilos se aplican a las pantallas de inicio de sesión, recuperación de contraseña, registro y restablecimiento de contraseña.
• Compatible con URL de acceso renombradas u ocultas (WPS Hide Login, Defender, iThemes, AIOS).
• Compatible con multisitio.
• Traducciones: español (es_ES, es_MX).

Todos los ajustes se guardan en una única opción de WordPress (rfs_design). PHP puro: sin Composer, sin paso de compilación y sin bibliotecas incluidas.

Requisitos

• PHP 8.1 o superior
• WordPress 6.4 o superior

Instalación

1. Descarga o clona este repositorio dentro de /wp-content/plugins/.
2. Activa el plugin desde la pantalla Plugins.
3. Ve a Apariencia → Personalizar página de acceso (o al menú de nivel superior Login Customizer).

Uso

El menú abre el Personalizador de WordPress sobre tu dirección de acceso efectiva (la que devuelva wp_login_url()) con ?action=login añadido, de modo que un plugin de renombrado de acceso muestre el formulario en la vista previa en lugar de redirigir al escritorio.

Si la vista previa no muestra el formulario:

• Vuelve a guardar Ajustes → Enlaces permanentes (los slugs basados en reglas de reescritura devuelven 404 con enlaces permanentes "Simples").
• Excluye la dirección de acceso de la caché de páginas.
• Revisa los ajustes de redirección del plugin de seguridad.

Privacidad

Si eliges una fuente de Google para las etiquetas, el botón o el selector de idioma, la página de acceso la carga desde fonts.googleapis.com, lo que comparte la dirección IP del visitante con Google. Las fuentes del sistema y la opción "Theme Default" no realizan solicitudes externas.

Estructura del proyecto

rfs-login-customizer.php   Arranque: constantes, autoloader PSR-4 propio, hooks
uninstall.php              Limpieza al desinstalar (opciones y user meta; multisitio)
src/
  Plugin.php, Loader.php   Arranque de módulos y registro de hooks
  Options.php, Defaults.php  Acceso a la opción rfs_design y esquema de ajustes
  Customizer/              Panel, secciones (Logo, Fondo, Formulario, Botón, ...) y vista previa
  Frontend/                Generación de CSS y renderizado en wp-login.php
  Support/                 Sanitizadores, tipografías y utilidades
  Lifecycle/               Rutina de activación
assets/                    JS del Personalizador e imágenes de marca
languages/                 Catálogos .pot, .po y .mo

Desarrollo

No hay dependencias que instalar. Para validar la sintaxis:

php -l ruta/al/archivo.php
node --check assets/js/customizer-controls.js

Las convenciones del proyecto y los problemas conocidos (gotchas) están documentados en CLAUDE.md y AGENTS.md. Revísalos antes de modificar el código.

Traducciones

Los archivos .po viven en languages/. WordPress solo lee los .mo, así que recompílalos tras editar un .po.

Registro de cambios

Consulta CHANGELOG.md.