FrankZamora
75dc0e5722
ARQUITECTURA: Eliminar custom-style.css y consolidar CSS
...
PROBLEMA CRÍTICO:
- custom-style.css (843 líneas) tenía 95% código DUPLICADO con style.css y otros componentes
- utilities.css (528 líneas) duplicaba 92% de Bootstrap 5 utilities
- Código redundante causaba conflictos CSS y dificulta mantenimiento
- Tablas APU no se veían correctas por conflictos de especificidad
SOLUCIÓN IMPLEMENTADA:
1. ✅ ELIMINADO custom-style.css completamente (843 líneas)
- Código duplicado de 11 componentes que YA tienen archivos individuales
- Variables duplicadas (ya en style.css y variables.css)
- Componentes duplicados (TOC, CTA, Related Posts, Pagination, Footer)
2. ✅ CREADO generic-tables.css (263 líneas)
- Código único de custom-style.css líneas 165-394
- Estilos para tablas genéricas en post-content (10 estilos diferentes)
- NO afecta tablas APU (.analisis table)
3. ✅ CREADO video.css (28 líneas)
- Código único de custom-style.css líneas 540-560
- Estilos para videos embebidos (YouTube, Vimeo) en post-content
4. ✅ REDUCIDO utilities.css de 528 → 90 líneas (83% reducción)
- Eliminadas 438 líneas que duplicaban Bootstrap 5
- Mantenidas SOLO utilities únicas:
* Cursor utilities (cursor-pointer, cursor-default, etc.)
* User select (user-select-none, user-select-all)
* Pointer events (pointer-events-none)
* Object fit (object-fit-contain, object-fit-cover)
* Transition helpers (transition-all, transition-none)
5. ✅ ACTUALIZADO enqueue-scripts.php
- Eliminada función apus_enqueue_custom_assets (custom-style.css)
- Agregada función apus_enqueue_generic_tables (priority 11, solo single posts)
- Agregada función apus_enqueue_video_styles (priority 11, solo single posts)
- Renombrada función apus_enqueue_main_javascript (solo JavaScript)
RESULTADO:
- De 2454 líneas totales (843+1083+528) a 1464 líneas (1083+263+28+90)
- Eliminadas 990 líneas de código duplicado (40% reducción)
- CSS limpio: cero duplicación entre archivos
- Orden de carga correcto: Bootstrap → style.css → componentes individuales
- Tablas APU ahora deben funcionar correctamente (sin conflictos)
ARQUITECTURA CORRECTA:
✅ style.css → Estilos globales del tema
✅ [componente].css → Un archivo CSS por cada componente individual
✅ utilities.css → SOLO utilities NO incluidas en Bootstrap 5
✅ generic-tables.css → Tablas genéricas post-content
✅ video.css → Videos embebidos post-content
✅ tables-apu.css → Tablas APU específicas (.analisis)
ARCHIVOS AFECTADOS:
- ELIMINADO: wp-content/themes/apus-theme/assets/css/custom-style.css (843 líneas)
- CREADO: wp-content/themes/apus-theme/assets/css/generic-tables.css (263 líneas)
- CREADO: wp-content/themes/apus-theme/assets/css/video.css (28 líneas)
- MODIFICADO: wp-content/themes/apus-theme/assets/css/utilities.css (528 → 90 líneas)
- MODIFICADO: wp-content/themes/apus-theme/inc/enqueue-scripts.php
🤖 Generated with [Claude Code](https://claude.com/claude-code )
Co-Authored-By: Claude <noreply@anthropic.com >
2025-11-08 14:39:56 -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
