Need a compact LinkedIn feed for your blog or case-study pages? This pattern adds a clean 3-item mini-feed that fits any sidebar. It’s 100% Gutenberg, uses the ProfeedWP block, and supports like & comment counts (v1.2.1+). Perfect for staying visible without cluttering the page.
What this pattern is best for
- Blog & knowledge-base sidebars: keep readers engaged with fresh posts while they read.
- Case studies & portfolio pages: surface real-world updates and thought leadership without stealing focus.
- Product docs & changelogs: show release notes or community posts alongside documentation.
- Careers pages (narrow columns): a small “life at {Brand}” stream that doesn’t push down job listings.
- Sticky sidebars on long articles: stays visible and steadily drives clicks/follows.
- Speed & GDPR-friendly setups: works great as text-first, lazy-loaded, or “click to load” behind consent.
- Follower growth: the built-in “Follow us on LinkedIn” CTA gives a lightweight, always-visible prompt.
- Multi-language sites: heading/CTA are translatable; feed content comes from LinkedIn as-is.
Tip: Aim for 3–5 items in sidebars 280–360 px wide. Show like & comment counts (v1.2.1) if engagement is strong; hide counts for a cleaner, ultra-compact look.
Preview (what it looks like)
From our LinkedIn
Stay up to date with product news, tips, and behind-the-scenes. Follow us on LinkedIn to see what we’re shipping and learning.
Copy-paste block markup (Gutenberg)
Paste this (as plain text) into Appearance → Editor → Patterns → Create pattern, or into any page section.
<!-- 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)How to insert this pattern (Site Editor)
- Go to Appearance → Editor.
- Open your page or page template with a sidebar(or your front page).
- Paste the markup above (as plain text) into sidebar you have in the Gutenberg editor (or save it as a reusable Pattern first).
- Save. Done.
Variations you can try
- Text-only (ultra-compact): Hide thumbnails for the lightest sidebar.
- Longer list for deep sidebars: Great on docs pages with tall sidebars.
- Follow CTA placement: Put the “Follow us on LinkedIn →” link at the top for more clicks:
FAQ
Yes—add it to a Sidebar template or Template Part in the Site Editor. For classic themes using block widgets (WP 5.8+), insert the pattern into Appearance → Widgets.
Yep. It’s 100% Gutenberg. No page builder required.
Yes. Disable the Show images in in the Display Settings panel
3–5 items is the sweet spot for 280–360px sidebars. If your sidebar is taller (docs pages), 5 works well.
Absolutely. The heading and “Follow us” link are normal text blocks—translate with WPML/Polylang or per-language templates.
Check that your LinkedIn source is connected, has public posts, and that caching isn’t serving an expired token. If counts don’t show, confirm v1.2.1+ and showCounts:true.