Comment afficher les tweets récents dans WordPress (étape par étape)
Voulez-vous afficher vos Tweets récents dans WordPress ? L'intégration de Twitter à votre site Web WordPress contribue à augmenter l'engagement des utilisateurs.
Les visiteurs de votre blog peuvent facilement découvrir des tweets qui vous aident à attirer de nouveaux abonnés sur Twitter. D’un autre côté, vos abonnés Twitter découvrent davantage votre contenu, ce qui augmente le trafic vers votre site Web.
Dans cet article, nous allons vous montrer comment afficher les tweets récents dans WordPress.
Pourquoi afficher les tweets récents dans WordPress
Twitter est l'une des plateformes de médias sociaux les plus populaires. En affichant les tweets récents sur votre site WordPress, vous pouvez stimuler l'engagement social.
Cela aide à garder les visiteurs sur votre site et à afficher des tweets en fonction de leurs intérêts. Les gens peuvent aimer, commenter et retweeter les tweets récents sans avoir à quitter le site Web.
Un autre avantage de l’affichage des tweets récents est qu’ils peuvent augmenter les conversions. Vous pouvez les utiliser comme preuve sociale pour afficher des avis positifs ou des personnes recommandant vos produits dans un fil Twitter, contribuant ainsi à renforcer la confiance des clients lors d'un achat.
En outre, un flux Twitter contribue également à améliorer votre optimisation pour les moteurs de recherche (SEO). Il maintient vos articles de blog à jour en ajoutant régulièrement du contenu nouveau et mis à jour sur votre site.
Cela étant dit, voyons comment ajouter des tweets récents dans WordPress à l’aide d’un flux Twitter. Puisqu'il s'agit d'un guide complet, nous avons ajouté une table des matières pour vous permettre de sauter facilement des sections :
Afficher les tweets récents + les mises en page de flux Twitter personnalisées (recommandé)
Ajouter manuellement des tweets récents dans la barre latérale de WordPress
Intégrer des tweets récents avec la publication Twitter
Afficher manuellement les tweets sélectifs dans WordPress
Didacticiel vidéo
Si vous préférez des instructions écrites, continuez simplement à lire.
Méthode 1 : ajouter des tweets récents à l'aide d'un plugin de flux Twitter
Il s’agit de la méthode la plus simple pour ajouter des tweets récents dans un article de blog ou n’importe où sur votre site WordPress. Un plugin Twitter pour WordPress offre de nombreuses options de personnalisation et de flexibilité.
Vous devrez d’abord installer et activer Smash Balloon Custom Twitter Feeds Pro. Vous pouvez suivre notre guide étape par étape sur la façon d’installer un plugin WordPress pour commencer.
Smash Balloon Custom Twitter Feed Pro permet de créer de superbes flux Twitter de différents types. Vous pouvez afficher des tweets basés sur des hashtags, des termes de recherche, des mentions, des chronologies, etc.
Le plugin permet également d'ajouter très facilement plusieurs flux, d'afficher des options de commentaires, d'aimer et de retweet, et de modifier le style et la mise en page de vos flux Twitter.
Il s'agit d'un plugin premium avec des prix à partir de 49 $par an. Vous pouvez également obtenir leur offre premium pour créer un mur social de tous les flux sociaux. Il existe également une version gratuite de flux Twitter personnalisés avec des fonctionnalités limitées.
Pour les besoins de ce tutoriel, nous utiliserons la version premium du plugin.
Une fois le plugin actif, vous devrez saisir la clé de licence dans le plugin. La clé de licence se trouve dans la zone du compte Smash Balloon sous l'onglet Téléchargements. Une fois que vous l’aurez trouvé, vous devrez copier la clé.
Ensuite, accédez à votre site Web WordPress, accédez à Flux Twitter » Licence et collez la clé. Après cela, vous devez cliquer sur le bouton « Activer la licence ».
Vous devriez voir le statut passer de Inactif à Actif. Il existe également une option pour tester la connexion avec Smash Balloon en cliquant sur le bouton « Tester la connexion ». Cliquez maintenant sur le bouton « Enregistrer les modifications » pour continuer.
Ensuite, vous devrez obtenir un jeton d'accès et une clé secrète de Twitter pour configurer le plugin.
Pour ce faire, accédez aux flux Twitter et sélectionnez l'onglet Configurer. Cliquez ensuite sur le bouton « Connectez-vous à Twitter et obtenez mon jeton d'accès et mon secret ».
Après cela, vous devrez vous connecter à votre compte Twitter et cliquer sur le bouton « Autoriser l'application » pour autoriser Smash Balloon à accéder à vos tweets.
Cela renverra automatiquement le jeton d’accès et le secret du jeton d’accès. Cliquez sur le bouton « Enregistrer les modifications » pour enregistrer vos paramètres.
L'étape suivante consiste à décider quel type de tweets vous souhaitez afficher dans le fil Twitter. Smash Balloon Custom Twitter Feeds Pro propose plusieurs types de flux parmi lesquels choisir.
Vous pouvez sélectionner l'option Chronologie de l'utilisateur et saisir un nom d'écran d'utilisateur Twitter pour afficher les tweets. Il existe également une option pour inclure des réponses et des retweets dans votre flux.
En dehors de cela, d'autres types de flux incluent l'affichage de tweets basés sur différents hashtags, des termes de recherche tels que des mentions ou des expressions, la chronologie de la maison, la chronologie des mentions et des listes.
Après cela, vous pouvez définir le nombre de tweets à afficher, configurer l'heure de recherche de nouveaux tweets et choisir de conserver ou non les paramètres lorsque le plugin est supprimé.
Ensuite, vous devrez accéder à l’onglet Personnaliser. Ici, vous pouvez modifier la largeur et la hauteur du flux Twitter, ajouter une classe CSS personnalisée et désactiver la lightbox.
Le plugin propose également 3 mises en page différentes pour un flux Twitter. Vous pouvez choisir parmi une présentation de liste, un carrousel ou une maçonnerie. Chaque mise en page propose plus d'options de personnalisation, comme le nombre de colonnes à afficher sur un ordinateur de bureau et un mobile.
Faites maintenant défiler vers le bas et sélectionnez les éléments que vous souhaitez afficher ou masquer dans vos tweets. Par exemple, il existe une option pour inclure le texte retweeté, l'image de l'avatar, la date, le logo Twitter, le nom de l'auteur, etc.
D'autres options de personnalisation incluent l'affichage d'un en-tête, le bouton « Charger plus », les options de disposition des médias et le défilement automatique pour charger plus de paramètres. Vous pouvez même modérer les tweets en saisissant des mots ou des hashtags.
Smash Ballon Custom Twitter Feeds Pro offre également la possibilité de saisir du CSS personnalisé, du Javascript personnalisé et la possibilité d'activer les paramètres RGPD.
Il existe également des paramètres avancés, comme vider le cache de la carte Twitter, activer un thème alimenté par Ajax, afficher les images HTTPS uniquement dans les cartes Twitter, un multiplicateur de Tweet et bien plus encore.
Une fois que vous êtes satisfait des paramètres, cliquez sur le bouton « Enregistrer les modifications ».
Ensuite, accédez à l'onglet Style et modifiez l'apparence de votre flux Twitter pour qu'il corresponde à votre site Web. Il existe de nombreuses options de style, telles que l'ajout d'une couleur d'arrière-plan pour le flux et le tweet, la modification de la couleur d'arrière-plan de l'en-tête et la saisie de texte personnalisé.
Vous pouvez également modifier le fuseau horaire de la date, sélectionner des formats de date, saisir un format de date personnalisé, etc. En plus de cela, le plugin offre des fonctionnalités de style pour modifier le texte de l'auteur, la taille du logo Twitter, la taille du texte du tweet, différentes options de lien, modifier le bouton « Charger plus » et bien plus encore.
N'oubliez pas de cliquer sur le bouton « Enregistrer les modifications » après avoir modifié le style de votre flux Twitter.
Après cela, vous pouvez désormais afficher le flux Twitter pour afficher les tweets récents sur votre site Web WordPress. Pour ce faire, Smash Balloon Custom Twitter Feeds Pro propose un shortcode simple que vous pouvez coller dans vos articles de blog, dans la barre latérale ou n'importe où pour afficher les tweets récents.
Il propose même différents codes courts pour afficher plusieurs flux et personnaliser le flux Twitter dans l'éditeur de blocs WordPress sans avoir à revenir aux options de style du plugin.
Vous pouvez trouver les codes courts sous l'onglet Afficher votre flux.
Supposons que vous souhaitiez afficher le flux Twitter dans un article de blog. Allez simplement dans l’éditeur WordPress, cliquez sur l’icône plus pour ajouter un bloc Shortcode et entrez le shortcode.
Alternativement, vous pouvez également utiliser un bloc de flux Twitter pour afficher les tweets récents.
Ensuite, prévisualisez le flux Twitter, effectuez les derniers ajustements si nécessaire, puis publiez la publication.
Si vous souhaitez ajouter un flux Twitter dans le menu de la barre latérale, accédez à Apparence » Widgets. Après cela, faites glisser et déposez le widget Flux Twitter personnalisés dans votre barre latérale.
Les flux Twitter personnalisés de Smash Balloon auront automatiquement le shortcode saisi dans la zone de description. Si vous souhaitez personnaliser davantage le flux, ajoutez des codes courts personnalisés comme décrit dans le plugin et cliquez sur le bouton « Mettre à jour ».
Vous pouvez désormais consulter les tweets récents dans la barre latérale de votre blog WordPress.
Méthode 2 : ajouter manuellement des tweets récents à la barre latérale WordPress
La deuxième méthode pour afficher vos tweets récents dans WordPress consiste à intégrer manuellement votre profil ou votre chronologie Twitter.
Tout comme l’ajout d’une vidéo YouTube, WordPress facilite également l’intégration de contenu Twitter comme un seul tweet, une collection, une liste, des likes et un moment dans votre site Web.
WordPress utilise la fonctionnalité oEmbed, qui transforme automatiquement toute URL de contenu en code d'intégration lorsqu'elle est collée dans la zone de contenu.
Tout d’abord, vous devez rechercher et copier l’URL du profil Twitter que vous souhaitez intégrer. L'URL du profil Twitter est simplement la combinaison de l'URL du site Web Twitter et de votre nom d'utilisateur Twitter.
Par exemple, l'URL du profil Twitter de WPBeginner est https://twitter.com/wpbeginner.
Ensuite, connectez-vous à votre tableau de bord WordPress et accédez à la page Apparence » Widgets. Faites simplement glisser et déposez le widget Paragraphe dans votre barre latérale, puis collez l'URL du profil Twitter que vous avez copié précédemment.
Une fois que vous avez fait cela, il se transformera immédiatement en un widget de chronologie Twitter affichant les Tweets récents de ce compte particulier.
Après cela, vous pouvez mettre à jour vos widgets et prévisualiser le widget Tweets en direct sur votre site. Voici comment cela apparaît sur notre site Web de démonstration.
Comme vous pouvez le voir dans la capture d'écran ci-dessus, cette méthode ajoute vos tweets récents dans une boîte avec un curseur vertical. La boîte comprend les 20 tweets les plus récents et le bouton « Charger plus de tweets » à la fin.
Méthode 3 : intégration du flux Twitter dans WordPress avec Twitter Publish
La troisième méthode pour ajouter des tweets récents consiste à utiliser la fonctionnalité de publication Twitter.
Twitter Publish vous permet de créer facilement le code d'intégration pour différents types de contenu Twitter, notamment un tweet, une collection, un profil, une liste, un moment, un hashtag, etc.
Pour utiliser cette méthode, vous devez visiter le site Web de publication Twitter, puis coller l'URL de votre profil Twitter dans la case « Que souhaitez-vous intégrer ?
Une fois terminé, cliquez sur l'icône en forme de flèche.
Après cela, il vous sera demandé de choisir une option d'affichage : Chronologie intégrée ou Boutons Twitter. Vous devez 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, il créera instantanément le code d’intégration pour vos tweets récents. Cliquez maintenant sur le bouton Copier le code.
Ensuite, vous devez accéder à Apparence » Widgets depuis votre tableau de bord et ajouter le widget HTML personnalisé à votre barre latérale. Après cela, vous devez coller le code d'intégration que vous avez copié précédemment dans le champ HTML.
Une fois cela fait, mettez à jour vos widgets et voyez vos tweets récents en direct sur votre site Web.
Voici à quoi ressemble notre fil Twitter sur notre site de test.
Parfois, vous devrez peut-être intégrer votre chronologie Twitter dans vos articles de blog ou votre page À propos. WordPress est livré avec un bloc d'intégration Twitter pour le nouvel éditeur de blocs WordPress.
Créez simplement une nouvelle publication ou modifiez une publication existante. Sur l'écran de post-édition, ajoutez le bloc d'intégration Twitter dans votre zone de contenu.
Vous devez maintenant coller l'URL de votre profil Twitter et cliquer sur le bouton « Intégrer ».
Après cela, WordPress récupérera et affichera automatiquement vos tweets récents dans la zone de contenu de la publication.
Notez que cette méthode ajoute un flux Twitter avec une barre de défilement dans votre publication.
Alternativement, vous pouvez également utiliser la méthode Twitter Publish, qui vous permettra d'afficher les tweets récents sans la barre de défilement.
Accédez au site Web de publication Twitter et collez l'URL de votre profil Twitter dans la case « Que souhaitez-vous intégrer ? » et cliquez sur la flèche à côté.
Après cela, choisissez l'option « Chronologie intégrée », puis copiez le code d'intégration.
Ensuite, vous devez ajouter le « bloc HTML personnalisé dans votre éditeur de publication pour coller le code d'intégration.
Vous pouvez maintenant coller le code d'intégration que vous avez copié précédemment. Une fois terminé, vous pouvez enregistrer votre publication et la prévisualiser en direct.
Méthode 4 : afficher manuellement les tweets sélectifs dans WordPress
L'intégration de votre profil Twitter affichera toutes vos publications récentes sur votre site Web. Et si vous souhaitiez afficher uniquement les tweets sélectionnés ?
Ne vous inquiétez pas, il existe aussi des solutions simples pour cela. Il existe principalement 5 façons d’intégrer des tweets sélectionnés dans votre site Web.
Collection : affichez une collection organisée de tweets en fonction de sujets, d'intérêts, de conversations, etc.
Liste : affichez les tweets d'un groupe sélectionné d'utilisateurs de Twitter.
J'aime : affiche tous les tweets qu'un utilisateur Twitter spécifique a marqués comme j'aime.
Moment : affiche les tweets d'un moment public rédigés par un utilisateur de Twitter.
Hashtag : affiche les tweets de toute personne contenant un hashtag spécifique.
Parmi ces options, vous pouvez créer les quatre dernières sélections directement depuis le site Twitter. Vous pouvez également copier leurs URL respectives et les coller dans votre barre latérale WordPress à l’aide du widget Paragraphe.
Par exemple, vous pouvez trouver vos listes Twitter sur votre page de profil Twitter. Sélectionnez la liste que vous souhaitez intégrer et cliquez dessus.
En cliquant sur le lien, la liste s'ouvrira et vous pourrez copier l'URL de la liste depuis votre navigateur. Par exemple, l'URL de notre liste Twitter « WordPress Experts » est https://twitter.com/wpbeginner/lists/wordpress-experts.
Vous pouvez maintenant coller cette URL dans votre barre latérale WordPress.
De même, vous pouvez trouver les URL des likes, des moments et des hashtags à partir de votre page de profil Twitter et les intégrer facilement dans votre site WordPress.
Cependant, vous devez utiliser la fonctionnalité avancée TweetDeck de Twitter pour créer une collection. Une collection Twitter est une liste de tweets organisés sous un sujet par un utilisateur.
Visitez le site Web TweetDeck et connectez-vous avec votre compte Twitter. Lorsque le tableau de bord TweetDeck s'ouvre, cliquez sur le bouton « Ajouter une colonne » dans le panneau de gauche.
Ensuite, vous devez choisir l’option « Collection ».
Après cela, vous pouvez nommer votre nouvelle collection Twitter.
Une fois cela fait, vous verrez une nouvelle colonne ajoutée à votre tableau de bord TweetDeck. Désormais, vous pouvez faire glisser des tweets depuis votre accueil Twitter ou n'importe quel compte utilisateur et créer votre collection.
Une fois que vous avez ajouté des tweets à votre collection, vous pouvez les intégrer à votre site Web. Vous devez cliquer sur l'icône Options, puis cliquer sur l'option Partager. Après cela, sélectionnez l’option Intégrer la collection.
En cliquant sur Intégrer la collection, la page de publication Twitter s'ouvrira avec le code d'intégration de votre collection Twitter.
Vous devez copier le code d'intégration, puis le coller dans la barre latérale de votre site Web à l'aide du widget HTML personnalisé.
Une fois cela fait, vous devez mettre à jour vos widgets pour voir votre collection Twitter en direct sur votre site.
Nous espérons que cet article vous a aidé à apprendre comment afficher les tweets récents dans WordPress. Vous voudrez peut-être également consulter notre liste des meilleurs plugins WordPress pour sites Web d’entreprise et notre comparaison des meilleurs services de marketing par e-mail pour augmenter votre trafic.
Si vous avez aimé cet article, abonnez-vous à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.