WordPress muestra los embebidos con un diseño genérico que rara vez encaja con la identidad visual de un sitio, y eso salta especialmente a la vista cuando otro medio incrusta uno de tus artículos. La buena noticia es que ese aspecto no viene fijo de fábrica: con unos pocos hooks y filtros puedes controlar estilo, tamaño de imagen, longitud del extracto e incluso qué información se muestra. Aquí van cinco formas concretas de hacerlo.
1. Personalizar el estilo visual
Para que el embebido se integre con el diseño de tu sitio, engancha una hoja de estilos propia con el hook enqueue_embed_scripts en el functions.php de tu tema:
add_action( 'enqueue_embed_scripts', function () {
wp_enqueue_style(
'mi-tema-embed',
get_theme_file_uri( 'embed.css' ),
['wp-embed-template']
);
} );
En embed.css defines el aspecto: colores, tipografía, márgenes. Un borde suave y un fondo distinto al blanco por defecto ya cambian bastante la percepción:
.wp-embed {
background-color: #f9f9f9;
border: 1px solid #eee;
border-radius: 8px;
}
2. Ajustar el tamaño de la imagen destacada
El embebido usa un tamaño de imagen predeterminado que no siempre casa con tu diseño. Puedes registrar un tamaño propio, por ejemplo un cuadrado de 300×300 píxeles:
add_action( 'after_setup_theme', function () {
add_image_size( 'embed-cuadrado', 300, 300, true );
} );
Y le dices a WordPress que use ese tamaño específicamente en los embebidos:
add_filter( 'embed_thumbnail_image_size', function () {
return 'embed-cuadrado';
} );
Si ya tenías imágenes subidas antes de definir el tamaño, tendrás que regenerar las miniaturas con un plugin como «Regenerate Thumbnails» para que se generen los recortes nuevos.
3. Cambiar la longitud del extracto
El extracto que aparece en el embebido puede quedarse corto o alargarse de más según tu contenido. Con este filtro lo ajustas solo para embebidos, sin tocar el extracto que usas en otras partes del sitio:
add_filter( 'excerpt_length', function ($length) {
return is_embed() ? 18 : $length;
} );
El código comprueba si el contenido se muestra dentro de un embebido y, si es así, limita el extracto a 18 palabras. Cambia ese número según cuánto texto quieras mostrar.
4. Añadir contenido personalizado
Además de título, extracto e imagen destacada, puedes meter información extra como la fecha de actualización o las categorías. Copia el archivo embed-content.php a la carpeta de tu tema y añade ahí lo que necesites. Por ejemplo, para mostrar cuándo se actualizó el contenido: (OSTraining)
<p>Actualizado el: <?php the_modified_date(); ?></p>
No es un dato imprescindible, pero da contexto a quien ve el embebido sin haber visitado antes tu web.
5. Sobrescribir la plantilla del embebido
WordPress usa por defecto una plantilla llamada embed.php. Puedes sobrescribirla creando un archivo con ese mismo nombre en tu tema, y si necesitas un diseño distinto según el tipo de contenido, por ejemplo para productos, crea embed-product.php. Así puedes mostrar precio o disponibilidad en esos embebidos concretos sin tocar el resto. (Hongkiat)
Con estas cinco técnicas, los embebidos dejan de ser una pieza genérica y pasan a integrarse en la identidad visual y funcional de tu sitio, algo que se nota especialmente cuando tu contenido circula fuera de tu propia web.
Si te interesa seguir sacando partido a los bloques dinámicos de WordPress más allá de los embebidos, en posts como activos interactivos: tablas, comparadores y bloques dinámicos vemos otras formas de enriquecer el contenido. Y si trabajas con page builders, en page builders híbridos: combinar Gutenberg con bloques personalizados vemos cómo mantener el sitio ligero sin renunciar a la flexibilidad visual.
Preguntas frecuentes
¿Necesito un plugin para personalizar los embebidos?
No. Todo lo que hemos visto se hace con hooks y filtros nativos de WordPress en el functions.php del tema, sin instalar ningún plugin adicional.
¿Los cambios afectan a embebidos ya publicados en otras webs?
Sí, porque el embebido se renderiza en el momento en que se carga, no en el momento en que se incrustó. Cualquier cambio en tu tema se refleja automáticamente en los embebidos ya existentes.
¿Puedo tener plantillas de embebido distintas para cada tipo de contenido?
Sí, creando archivos con el patrón embed-{tipo}.php en tu tema. WordPress usa automáticamente la plantilla específica cuando el contenido embebido coincide con ese tipo.
¿Qué pasa si no personalizo nada?
El embebido sigue funcionando con el diseño genérico de WordPress. No es un problema técnico, simplemente no refleja la identidad visual de tu marca cuando se muestra en otra web.
