Fila de confianza de LinkedIn para la página de inicio (patrón de bloques gratuito para WordPress)

¿Quieres una franja ligera de prueba social para tu página de inicio? Este patrón añade una limpia fila de feed de LinkedIn con 4 tarjetas, ideal debajo de la sección principal, encima de los logotipos o testimonios, o al final de la página antes del pie. Es nativo de Gutenberg y utiliza el bloque ProFeedWP.

Para qué es ideal este patrón

• Aportar credibilidad rápidamente en la página de inicio
• Noticias y novedades compactas sin sobrecargar el diseño
• Enlazar a LinkedIn para aumentar los seguidores

Funciona con: Temas de bloques (editor del sitio) y cualquier configuración moderna de Gutenberg.

Vista previa (así se ve)

Marcado de bloques para copiar y pegar (Gutenberg)

Pega esto (como texto sin formato) en Apariencia → Editor → Patrones → Crear patrón, o en cualquier sección de una página.

<!-- wp:group {"tagName":"section","style":{"spacing":{"blockGap":"var:preset|spacing|50","padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|40","right":"var:preset|spacing|40"}}},"backgroundColor":"lighter-grey","layout":{"type":"constrained"}} -->
<section class="wp-block-group has-lighter-grey-background-color has-background" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--40)"><!-- wp:columns {"align":"wide","className":"is-style-large-gap","style":{"spacing":{"blockGap":{"left":"var:preset|spacing|50"}}}} -->
<div class="wp-block-columns alignwide is-style-large-gap"><!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:heading {"fontSize":"x-large"} -->
<h2 class="wp-block-heading has-x-large-font-size">From our LinkedIn</h2>
<!-- /wp:heading --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:paragraph -->
<p>Stay up to date with product news, tips, and behind-the-scenes. Follow us on LinkedIn to see what we’re shipping and learning.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"style":{"spacing":{"margin":{"top":"var:preset|spacing|20"}}}} -->
<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--20)"><!-- wp:button {"className":"is-style-icon-right is-style-fill"} -->
<div class="wp-block-button is-style-icon-right is-style-fill"><a class="wp-block-button__link wp-element-button" href="https://www.linkedin.com/company/YOUR-COMPANY/" target="_blank" rel="noreferrer noopener">Follow ProfeedWP on LinkedIn</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide"><!-- wp:profeedwp/profeedwp {"companyUrl":"profeedwp","postsToShow":4,"textTruncationType":"characters","textTruncationLimit":50,"textTruncationLimitNoImage":40,"theme":"modern","customBorderRadius":12,"imageAspectRatio":"1","align":"wide"} -->
<div class="wp-block-profeedwp-profeedwp alignwide profeedwp-feed profeedwp-feed--modern" data-api-url="https://api.accomplice-dev.se/api/linkedin/company-posts" data-company-url="profeedwp" data-posts-to-show="4" data-show-images="true" data-show-date="true" data-show-text="true" data-show-like-count="false" data-show-comment-count="false" data-show-only-with-images="false" data-text-truncation-type="characters" data-text-truncation-limit="50" data-text-truncation-limit-no-image="40" data-layout="grid" data-columns="3" data-columns-sm="1" data-columns-lg="4" data-refresh-interval="3600" data-theme="modern" data-custom-card-background-color="" data-custom-card-background-gradient="" data-custom-text-color="" data-custom-hover-background-color="" data-custom-hover-text-color="" data-custom-border-radius="12" data-image-aspect-ratio="1" data-grid-gap="20" data-carousel-show-scrollbar="true" data-carousel-draggable="true" data-carousel-hide-overflow="true" style="--columns-sm:1px;--columns:3px;--columns-lg:4px;--lf-grid-gap:20px;--lf-border-radius:12px;--lf-image-border-radius:12px;--lf-aspect-ratio:1"><div class="profeedwp-feed-container"><div class="profeedwp-feed-loading"><div class="profeedwp-feed-spinner"></div><p>Loading LinkedIn posts...</p></div><div class="profeedwp-feed-error" style="display:none"><p>Oops! Something went wrong while fetching our awesome LinkedIn posts. Mind giving it another try? 🤔</p></div><div class="profeedwp-feed-posts" style="display:none"></div></div></div>
<!-- /wp:profeedwp/profeedwp --></div>
<!-- /wp:group --></section>
<!-- /wp:group -->Code language: HTML, XML (xml)

Cómo insertar este patrón (editor del sitio)

1. Ve a Apariencia → Editor.
2. Abre tu plantilla de página de inicio (o tu página de inicio).
3. Pega el marcado anterior (como texto sin formato) en el editor Gutenberg (o guárdalo primero como patrón reutilizable).
4. Guarda. Listo.

Variantes que puedes probar

• 3 tarjetas (imágenes más anchas): prueba Posts to show en 3 y Columns (Desktop) en 3 en el Ajustes de cuadrícula panel del bloque ProFeedWP.
• Mostrar recuentos en el feed: establece Show like count en true en el Ajustes de visualización panel del bloque ProFeedWP.
• Otro tema: prueba distintos temas de ProFeedWP y encuentra el que encaje con tu web.

Preguntas frecuentes