9 | Editor de Bloques de Gutenberg / HOME – Testimoniales
Con la home ya casi terminada, este vídeo se centra en pulir detalles visuales y en construir la sección de testimoniales, uno de los bloques con mayor impacto en la confianza del visitante.
El primer ajuste es técnico: una imagen ocupa demasiado espacio y hay que reducir su tamaño desde las opciones del bloque, probando entre las opciones "completo" y "mediano" hasta encontrar el equilibrio correcto, y aprendiendo a redimensionar arrastrando desde la esquina para mantener la proporción.
A partir de aquí el vídeo entra en el corazón del bloque de testimoniales, mostrando de dónde proceden las fotografías de las personas: un banco de imágenes gratuito donde se buscan términos como "mujer sonriendo" u "hombre sonriendo" para dar rostro a los supuestos clientes satisfechos.
Se suben las tres imágenes a la vez para agilizar el proceso y se etiquetan como "cliente satisfecho", una buena práctica de organización de la biblioteca de medios que facilita reutilizar el material más adelante. Aparece entonces un problema habitual al trabajar con testimoniales: las fotos no quedan perfectamente redondeadas porque su proporción original es horizontal (1000×667 píxeles) y no cuadrada.
Se experimenta con el control de "borde radios" para forzar el redondeo, pero el resultado no convence del todo, así que se opta por dejar el borde sin redondear en exceso antes que mostrar un recorte forzado y poco profesional.
La lección práctica que se extrae, y que conviene interiorizar para futuros proyectos, es preparar previamente las imágenes en formato cuadrado (150×150 px en este caso, el tamaño real que exige el bloque) en lugar de intentar corregir la proporción a posteriori desde el editor.
Este tipo de detalle conecta directamente con la importancia de un sistema de reseñas bien diseñado: los testimoniales no son un adorno estético, sino una pieza central de prueba social que refuerza la propuesta de valor y reduce la fricción de compra. El vídeo termina renombrando el bloque de "testimoniales" a "reviews de clientes" para mayor claridad semántica y dejando preparado el terreno para seguir avanzando con el resto de la home.
Seguro que te gustaría aprender más