Wil je een compacte LinkedIn-feed voor je blog of praktijkvoorbeelden? Dit patroon voegt een overzichtelijke minifeed met 3 berichten toe die in elke zijbalk past. Volledig gebouwd met Gutenberg (100%), gebruikt het ProfeedWP-blok en ondersteunt aantallen likes en reacties (v1.2.1+). Blijf zichtbaar zonder de pagina te overladen.
Waar dit patroon geschikt voor is
- Zijbalken voor blogs en kennisbanken: houd lezers betrokken met recente berichten tijdens het lezen.
- Praktijkvoorbeelden en portfolio’s: toon nieuws uit de praktijk en expertise zonder de aandacht af te leiden.
- Productdocumentatie en wijzigingslogboeken: toon releasenotities of communityberichten naast je documentatie.
- Vacaturepagina’s (smalle kolommen): een kleine feed over ‘werken bij {Brand}’ die vacatures niet naar beneden duwt.
- Vaste zijbalken bij lange artikelen: blijf zichtbaar en moedig klikken en volgen aan.
- Snelle en privacygerichte instellingen: geschikt voor tekstweergave, uitgesteld laden of ‘klik om te laden’ na toestemming.
- Meer volgers: de ingebouwde CTA ‘Volg ons op LinkedIn’ blijft zichtbaar zonder veel ruimte te vragen.
- Meertalige websites: de kop en CTA kun je vertalen; de feedinhoud komt ongewijzigd van LinkedIn.
Tip: Kies voor 3–5 berichten in zijbalken van 280–360 px breed. Toon aantallen likes en reacties (v1.2.1) bij veel interactie; verberg aantallen voor een rustigere, extra compacte weergave.
Voorbeeld van de weergave
Van onze LinkedIn-pagina
Blijf op de hoogte van productnieuws, tips en een kijkje achter de schermen. Volg ons op LinkedIn om te zien wat we ontwikkelen en leren.
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|10","padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|20","right":"var:preset|spacing|20"}}},"backgroundColor":"lighter-grey","layout":{"type":"constrained","contentSize":"","justifyContent":"left"}} -->
<section class="wp-block-group has-lighter-grey-background-color has-background" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--20)"><!-- wp:heading {"fontSize":"x-large"} -->
<h2 class="wp-block-heading has-x-large-font-size">From our LinkedIn</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size">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:profeedwp/profeedwp {"companyUrl":"profeedwp","postsToShow":3,"textTruncationType":"characters","textTruncationLimit":60,"textTruncationLimitNoImage":40,"layout":"list","columns":2,"theme":"barebone","customBorderRadius":0,"imageAspectRatio":"auto","gridGap":15,"listMediaLeft":true,"listMediaLeftCover":true,"fontSizeSlug":"small","align":"wide"} -->
<div class="wp-block-profeedwp-profeedwp alignwide profeedwp-feed profeedwp-feed--barebone" data-api-url="https://api.accomplice-dev.se/api/linkedin/company-posts" data-company-url="profeedwp" data-posts-to-show="3" 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="60" data-text-truncation-limit-no-image="40" data-layout="list" data-columns="2" data-columns-sm="1" data-columns-lg="4" data-refresh-interval="3600" data-theme="barebone" 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="0" data-image-aspect-ratio="auto" data-font-size="" data-font-size-slug="small" data-grid-gap="15" data-carousel-show-scrollbar="true" data-carousel-draggable="true" data-carousel-hide-overflow="true" data-list-media-left="true" data-list-media-left-cover="true" style="--columns-sm:1px;--columns:2px;--columns-lg:4px;--lf-grid-gap:15px;--lf-border-radius:0px;--lf-image-border-radius:0px"><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 -->
<!-- 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 --></section>
<!-- /wp:group -->Code language: HTML, XML (xml)Dit patroon invoegen (site-editor)
- Ga naar Weergave → Editor.
- Open je pagina of paginatemplate met een zijbalk, of je voorpagina.
- Plak de bovenstaande code als gewone tekst in de zijbalk in de Gutenberg-editor (of sla het eerst op als herbruikbaar patroon).
- Opslaan. Klaar.
Variaties om te proberen
- Alleen tekst (extra compact): verberg miniaturen voor de lichtste zijbalk.
- Langere lijst voor hoge zijbalken: handig op documentatiepagina’s met hoge zijbalken.
- Plaatsing van de volg-CTA: zet de link ‘Volg ons op LinkedIn →’ bovenaan voor meer klikken:
Veelgestelde vragen
Ja. Voeg het toe aan een zijbalktemplate of templateonderdeel in de site-editor. Gebruik je een klassiek thema met blokwidgets (WP 5.8+), voeg het patroon dan toe via Weergave → Widgets.
Ja. Het is 100% Gutenberg. Je hebt geen paginabouwer nodig.
Ja. Schakel Show images uit in het Display Settings paneel
3–5 berichten zijn geschikt voor zijbalken van 280–360px. Voor hogere zijbalken, zoals in documentatie, werkt 5 goed.
Zeker. De kop en de link ‘Volg ons’ zijn gewone tekstblokken. Vertaal ze met WPML/Polylang of templates per taal.
Controleer of je LinkedIn-bron verbonden is, openbare berichten heeft en de cache geen verlopen token levert. Zijn aantallen niet zichtbaar, controleer dan v1.2.1+ en showCounts:true.