QUÉDATE – Panel Editorial

Blog

  • Hello world!

    Welcome to WordPress. This is your first post. Edit or delete it, then start writing!

  • ¡Hola, mundo!

    Te damos la bienvenida a WordPress. Esta es tu primera entrada. Edítala o bórrala, ¡luego empieza a escribir!

  • Jornada de Diálogo Social en Salamanca

    Resumen de la arquitectura implementada y pasos detallados para verificar el funcionamiento del backend WordPress, el frontend accesible y la sincronización offline en el proyecto QUÉDATE.

    1. Resumen de Cambios Realizados

    ComponenteArchivos / RutasDescripciónEntorno Dockerdocker-compose.yml.envWordPress (PHP 8.2 en puerto 8080), MariaDB (3306) y phpMyAdmin (8081).Plugin Headlessdocker/wp-content/mu-plugins/quedate-headless.phpHabilita CORS, expone campos accesibles en REST API, hook automático de guardado y panel QUÉDATE Sync.Eliminación Legacyadmin/ (Eliminado)Se eliminó el panel manual y se actualizó el enlace en el pie de página de index.html.Conector Frontendassets/js/config.jsassets/js/news-loader.jsCarga desde /wp-json/wp/v2/posts?_embed con conmutación instantánea a noticias.json si está offline.Vistas Webactualidad.htmlindex.htmlBuscador en tiempo real, filtros por categoría (Jornadas, Investigación, Participación, General) y lectura fácil.Scripts de Syncscripts/sync-news.jsscripts/sync-news.ps1package.jsonComandos CLI para volcar las noticias de WordPress a noticias.json.Documentacióndocs/DESPLIEGUE_IONOS.mdREADME.mdGuía de despliegue en VPS IONOS (Docker / LAMP nativo) y manual de uso.

    2. Guion de Pruebas Paso a Paso

    El servidor web local del frontend está corriendo en http://localhost:3000.

    🔹 Prueba 1: Modo Respaldo Offline / Conexión Rural Débil

    (Actualmente WordPress está apagado, por lo que podemos comprobar de inmediato que la web NO se rompe).

    Abre en tu navegador: http://localhost:3000/index.html

    Desplázate a la sección «Actualidad y Novedades del Estudio»:

    ✅ Comprueba que se muestran las 3 tarjetas de noticias destacadas con categoría, tiempo de lectura, fecha y resumen.

    Abre la consola de desarrollador del navegador (F12 > pestaña Console):

    ✅ Verás el aviso informativo controlado: QUÉDATE: Servidor WordPress no disponible, activando modo de respaldo offline/rural y Noticias cargadas desde archivo de respaldo local (3 noticias).

    Navega a http://localhost:3000/actualidad.html:

    ✅ Comprueba que aparece la barra de búsqueda y los botones de categorías.

    ✅ Escribe en el buscador «Córdoba» o «Scoping» y verifica que el filtrado reactivo funciona en tiempo real.

    ✅ Pulsa en los botones de categoría (Jornadas, Investigación, Participación, General, Todas) y verifica el filtrado.

    ✅ Revisa la sección de Publicaciones Científicas y Repositorios FAIR al final de la página.

    🔹 Prueba 2: Levantar WordPress en Docker y Acceso Editorial

    Asegúrate de tener Docker Desktop abierto en tu equipo.

    En la terminal de la raíz del proyecto, ejecuta:bashdocker compose up -d# o bien: npm run docker:up

    Abre en el navegador el panel de WordPress:

    🌐 URL: http://localhost:8080/wp-admin

    Si es el primer arranque, completa la instalación rápida de WordPress (Idioma: Español, Título: QUÉDATE, Usuario y Contraseña a tu elección).

    Accede al menú lateral de WordPress:

    ✅ Comprueba que en la barra izquierda aparece el menú ⚡ QUÉDATE Sync.

    ✅ En la sección de Entradas (Posts), verás las categorías creadas automáticamente (Jornadas, Investigación, Participación, General).

    🔹 Prueba 3: Crear una Noticia en WordPress y Probar la Sincronización

    En http://localhost:8080/wp-admin ve a Entradas > Añadir nueva:

    Título: Jornada de Participación Ciudadana en Salamanca

    Extracto (Resumen): Personas mayores de Matilla de los Caños participan en los grupos de discusión.

    Contenido: Detalle del avance del subproyecto 2 en Salamanca…

    Categoría: Selecciona Participación.

    Pulsa Publicar.

    Probar Sincronización Automática / 1 Clic:

    Opción A: Ve a ⚡ QUÉDATE Sync en el menú de WordPress y pulsa «Sincronizar a noticias.json ahora» o «Descargar noticias.json».

    Opción B: En tu terminal ejecuta:bashnpm run sync-news# o con PowerShell: .scriptssync-news.ps1

    ✅ Comprueba que assets/data/noticias.json incluye la nueva noticia.

    Recarga http://localhost:3000/actualidad.html:

    ✅ Comprueba que la nueva noticia aparece inmediatamente leída desde la API REST de WordPress.