Besoin d’un flux LinkedIn compact pour votre blog ou vos études de cas ? Cette composition ajoute un mini-flux de 3 publications adapté aux barres latérales. Réalisé à 100% avec Gutenberg, il utilise le bloc ProfeedWP et prend en charge les nombres de mentions J’aime et commentaires (v1.2.1+). Pour rester visible sans encombrer la page.
À quoi sert cette composition
- Barres latérales de blogs et bases de connaissances : maintenez l’intérêt avec de nouvelles publications pendant la lecture.
- Études de cas et portfolios : présentez des actualités concrètes et votre expertise sans détourner l’attention.
- Documentation produit et journaux de modifications : affichez les notes de version ou publications de la communauté à côté de la documentation.
- Pages recrutement (colonnes étroites) : un petit flux « la vie chez {Brand} » qui ne repousse pas les offres d’emploi.
- Barres latérales fixes sur les longs articles : restez visible et encouragez régulièrement les clics et abonnements.
- Configurations rapides et respectueuses du RGPD : convient à l’affichage textuel, au chargement différé ou au « cliquer pour charger » après consentement.
- Développer les abonnements : le CTA intégré « Suivez-nous sur LinkedIn » offre une invitation légère et toujours visible.
- Sites multilingues : le titre et le CTA sont traduisibles ; le contenu du flux vient de LinkedIn sans modification.
Conseil : Visez 3–5 publications dans les barres latérales de 280–360 px. Affichez les nombres de mentions J’aime et commentaires (v1.2.1) si les interactions sont fortes ; masquez les compteurs pour un rendu épuré et très compact.
Aperçu du résultat
Sur notre page LinkedIn
Suivez l’actualité du produit, nos conseils et les coulisses. Retrouvez-nous sur LinkedIn pour découvrir ce que nous développons et apprenons.
Balisage de blocs à copier-coller (Gutenberg)
Collez ceci en texte brut dans Apparence → Éditeur → Compositions → Créer une composition, ou dans une section de page.
<!-- 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)Insérer cette composition (éditeur de site)
- Accédez à Apparence → Éditeur.
- Ouvrez votre page ou modèle avec une barre latérale, ou votre page d’accueil.
- Collez le balisage ci-dessus en texte brut dans la barre latérale de l’ éditeur Gutenberg (ou enregistrez-le d’abord en composition réutilisable).
- Enregistrez. C’est fait.
Variantes à essayer
- Texte seul (très compact) : masquez les miniatures pour alléger la barre latérale.
- Liste plus longue pour grandes barres latérales : idéal pour les pages de documentation avec une grande barre latérale.
- Position du CTA d’abonnement : placez le lien « Suivez-nous sur LinkedIn → » en haut pour obtenir plus de clics :
Questions fréquentes
Oui. Ajoutez-le à un modèle ou une partie de modèle de barre latérale dans l’éditeur de site. Pour un thème classique avec widgets de blocs (WP 5.8+), insérez-le dans Apparence → Widgets.
Oui. C’est 100% Gutenberg. Aucun constructeur de pages n’est nécessaire.
Oui. Désactivez Show images dans le panneau Display Settings des réglages
3–5 publications conviennent aux barres latérales de 280–360px. Pour les plus hautes, en documentation par exemple, 5 fonctionnent bien.
Oui. Le titre et le lien « Suivez-nous » sont des blocs de texte ordinaires, traduisibles avec WPML/Polylang ou des modèles par langue.
Vérifiez la connexion de la source LinkedIn, la présence de publications publiques et l’absence de jeton expiré en cache. Si les compteurs manquent, vérifiez v1.2.1+ et showCounts:true.