LinkedIn-vertrouwenssectie voor je homepage (gratis WordPress-blokpatroon)

Wil je een lichte sectie met sociale bewijskracht op je homepage? Dit patroon voegt een overzichtelijke LinkedIn-feedrij met 4 kaarten toe— ideaal onder de hero, boven logo’s en klantreacties of vlak voor de voettekst. Het is native Gutenberg en gebruikt het ProfeedWP-blok.

Waar dit patroon geschikt voor is

• Snel geloofwaardigheid op je homepage
• Compact nieuws zonder de lay-out te overladen
• Doorverwijzen naar LinkedIn om meer volgers te krijgen

Werkt met: Blokthema’s (site-editor) en moderne Gutenberg-installaties.

Voorbeeld van de weergave

Blokcode om te kopiëren (Gutenberg)

Plak dit als gewone tekst in Weergave → Editor → Patronen → Patroon maken, of in een paginasectie.

<!-- 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)

Dit patroon invoegen (site-editor)

1. Ga naar Weergave → Editor.
2. Open je homepagetemplate (of je voorpagina).
3. Plak de bovenstaande code als gewone tekst in de Gutenberg-editor (of sla het eerst op als herbruikbaar patroon).
4. Opslaan. Klaar.

Variaties om te proberen

• 3 kaarten (bredere afbeeldingen): zet Posts to show op 3 en Columns (Desktop) op 3 in het Grid Settings paneel van het ProfeedWP-blok.
• Toon aantallen in de feed: zet Show like count op true in het Display Settings paneel van het ProfeedWP-blok.
• Ander thema: probeer verschillende thema’s in ProfeedWP en kies wat bij je website past.

Veelgestelde vragen