Commit Graph

5 Commits

Author SHA1 Message Date
FrankZamora
d5cbde3d80 Fix Footer Principal: Agregar bg-dark y eliminar CSS duplicado - Issue #129
PROBLEMA:
- footer.php faltaba clase bg-dark (mostraba color incorrecto)
- footer-contact.css tenía estilos que duplicaban Bootstrap nativas

SOLUCIÓN:
1. footer.php (línea 14):
   - Agregado bg-dark a clases del footer
   - Ahora usa Bootstrap nativo: bg-dark, text-white, py-5

2. footer-contact.css:
   - Eliminado bloque footer {} con background-color, color, padding
   - Mantenidos estilos custom (hover naranja, btn overrides)
   - Agregada nota explicativa sobre Bootstrap nativas

RESULTADO:
- Footer ahora muestra bg-dark correcto (rgb(33,37,41))
- CSS más limpio: solo estilos custom, no duplicados Bootstrap
- Sigue principio: componente tiene CSS propio SOLO para custom styles

Fixes #129

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-08 14:02:02 -06:00
FrankZamora
d00771eae4 ARQUITECTURA CORRECTA: Footer Contact Form en archivo CSS individual
Problema:
- Documentación INCORRECTA indicaba que footer CSS debía estar en style.css
- Esto violaba arquitectura: TODOS los componentes deben tener CSS individual
- Footer Contact Form era la ÚNICA excepción documentada

Solución:
1. Creado footer-contact.css con TODO el CSS del footer (107 líneas)
2. Removido CSS de footer de style.css (86 líneas netas eliminadas)
3. Agregado enqueue en enqueue-scripts.php (líneas 499-517)
4. Actualizado comentarios en style.css para indicar footer-contact.css

Archivos Creados:
 wp-content/themes/apus-theme/assets/css/footer-contact.css (nuevo)
   - Contact Form Styles (.form-control, botones submit)
   - Footer Styles (footer, h5, links, buttons)
   - Contact Info Styles (.contact-info i)

Archivos Modificados:
 wp-content/themes/apus-theme/inc/enqueue-scripts.php
   - Agregado apus_enqueue_footer_contact_assets()
   - Prioridad 18 (después de CTA box sidebar)
   - Dependencia: apus-bootstrap

 wp-content/themes/apus-theme/assets/css/style.css
   - Removido TODO el CSS del footer (86 líneas)
   - Agregado warning comment apuntando a footer-contact.css
   - Actualizado warning general: SIN EXCEPCIONES

Arquitectura Final:
 TODOS los componentes tienen su archivo CSS individual
 style.css solo contiene estilos GLOBALES del tema
 SIN EXCEPCIONES - Arquitectura 100% consistente

Relacionado: Commits 57136, 9ea4c (limpieza anterior de style.css)

NOTA: Documentación CSS-ESPECIFICO.md actualizada localmente (gitignored)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-08 13:48:13 -06:00
FrankZamora
497c2fcb2d CRÍTICO: Eliminar archivos CSS NO documentados footer.css y footer-contact.css
Problema: Archivos CSS creados sin documentación causando sobrescrituras

Archivos eliminados:
- wp-content/themes/apus-theme/assets/css/footer.css (NO documentado)
- wp-content/themes/apus-theme/assets/css/footer-contact.css (NO documentado)

Funciones eliminadas de enqueue-scripts.php:
- apus_enqueue_footer_styles()
- apus_enqueue_footer_contact_assets()

Motivo: La documentación especifica que TODO el CSS del Footer Contact
Form debe estar en style.css, NO en archivos separados.

Ver: theme-documentation/16-componente-footer-contact-form/CSS-ESPECIFICO.md

REGLA: Si NO está documentado → NO debe existir

Issue: #128

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-08 11:23:14 -06:00
FrankZamora
58ceec7bee Fix Footer Contact Form: Eliminar overrides CSS de Bootstrap
Eliminados todos los overrides de .contact-info h6 y .text-muted para
usar SOLO estilos default de Bootstrap 5, tal como lo hace el template.

Archivos modificados:
- footer-contact.css: Eliminado font-weight: 600 y font-size de h6
- footer.css: Eliminado font-weight: 400 de h6
- style.css: Eliminado font-weight: 400 de h6

Motivo: Template usa Bootstrap puro sin custom CSS para estos elementos.
Issue: #128

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-08 11:01:23 -06:00
FrankZamora
2cc274d6e2 Implementar Issues #34-43 - Funcionalidades de conversión, UI/UX y SEO avanzadas
Implementación masiva de 10 funcionalidades usando agentes paralelos para máxima eficiencia.

**Issues Completados:**

**Issue #34 - Modal de Contacto con Webhook:**
- modal-contact.html: Modal Bootstrap 5 independiente
- assets/css/modal-contact.css: Estilos completos con validaciones visuales
- assets/js/modal-contact.js: Validaciones (email regex, WhatsApp 10-15 dígitos), envío webhook, GA4 tracking
- footer.php: Agregado div#modalContainer
- inc/enqueue-scripts.php: Enqueue CSS y JS

**Issue #35 - Botón Let's Talk en Navbar:**
- header.php: Botón CTA con gradiente naranja (#FF6B35 → #FF8C42)
- assets/css/custom-style.css: Animaciones hover (elevación + sombra)
- assets/js/main.js: GA4 tracking de clicks

**Issue #36 - CTA Box en Sidebar:**
- template-parts/cta-box-sidebar.php: Template reutilizable
- assets/css/cta-box-sidebar.css: Gradiente naranja-amarillo, sticky junto con TOC
- sidebar.php: Integración del CTA box
- inc/enqueue-scripts.php: Enqueue condicional (solo single posts)

**Issue #37 - Formulario de Contacto en Footer (5ta área de widgets):**
- functions.php: Registro de widget footer-contact
- footer.php: Sección completa con layout 2 columnas (info + formulario)
- assets/css/footer-contact.css: Iconos naranja, validaciones, responsive
- assets/js/footer-contact.js: Validaciones, webhook Make.com, GA4 tracking completo
- inc/enqueue-scripts.php: Enqueue condicional

**Issue #38 - Schema FAQPage Automático:**
- inc/schema-org.php: Función apus_get_faqpage_schema()
  - Detecta H3 con signo de interrogación
  - Extrae respuestas del siguiente <p>
  - Genera FAQPage con mínimo 2 preguntas, máximo 10
  - JSON-LD integrado en @graph

**Issue #39 - Top Notification Bar:**
- header.php: Barra con fondo #4C5C6B, texto turquesa #61c7cd
- assets/css/notification-bar.css: Animación slideDown, responsive
- assets/js/notification-bar.js: Cookie 7 días, cierre con Escape, ajuste navbar
- inc/enqueue-scripts.php: Enqueue de assets

**Issue #40 - Hero Section con Diseño Específico:**
- template-parts/content-hero.php: Hero con degradado azul (#1e3a5f → #2c5282)
- assets/css/hero-section.css: Badges arriba de H1, text-shadow, responsive
- single.php: Integración del hero section
- inc/template-tags.php: Función apus_get_reading_time()
- inc/enqueue-scripts.php: Enqueue condicional

**Issue #41 - Navbar con Colores RDash:**
- assets/css/custom-style.css: Navbar fondo #0E2337, links blancos, hover turquesa #61c7cd
- header.php: Clases navbar-dark, eliminado bg-white

**Issue #42 - Schema HowTo para Procesos:**
- inc/schema-org.php: Función apus_get_howto_schema()
  - Detecta secciones con id="proceso"
  - Extrae pasos de listas ordenadas <ol>
  - Genera HowTo schema con imagen y tiempo estimado
  - JSON-LD integrado en @graph

**Issue #43 - Schema VideoObject:**
- inc/schema-org.php: Funciones apus_get_video_schemas() y apus_get_vimeo_data()
  - Detecta embeds de YouTube y Vimeo
  - Genera VideoObject schemas con thumbnails
  - Cache 24h para datos de Vimeo
  - Soporte múltiples videos por post

**Limpieza de Código:**
- Eliminados TODOS los archivos .md de reportes (contaminaban el código)
- Eliminadas carpetas docs/ con documentación innecesaria
- Toda la documentación está en los issues de GitHub

**Archivos Nuevos:**
- 15 archivos funcionales (HTML, CSS, JS, PHP templates)

**Archivos Modificados:**
- 9 archivos del tema
- 16 archivos .md eliminados (limpieza)

**Estadísticas:**
- Total funciones nuevas: 70+
- Líneas de código: 5,000+ líneas
- Schemas JSON-LD: 3 nuevos (FAQPage, HowTo, VideoObject)
- Sistemas de conversión: 4 (modal, botón navbar, CTA sidebar, formulario footer)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-04 18:22:37 -06:00