Radio La Mina — Migración web WordPress

Proyecto de creación, configuración y migración de la nueva web de Radio La Mina con WordPress.

🌐 Web final: https://radiolamina.com

Resumen

Este proyecto consistió en crear una nueva web para Radio La Mina, sustituyendo una presencia anterior basada en Blogger por una web moderna en WordPress.

El trabajo incluyó diseño visual, estructura de contenidos, integración de emisión en directo, formulario de contacto con SMTP, configuración HTTPS, migración a producción y documentación técnica.

Ficha del proyecto

Apartado	Detalle
Tipo de proyecto	Web real en producción
Entidad	Radio La Mina
CMS	WordPress
Tema	Twenty Twenty-Four
Entorno de desarrollo	Subdominio dev
Dominio final	radiolamina.com
Funcionalidades clave	Streaming, formulario, SMTP, HTTPS
Estado	Publicado

Objetivos

• Crear una web moderna, visual y multimedia.
• Mantener la web antigua activa durante el desarrollo.
• Trabajar primero en un entorno de pruebas.
• Integrar emisión de radio en directo.
• Configurar un formulario de contacto funcional.
• Configurar SMTP para asegurar el envío de correos.
• Activar HTTPS en producción.
• Migrar la web al dominio oficial.

Tecnologías y herramientas

• WordPress
• Twenty Twenty-Four
• HTML/CSS personalizado
• WPForms
• WP Mail SMTP
• UpdraftPlus
• Better Search Replace
• Hosting web
• FTP/FTPS
• HTTPS
• Streaming de audio

Estructura de la web

• Inicio

• Escucha en directo

• Programación

• Programas

• Noticias

• Sobre la radio

• Contacto

• Aviso legal

• Política de privacidad

Funcionalidades implementadas

• Diseño personalizado con editor de bloques.
• Reproductor de radio en directo.
• Formulario de contacto con envío mediante SMTP.
• Estructura de noticias y contenidos.
• Footer legal mínimo.
• Redirecciones revisadas.
• Migración de entorno dev a producción.
• Activación de HTTPS.
• Revisión final en producción.

Capturas

Las capturas del proyecto están disponibles en la carpeta capturas/.

Capturas principales recomendadas:

• Home final
• Directo con reproductor
• Formulario de contacto
• HTTPS activo
• Versión móvil

Documentación

La documentación técnica está disponible en la carpeta docs/.

Incluye:

• documentacion-proyecto.md
• checklist-migracion.md
• checklist-mantenimiento.md
• decisiones-tecnicas.md

Problemas encontrados

Durante el proyecto se resolvieron varios problemas reales:

• Redirección inicial del dominio hacia Blogger.
• Configuración del entorno de desarrollo.
• Problemas de permisos en carpetas del hosting.
• Formulario de contacto sin envío hasta configurar SMTP.
• Adaptación del reproductor de streaming.
• Activación y revisión de HTTPS.
• Sustitución de URLs internas durante la migración.

Aprendizajes

Durante el proyecto se trabajaron aspectos reales de:

• Gestión de WordPress en producción.
• Diferencia entre entorno de desarrollo y producción.
• Hosting, redirecciones y HTTPS.
• Configuración de SMTP.
• Integración de streaming de audio.
• Migración web.
• Resolución de problemas de permisos.
• Comunicación técnica con proveedor externo.
• Documentación técnica y mantenimiento.