La web tenía artículos útiles, pero el blog no los presentaba como una publicación profesional. La portada era una lista básica y las entradas carecían de herramientas para recorrer contenidos largos. El objetivo fue diseñar una experiencia editorial integrada en el tema, sin añadir otro constructor.
La portada del blog
Creé una plantilla dinámica que utiliza las entradas reales de WordPress e incorpora:
- artículo destacado;
- rejilla responsive de publicaciones;
- categorías y buscador;
- imagen destacada y alternativa visual;
- tiempo estimado de lectura;
- paginación y llamada a contacto.
Una plantilla específica para los artículos
La página individual añadió imagen protagonista, barra de progreso, índice automático, autor, navegación anterior y siguiente, contenido relacionado y CTA final. Cada herramienta aparece solo cuando tiene sentido; un artículo corto no necesita un índice vacío.
Por qué hacerlo dentro del tema
La estructura editorial forma parte de la identidad de la web. Al desarrollarla en PHP, CSS y JavaScript controlados, el contenido continúa gestionándose desde WordPress sin guardar la composición dentro de cada entrada.
También evita que cien artículos tengan cien estructuras diferentes porque alguien movió bloques manualmente.
Rendimiento y responsive
La plantilla se validó en escritorio y móvil, comprobando desbordamiento horizontal, tamaño de tarjetas y legibilidad. Las imágenes se cargan con tamaños adecuados y el JavaScript se limita a comportamientos útiles.
El diseño debe ayudar a leer
Un blog no necesita parecer una revista por acumulación de efectos. Necesita jerarquía tipográfica, líneas de longitud razonable, espacios consistentes y navegación comprensible. La estética debe acompañar al contenido, no competir con él.