Ejemplo de Artículo con el Nuevo Diseño

Una vista previa limpia, centrada y enfocada en lectura que muestra cabecera, metadatos, tabla de contenidos y cuerpo estructurado.

¿Qué cambia?

El nuevo diseño busca mejorar la legibilidad, consistencia tipográfica y jerarquía visual. Eliminamos estilos inline heredados, limpiamos clases de WordPress y centralizamos la presentación en el stylesheet unificado.

Menos ruido visual y más foco en el contenido principal.

La anchura de lectura se controla con --w-reading y el contenedor global se gestiona con .site-container.

Estructura del template

  • post-header: título, metadatos y excerpt.
  • toc: generado (o removido si no aplica).
  • share-bar: enlaces de difusión.
  • post-body: contenido semántico limpio.
  • post-tags: taxonomías al final.

Los anuncios se mantienen a través de bloques .ad-slot para respetar monetización sin romper el flujo de lectura.

Siguientes pasos

Crearemos un script que migre automáticamente los posts antiguos, mapeando:

  • Eliminación de inline styles (excepto casos críticos).
  • Conversión de bloques de quiz/ads a versiones estándar o placeholders.
  • Inserción de cabecera semántica y metadatos.
  • Construcción opcional del índice (TOC) a partir de encabezados.