Trabajo de la U
1 / 3
Problema, solución y resultado.
El problema
El examen integraba dos ramos — Lenguaje de Programación y Administración de Contenidos — y pedía construir un sitio completo usando WordPress como CMS, con WooCommerce para una tienda funcional, personalización de plantillas y JavaScript para conectar la interfaz con el sitio.
La solución
Un sitio de varias secciones sobre Drake (inicio, biografía, discografía, eventos, blog y tienda) construido sobre WordPress, con WooCommerce gestionando el catálogo y flujo de compra de la tienda de merchandising. Las plantillas se personalizaron a nivel visual para alejarse del diseño por defecto, y JavaScript se usó para conectar la interfaz con el contenido de WordPress y WooCommerce: peticiones fetch, carga dinámica de contenido y comportamiento interactivo en cada sección.
El resultado
- Sitio funcional con tienda integrada en WooCommerce
- Plantillas de WordPress personalizadas a nivel visual
- Base de datos en MySQL gestionada a través de WordPress
- Examen aprobado para ambos ramos
Qué demuestra
- Instalación, configuración y personalización de un sitio en WordPress
- Integración de WooCommerce, incluyendo catálogo y pasarela de pago
- Uso de JavaScript para conectar la interfaz con el CMS (fetch, llamados, render dinámico)
- Manejo de bases de datos MySQL en el contexto de un CMS
- Trabajo con plugins dentro del ecosistema de WordPress
Qué hace cada módulo.
Inicio
Presentación tipo "reproductor" con canción destacada e imagen de fondo difuminada.
Acerca de
Biografía con hitos por época, maquetada como plantilla personalizada de WordPress.
Discografía
Sección con carruseles de canciones y álbumes, y playlists con tracklist desplegable.
Eventos
Catálogo de tipos de entrada a conciertos, cada uno con su página de detalle.
Blog
Noticias organizadas por categoría: lanzamientos, polémicas y moda.
Tienda
Catálogo de merchandising gestionado con WooCommerce, incluyendo carrito y proceso de pago.
Cómo se construyó.
Diseño de las secciones
Se planificó el sitio en base a las distintas facetas del artista: biografía, discografía, eventos, blog y tienda, cada una como su propia plantilla.
Instalación y configuración de WordPress
Se instaló WordPress junto con WooCommerce, configurando la tienda, productos y proceso de compra para la sección de merchandising.
Personalización de plantillas
Se intervinieron las plantillas por defecto de WordPress y WooCommerce para lograr un diseño propio, alejado de la apariencia estándar del CMS.
Integración con JavaScript
Se conectó la interfaz con el contenido de WordPress usando JavaScript: peticiones fetch, llamados dinámicos y renderizado de contenido en cada sección.
Tecnologías usadas.
Mejoras futuras planeadas.
Recuperar el respaldo del sitio
El código fuente de la instalación en WordPress se perdió; quedaría pendiente reconstruirlo o migrarlo a un respaldo más seguro.
¿Quieres ver más detalles de este proyecto?
Puedo ampliar cada caso con documentación, capturas adicionales, repositorio, decisiones técnicas y mejoras futuras. Escríbeme y conversamos.