Volver a proyectos
Fullstack

Semiología de la Vida Cotidiana® — 3 sitios

Captura del proyecto Semiología de la Vida Cotidiana® — 3 sitios

Sobre el proyecto

Semiología de la Vida Cotidiana® — Ecosistema de tres sitios en WordPress

Tres sitios de la misma marca —el instituto, su colegio y el sitio del fundador— vivían en WordPress sobre constructores visuales heredados (Gantry5, Elementor, Phlox Pro, JetEngine) que el equipo ya no podía mantener. Los reconstruí por completo y los devolví a WordPress como temas de bloques (Full Site Editing): el mismo diseño, el mismo contenido y las mismas direcciones, pero ahora cada texto, imagen y sección se edita desde el editor nativo, sin tocar código ni depender de un constructor de pago.

Los tres sitios

Semiología de la Vida Cotidiana

semiologia.net

El sitio del instituto: cursos presenciales y en línea, entrevistas, calendario de actividades y un blog de 23 artículos, la mayoría con audio narrado.

Colegio de Consultores y Comunicadores

colegiodesemiologia.net

El sitio académico: estructura del plan de estudios, asignaturas vigentes, calendarios por generación, agenda de asesorías e inscripciones con pago en línea.

Alfonso Ruiz Soto®

alfonsoruizsoto.com

El sitio del fundador: 12 cursos con temario y pago en línea, 20 testimonios, 13 entrevistas, boletines y los programas de capacitación empresarial.

El trabajo

La migración

  • Analizador propio de HTML a bloques del núcleo de WordPress, sin dependencias, probado contra miles de elementos de las páginas originales
  • El sistema de diseño vive en theme.json: cualquier página nueva nace con los colores, las tipografías y los espaciados del sitio
  • Importador en PHP idempotente: se puede correr las veces que haga falta sin duplicar páginas ni fichas
  • Los iconos van como máscaras CSS, porque el editor los borra cuando viajan como SVG dentro del texto

Editable de verdad

  • 99,8 % de los bloques del Colegio y 96,8 % de los de Alfonso Ruiz se editan desde el editor nativo, no desde el código
  • Cursos, testimonios y entrevistas dejaron de vivir en el código: son fichas de WordPress con su propia entrada en el escritorio
  • Lo que se guarda es, carácter por carácter, lo que WordPress dibujaría: un atributo de más y el bloque deja de poder editarse
  • Cada sitio lleva sus manuales de uso instalados dentro, visibles sólo para quien lo administra

Contenido y posicionamiento

  • Inventario completo de las direcciones del sitio anterior y redirecciones 301 comprobadas, para no perder el posicionamiento ganado
  • SEO por página: título, descripción, imagen para compartir, datos estructurados schema.org y sitemap con la fecha real de cada cambio
  • Imágenes servidas en .webp con las medidas exactas a las que se muestran, y los originales conservados como maestros