Commit Graph

4 Commits

Author SHA1 Message Date
FrankZamora
23a5ae7665 ARQUITECTURA: Separación de responsabilidades CSS - Eliminar duplicaciones
Problema:
Tres archivos CSS definían body con responsabilidades mezcladas:
- fonts.css línea 38: body { font-family, color, antialiasing... }
- style.css línea 95: body { font-family, margin, padding... }
- variables.css línea 189: body { font-family, color, line-height... }

Causaba conflictos de cascada y violaba principio de responsabilidad única.

Solución:
1. fonts.css - SOLO fuentes:
   - Mantener: :root con variables tipográficas
   - Mantener: @font-face declarations (comentadas)
   - Mantener: Clases utilitarias de fuentes
   - ELIMINAR: body, code, pre (movidos a style.css)
   - Agregar: Comentarios de responsabilidades

2. variables.css - SOLO variables:
   - Mantener: :root con todas las variables CSS
   - ELIMINAR: body, a, a:hover (movidos a style.css)
   - Agregar: Comentarios de responsabilidades

3. style.css - Estilos aplicados:
   - Mantener: body (único lugar correcto)
   - Agregar: a, a:hover (desde variables.css)
   - Agregar: code, pre, kbd, samp (desde fonts.css)
   - Agregar: font-smoothing a body
   - Agregar: Comentarios de responsabilidades

Principio de Separación:
- fonts.css: DEFINE fuentes (variables y @font-face)
- variables.css: DEFINE variables (colores, espaciados, etc.)
- style.css: APLICA variables a elementos HTML

Versión: 1.0.4 → 1.0.5 (cache busting)

Archivos modificados:
- wp-content/themes/apus-theme/assets/css/fonts.css
- wp-content/themes/apus-theme/assets/css/variables.css
- wp-content/themes/apus-theme/assets/css/style.css
- wp-content/themes/apus-theme/inc/enqueue-scripts.php
- wp-content/themes/apus-theme/functions.php

Issue #121

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-08 16:38:42 -06:00
FrankZamora
c355fb27bb CRÍTICO: Cargar Poppins y eliminar overrides Bootstrap - Issue #125
PROBLEMA:
- Template usa Poppins (font-weight: 500 para h6)
- Staging usaba system fonts (Avenir, Montserrat)
- fonts.css sobrescribía Bootstrap con font-weight: 600

CAMBIOS:
1. Agregado Google Fonts Poppins en enqueue-scripts.php
2. Eliminados estilos globales h1-h6 de fonts.css
3. Actualizadas variables CSS a Poppins por defecto
4. Eliminados estilos h1-h6 de media queries

RESULTADO:
- Font-family ahora es Poppins, sans-serif
- Font-weight h6 usa Bootstrap default (500)
- 100% match con template

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-08 11:35:47 -06:00
FrankZamora
928e543215 Implementar system fonts por defecto - Issue #6
Cambios realizados:

- Actualizado assets/css/fonts.css con stack de system fonts del template
- System fonts por defecto (máximo rendimiento, 0 KB descargados)
- Poppins opcional (comentado, para activar desde Customizer)
- Variables CSS actualizadas (--font-system, --font-primary, --font-headings)
- Utilidades de fuentes (font-weight, font-size, line-height)
- Responsive font sizes para móvil, tablet y desktop
- Font smoothing para mejor renderizado

Stack de system fonts:
-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif

Beneficios:
 0 HTTP requests
 0 KB descargados
 Mejor LCP y Core Web Vitals
 Sin FOIT/FOUT

Customizer ya configurado en inc/customizer-fonts.php para activar
Poppins opcional si el usuario lo requiere.

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-04 16:17:41 -06:00
FrankZamora
7ba9080f57 Agregar estructura completa del tema APUS con Bootstrap 5 y optimizaciones de rendimiento
Se implementa tema WordPress personalizado para Análisis de Precios Unitarios con funcionalidades avanzadas:
- Sistema de templates (front-page, single, archive, page, 404, search)
- Integración de Bootstrap 5.3.8 con estructura modular de assets
- Panel de opciones del tema con Customizer API
- Optimizaciones de rendimiento (Critical CSS, Image Optimization, Performance)
- Funcionalidades SEO y compatibilidad con Rank Math
- Sistema de posts relacionados y tabla de contenidos
- Badge de categorías y manejo de AdSense diferido
- Tipografías Google Fonts configurables
- Documentación completa del tema y guías de uso

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-04 09:31:47 -06:00