Table of Contents
Roteiro Cidade es un hito gratificante en mi portafolio, representando un ciclo de vida completo del proyecto—desde la Conversión de Figma a WordPress inicial hasta el despliegue final. Es una arquitectura de blog completa que contiene páginas esenciales como Inicio, Blog, Categoría, Etiqueta, Búsqueda y 404, con planes para una futura escalabilidad.
Proceso de Desarrollo: Arquitectura Basada en Componentes
Para asegurar una Conversión de Figma a WordPress perfecta (pixel-perfect), comencé definiendo un Sistema de Diseño. Identifiqué elementos reutilizables y desarrollé estilos estándar para la tipografía (párrafos, encabezados, spans). Este enfoque de “Atomic Design” asegura que cada nueva publicación creada herede automáticamente el estilo correcto, manteniendo la consistencia visual sin esfuerzo manual.
El flujo de trabajo de desarrollo priorizó las páginas de alto impacto (Inicio y Blog), seguidas de plantillas dinámicas para Archivos (Categorías/Etiquetas) y una página 404 personalizada, asegurando una experiencia de usuario fluida.
Stack Tecnológico y Lógica Dinámica
Como plataforma impulsada por contenido, WordPress fue la elección obvia. Sin embargo, para elevar esta Conversión de Figma a WordPress más allá de un tema básico, utilicé un stack moderno y robusto:
- Sass (SCSS): Para estilos CSS modulares, mantenibles y anidados.
- ACF (Advanced Custom Fields): Para crear un backend flexible. Construí campos personalizados que permiten al administrador seleccionar manualmente qué publicaciones aparecen en secciones específicas de la página de Inicio, dando control editorial total.
- Swiper JS: Integrado para el slider de la página de inicio. A diferencia de plugins pesados, esta librería ligera de JavaScript permite carruseles sensibles al tacto, totalmente gestionados a través de inputs de ACF.
Resultados Clave y Evolución
Desarrollar Roteiro Cidade perfeccionó significativamente mis habilidades en la Conversión de Figma a WordPress. Mejoré mi dominio sobre el SEO Técnico, la responsividad y la dinamización de contenido. Es un proyecto que refleja fines de semana de dedicación para lograr una estructura de tema profesional y escalable.