Comment afficher les tweets récents dans WordPress (étape par étape)

Après avoir géré WPBeginner pendant plus d'une décennie, nous avons appris qu'établir une communauté solide est la clé d'un blog réussi. Nous devons notre succès à nos lecteurs fidèles, et nous cherchons toujours de nouvelles façons de nous connecter avec eux.

Une excellente façon de bâtir une communauté est d'afficher vos tweets récents sur votre site WordPress. Cela maintient votre site à jour et permet aux visiteurs de voir ce que vous faites sur les réseaux sociaux.

Nous avons essayé de nombreuses façons d'afficher des tweets sur les sites WordPress, et nous allons partager nos trois meilleures méthodes pour faire exactement cela. Toutes ces méthodes sont adaptées aux débutants, vous pourrez donc facilement ajouter votre flux Twitter à votre site.

Pourquoi afficher les tweets récents sur votre site WordPress ?

X/Twitter est l'une des plateformes de médias sociaux les plus populaires sur le marché. Afficher les tweets récents sur votre site Web WordPress peut améliorer votre présence en ligne et votre engagement de plusieurs manières.

Pour commencer, lorsque les utilisateurs visitent votre site Web et voient votre flux de médias sociaux, ils pourraient être suffisamment intrigués pour cliquer sur votre compte Twitter et vous suivre, augmentant ainsi votre portée.

De plus, les tweets peuvent servir de mise à jour en temps réel sur ce qui se passe sur votre site Web ou votre entreprise. Cela peut encourager l'engagement de votre public, car il peut interagir directement avec vos tweets.

Les tweets récents peuvent également servir de preuve sociale sur votre site WordPress. Vous pouvez retweeter des avis positifs ou des personnes recommandant vos produits, ce qui contribue à renforcer la confiance des abonnés ou des clients.

Dans cette optique, examinons les différentes méthodes d'affichage des tweets récents sur votre site WordPress. Vous pouvez utiliser les liens rapides ci-dessous pour passer à une méthode spécifique :

• Méthode 1 : Intégrer manuellement des tweets dans l'éditeur de blocs Gutenberg (sans plugin)
• Méthode 2 : Afficher les tweets récents à l'aide d'un plugin de flux Twitter (recommandé)
• Method 3: Display Latest Tweets in WordPress With Twitter Publish (No Plugin + HTML)

Méthode 1 : Intégrer manuellement des tweets dans l'éditeur de blocs Gutenberg (sans plugin)

La première méthode pour afficher vos tweets récents dans WordPress consiste à intégrer manuellement votre profil ou votre chronologie Twitter sur votre page, article ou widget WordPress (pour les utilisateurs de thèmes classiques).

Tout comme l'ajout d'une vidéo YouTube, WordPress facilite l'intégration de contenu Twitter comme un tweet unique ou une chronologie. Sa fonctionnalité oEmbed peut automatiquement transformer une URL de contenu en code d'intégration lorsqu'elle est collée dans l'éditeur de blocs.

Tout d'abord, vous devez trouver et copier l'URL du profil Twitter ou du tweet que vous souhaitez intégrer.

Par exemple, l'URL du profil Twitter de WPBeginner est https://twitter.com/wpbeginner

Pendant ce temps, l'URL d'un tweet unique ressemble à ceci : https://twitter.com/wpbeginner/status/1604852592827326464

Ensuite, suivez l'une des méthodes ci-dessous :

Afficher les tweets récents dans un article ou une page WordPress

Tout d'abord, connectez-vous à votre tableau de bord WordPress et ouvrez l'éditeur de blocs pour un article ou une page WordPress.

Si vous souhaitez créer un nouvel article ou une nouvelle page, vous pouvez le faire en allant dans Articles/Pages » Ajouter.

Ensuite, collez simplement l'URL du profil Twitter que vous avez copiée précédemment dans la zone « Tapez / pour choisir un bloc ».

Vous pouvez le voir mis en surbrillance ci-dessous.

Une fois que vous avez fait cela, le bloc se transformera immédiatement en un bloc de chronologie Twitter affichant les tweets récents de ce compte particulier.

Dans la barre latérale des paramètres du bloc, vous pouvez choisir de redimensionner le bloc pour les petits appareils afin de le rendre plus réactif pour la visualisation mobile.

De plus, n'hésitez pas à ajouter d'autres blocs à la page ou à l'article pour encourager les utilisateurs à suivre votre compte Twitter.

Une fois terminé, cliquez simplement sur « Mettre à jour » ou « Publier » pour rendre les modifications publiques.

Cette méthode ajoute vos tweets récents dans une boîte avec un curseur vertical. La boîte inclut les 20 tweets les plus récents et le bouton « Voir plus sur Twitter » à la fin.

Voici à quoi ressemble notre chronologie Twitter :

Si vous utilisez un thème de blocs WordPress, vous pouvez également utiliser cette même méthode pour intégrer un flux Twitter dans l'éditeur complet du site et afficher les tweets récents dans une partie de modèle ou un modèle.

Vous pouvez en apprendre davantage à ce sujet dans notre guide complet sur l'édition complète du site WordPress.

Afficher les tweets récents dans une zone de widget WordPress

Si vous utilisez un thème WordPress classique et que vous souhaitez afficher vos derniers tweets dans une zone de widget (comme une barre latérale), suivez simplement ces étapes.

Tout d'abord, allez dans Apparence » Widgets. Ensuite, cliquez sur le bouton « + Ajouter un nouveau » dans la zone de widget sélectionnée et choisissez le widget Twitter.

À partir de là, collez simplement l'URL du compte Twitter ou de la publication dans le champ approprié.

Ensuite, cliquez sur « Intégrer ».

Vous pouvez ensuite mettre à jour vos widgets et prévisualiser le widget Tweets en direct sur votre site.

Voici comment la chronologie apparaît dans notre barre latérale WordPress :

Méthode 2 : Afficher les tweets récents à l'aide d'un plugin de flux Twitter (recommandé)

La deuxième méthode pour ajouter des tweets récents à votre site WordPress consiste à utiliser un plugin Twitter. La raison pour laquelle nous recommandons cette méthode est qu'elle offre beaucoup plus d'options de personnalisation que la méthode précédente, vous permettant d'ajuster le flux à la conception de votre page.

Pour cela, nous utiliserons Smash Balloon Custom Twitter Feeds. Ce plugin permet de créer de magnifiques flux sociaux de différents types. Vous pouvez afficher des tweets basés sur des hashtags, des termes de recherche, des mentions, des chronologies, et plus encore.

Vous devrez d'abord installer et activer le plugin WordPress. Une fois qu'il est actif, allez dans votre espace d'administration WordPress, naviguez vers Twitter Feed » Settings, et collez votre clé de licence dans le champ approprié.

Après cela, vous devez activer la licence et cliquer sur « Enregistrer les modifications ».

Maintenant, allez simplement dans Twitter Feed » All Feeds.

Ensuite, cliquez sur le bouton « + Add New ».

Si c'est la première fois que vous ajoutez un flux Twitter en utilisant Smash Balloon, vous serez invité à vérifier votre adresse e-mail.

Cliquez simplement sur le bouton « Connect » pour le faire et suivez les instructions à l'écran.

Une fois que vous avez terminé, vous reviendrez à la page du plugin Custom Twitter Feeds et on vous demandera de sélectionner un type de flux.

Avec Custom Twitter Feeds, vous pouvez choisir d'intégrer un flux de chronologie utilisateur, un flux de hashtags ou un flux de recherche. Pour les besoins de cet exemple, nous utiliserons la première option. Une fois que vous avez fait votre choix, cliquez simplement sur « Next ».

Sur l'écran suivant, vous pouvez saisir le nom d'utilisateur Twitter que vous souhaitez intégrer sur votre site Web WordPress.

Après cela, cliquez à nouveau sur « Suivant ».

Choisissons maintenant un modèle de flux Twitter. Il y en a 7 parmi lesquels choisir, et vous pouvez toujours le changer plus tard si vous pensez qu'il ne convient pas à la conception de votre page.

Une fois votre choix effectué, cliquez sur « Suivant ».

À ce stade, vous devriez arriver à l'interface d'édition du flux Twitter. Vous verrez un aperçu en direct sur le côté droit de la page et un panneau de gauche où vous pouvez configurer l'apparence du flux.

Il y a deux onglets : « Personnaliser » et « Paramètres ».

Commençons par Personnaliser. Si vous choisissez l'option « Mise en page du flux », vous pouvez choisir entre les mises en page de flux disponibles (comme liste, masonry ou carrousel), définir le nombre de tweets à afficher, ajuster la hauteur du flux, etc.

Une fois que vous avez terminé avec ces paramètres, cliquez simplement sur le bouton « Personnaliser » en haut pour revenir au menu principal.

Une autre chose que vous pouvez faire est d'activer le bouton « Charger plus », qui apparaîtra sous vos tweets affichés. C'est une fonctionnalité pratique si vous avez des tonnes de tweets mais que vous ne pouvez pas tous les afficher sur la même page.

Cliquez simplement sur l'option « Bouton Charger plus », puis sur le bouton « Activer ». Après cela, vous pouvez personnaliser l'apparence du bouton.

Si vous passez à l'onglet « Paramètres », vous verrez des options pour ajouter plus de sources de flux, appliquer des filtres de tweets et utiliser des fonctionnalités avancées (comme l'ajout de CSS personnalisé).

Vous pouvez également cliquer sur le bouton « Effacer le cache du flux » pour supprimer le cache du flux précédent. La prochaine fois que le plugin aura besoin d'afficher votre flux Twitter, il devra récupérer les derniers tweets des serveurs X/Twitter au lieu d'utiliser les anciennes données mises en cache.

Essayons d'ajouter des filtres à vos tweets en cliquant sur l'option « Filtres ».

Ici, vous pouvez choisir d'inclure les réponses et les retweets, d'afficher les tweets en fonction des mots autorisés ou bloqués, ou de masquer des tweets spécifiques.

Une fois que vous êtes satisfait de l'apparence du flux Twitter, vous pouvez cliquer sur le bouton « Enregistrer ».

Pour ajouter le flux Twitter à votre page ou à votre zone de widget, cliquez simplement sur le bouton « Intégrer » dans le coin supérieur droit.

Après cela, une fenêtre contextuelle apparaîtra, vous montrant comment afficher le flux Twitter : avec un shortcode, un bloc, ou un widget.

Quelle que soit la méthode que vous choisissez, la première chose à faire est de copier le shortcode car vous en aurez besoin.

Ensuite, si vous souhaitez intégrer le flux Twitter sur une page, cliquez sur le bouton « + Ajouter à une page ».

Une fois que vous avez fait cela, vous pouvez sélectionner une page existante de votre site Web WordPress et cliquer sur « Ajouter ».

Vous serez ensuite dirigé vers l'éditeur de blocs WordPress de la page choisie.

Cliquez sur le bouton « + » pour ajouter un bloc, n'importe où sur la page, et sélectionnez le bloc Flux Twitter.

Maintenant, le Flux Twitter que vous avez créé précédemment peut ne pas s'afficher immédiatement.

Si cela vous arrive, collez simplement le shortcode dans le champ « Paramètres du shortcode » dans la barre latérale des paramètres du bloc.

Après cela, cliquez sur « Appliquer les modifications ».

Une fois terminé, vous pouvez continuer et cliquer sur « Mettre à jour » pour rendre les modifications publiques.

Voici à quoi ressemble le Flux Twitter sur notre site de démonstration :

Si vous souhaitez afficher votre Flux Twitter dans une zone de widget, cliquez simplement sur l'option « + Ajouter à un widget ». Vous serez ensuite redirigé vers l'éditeur de widgets.

Ensuite, trouvez et sélectionnez simplement le widget « Flux Twitter ».

Similaire à la méthode précédente, collez simplement le shortcode dans la barre latérale des paramètres du bloc et cliquez sur « Appliquer les modifications ».

Vous verrez alors votre Flux Twitter nouvellement créé dans l'aperçu en direct.

Enfin, cliquez sur « Mettre à jour » pour finaliser les modifications.

Vous pouvez ensuite visiter votre site Web en direct pour voir à quoi ressemble le flux :

Méthode 3 : Afficher les derniers tweets dans WordPress avec Twitter Publish (sans plugin + HTML)

La dernière méthode vous permet d'ajouter des publications Twitter récentes en utilisant la fonctionnalité Twitter Publish.

Twitter Publish vous permet de créer facilement le code d'intégration pour divers types de contenu Twitter, y compris un tweet, une vidéo, une chronologie ou un bouton (comme un bouton Suivre ou Partager).

Cette méthode vous permet de personnaliser l'apparence de l'élément intégré avant de l'ajouter à votre blog WordPress ou à votre site web. Elle n'est pas aussi puissante que la deuxième méthode, mais elle mérite d'être mentionnée car elle est gratuite.

Pour ce tutoriel, nous allons vous montrer comment utiliser Twitter Publish pour intégrer une chronologie. Tout d'abord, vous devez visiter le site web Twitter Publish, puis coller l'URL de votre profil Twitter dans la case « Que souhaitez-vous intégrer ? ».

Une fois cela fait, cliquez sur l'icône de la flèche.

Après cela, il vous sera demandé de choisir une option d'affichage : Chronologie intégrée ou Boutons X/Twitter.

Vous devriez choisir l'option « Chronologie intégrée », car vous souhaitez afficher votre chronologie Twitter avec les tweets récents.

Lors de la sélection de l'option d'affichage, le code d'intégration pour vos tweets récents sera instantanément créé. Vous pouvez cliquer sur « Copier le code » pour intégrer le code HTML personnalisé immédiatement.

Alternativement, cliquez sur « Définir les options de personnalisation » pour personnaliser l'apparence de la chronologie intégrée.

Ici, vous pouvez personnaliser la hauteur et la largeur de la chronologie, choisir un mode clair ou sombre, et activer une traduction linguistique pour les tweets si nécessaire.

Vous pouvez voir à quoi ressemblera l'élément intégré sous les paramètres. Une fois terminé, cliquez simplement sur « Mettre à jour ».

Le code d'intégration inclura désormais les paramètres de personnalisation que vous avez choisis pour la chronologie.

Cliquez simplement sur « Copier le code » pour continuer.

Maintenant, retournez sur votre tableau de bord WordPress et ouvrez l'éditeur de blocs pour une page, un article ou une zone de widget.

Après cela, cliquez simplement sur le bouton « + » pour ajouter un bloc n'importe où dans l'éditeur et sélectionnez le widget ou le bloc HTML personnalisé.

Maintenant, collez le code d'intégration de tout à l'heure dans le champ.

Une fois terminé, vous pouvez cliquer sur le bouton « Aperçu » pour voir à quoi ressemble le flux.

Après cela, n'hésitez pas à ajouter d'autres éléments à la page, à l'article ou à la zone de widget. Ensuite, mettez-le simplement à jour ou publiez-le.

Voici à quoi ressemble notre site web de démonstration :

Astuce bonus : Ajoutez plus de flux de réseaux sociaux à WordPress

Utilisez-vous d'autres plateformes de médias sociaux pour votre marque ou votre entreprise ? Si oui, vous voudrez peut-être afficher d'autres flux sociaux que Twitter sur votre site web.

En affichant différents flux sociaux sur votre site WordPress, vous pouvez informer les visiteurs sur les plateformes où ils peuvent vous suivre, augmentant ainsi votre nombre d'abonnés.

L'affichage de vos flux sociaux présente également un avantage clé par rapport à l'affichage des habituels boutons d'icônes sociales. Il peut montrer aux visiteurs le contenu qu'ils manqueraient en ne vous suivant pas sur vos réseaux sociaux, créant ainsi une « peur de manquer quelque chose ».

Avec Smash Balloon, vous pouvez afficher et personnaliser toutes sortes de flux de médias sociaux sur votre site web WordPress. De cette façon, tous les flux s'intègrent bien au thème que vous utilisez.

Consultez simplement les tutoriels ci-dessous sur la façon d'afficher différents flux sociaux dans WordPress :

• Comment créer un flux Facebook personnalisé dans WordPress
• Comment créer un flux photo Instagram personnalisé dans WordPress
• Comment afficher les dernières vidéos d'une chaîne YouTube dans WordPress
• Comment intégrer des vidéos TikTok dans WordPress (méthodes faciles)
• Comment afficher les avis Google, Facebook et Yelp dans WordPress

Nous espérons que cet article vous a aidé à apprendre comment afficher les tweets récents dans WordPress. Vous pourriez également consulter notre guide sur comment publier automatiquement de nouvelles photos Instagram sur WordPress ou notre sélection d'experts des meilleurs plugins de médias sociaux pour WordPress.

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.