Section de confiance LinkedIn pour l’accueil (composition WordPress gratuite)

Vous voulez un bandeau léger de preuve sociale sur l’accueil ? Cette composition ajoute une rangée de flux LinkedIn de 4 cartes— idéale sous l’en-tête, au-dessus des logos et témoignages ou avant le pied de page. Native Gutenberg, elle utilise le bloc ProfeedWP.

À quoi sert cette composition

• Renforcer rapidement la crédibilité de l’accueil
• Des actualités compactes sans surcharger la page
• Renvoyer vers LinkedIn pour gagner des abonnés

Compatible avec : Les thèmes de blocs (éditeur de site) et toute configuration Gutenberg moderne.

Aperçu du résultat

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

Insérer cette composition (éditeur de site)

1. Accédez à Apparence → Éditeur.
2. Ouvrez votre modèle de page d’accueil (ou votre page d’accueil).
3. Collez le balisage ci-dessus en texte brut dans l’ éditeur Gutenberg (ou enregistrez-le d’abord en composition réutilisable).
4. Enregistrez. C’est fait.

Variantes à essayer

• 3 cartes (visuels plus larges) : réglez Posts to show sur 3 et Columns (Desktop) sur 3 dans le panneau Grid Settings du bloc ProfeedWP.
• Afficher les compteurs dans le flux : réglez Show like count sur true dans le panneau Display Settings du bloc ProfeedWP.
• Autre thème : testez les thèmes de ProfeedWP pour trouver celui qui convient à votre site.

Questions fréquentes