Vous cherchez un moyen simple d'afficher le contenu de X (Twitter) sur votre site web ?
L'ajout d'un widget Twitter est l'un des moyens les plus efficaces d'offrir à vos visiteurs un contenu Twitter frais et attrayant. Avec autant de méthodes pour ajouter des widgets à WordPress, il est difficile de savoir par où commencer.
Dans cet article, nous allons vous montrer comment ajouter un widget Twitter dans WordPress en utilisant 2 méthodes différentes :
- Ajouter des widgets Twitter à WordPress avec un plugin
- Intégrer des widgets Twitter dans WordPress avec Twitter Publish
Avant d'entrer dans le vif du sujet, précisons ce que nous entendons par "widget Twitter".
Qu'est-ce qu'un widget WordPress X (Twitter) ?
Un "widget" est simplement un bloc de contenu que vous pouvez ajouter à la barre latérale, au pied de page et à d'autres zones de votre site.
Avez-vous déjà visité un blog et vu un formulaire d'inscription ou des boutons sociaux dans la barre latérale ? Il s'agit dans les deux cas de widgets. Chaque widget ajoute une caractéristique ou une fonction à votre site sans qu'il soit nécessaire d'écrire du code.
Un widget Twitter est donc un bloc de contenu Twitter que vous pouvez ajouter à votre barre latérale.
À l'aide d'un widget Twitter, vous pouvez afficher du contenu Twitter sur votre site web et susciter l'intérêt de vos visiteurs. Pour ajouter manuellement un widget Twitter, vous devez utiliser des codes d'intégration, ce qui peut être déroutant.
Pour faciliter les choses, vous pouvez utiliser des plugins WordPress, qui vous évitent de devoir manipuler du code.
Devriez-vous utiliser un plugin X (Twitter) pour WordPress ?
Si vous n'êtes pas à l'aise avec les codes d'intégration et que vous souhaitez un moyen simple de personnaliser votre widget, l'utilisation d'un plugin Twitter est une décision judicieuse.
Ainsi, vous pouvez facilement afficher des tonnes de contenu Twitter sur votre site web sans toucher à une seule ligne de code ou sans faire appel à un concepteur.
Grâce à un plugin, vous pouvez même modifier le design de votre widget Twitter. Par exemple, vous pouvez cliquer sur quelques paramètres pour adapter le widget au thème et à la marque de votre site.
Ils vous permettent également d'afficher des exemples spécifiques de widgets Twitter tels que des flux de hashtags, des recherches personnalisées et des chronologies d'utilisateurs.
Comme vous pouvez le constater, un plugin Twitter pour WordPress facilitera grandement la création de widgets Twitter à votre image.
Méthodes pour ajouter un widget X (Twitter) dans WordPress
Il est maintenant temps d'examiner les différentes méthodes pour ajouter un widget Twitter dans WordPress.
Il y a deux façons d'ajouter un widget Twitter à votre site WordPress :
- Ajoutez votre widget Twitter à l'aide d'un plugin WordPress
- Ajoutez votre widget Twitter manuellement
Nous allons examiner ces deux méthodes ci-dessous :
Comment ajouter des widgets Twitter à WordPress avec un plugin
Pour ajouter un widget Twitter aux articles et pages de WordPress, vous devez télécharger le plugin Twitter Feed Pro de Smash Balloon.
En tant que plugin de flux Twitter le mieux noté pour WordPress, il vous permet d'intégrer de manière transparente votre contenu Twitter dans votre site web.
Pour vous aider à créer de magnifiques flux Twitter, il dispose même d'un éditeur de flux en direct qui vous permet de tout personnaliser facilement. Vous pouvez définir votre en-tête, la mise en page du flux, la palette de couleurs, et bien plus encore.
De plus, le plugin est léger, vous pouvez donc intégrer autant de tweets que vous le souhaitez et votre site se chargera toujours aussi rapidement. Avec un site plus rapide, vous pouvez obtenir un meilleur référencement et être bien placé dans les résultats des moteurs de recherche.
Vous obtiendrez des fils d'actualité magnifiquement propres, personnalisables et réactifs qui augmenteront l'engagement sur votre site et ajouteront une preuve sociale précieuse.
Par conséquent, Twitter Feed Pro est noté 4,9/5 étoiles et compte plus de 150 000 utilisateurs actifs dans le monde entier.
Cliquez ici pour commencer à utiliser Twitter Feed Pro.
Voyons maintenant comment vous pouvez ajouter des widgets Twitter à votre site à l'aide de ce plugin.
Étape 1 : Installer le plugin Twitter Feed Pro
Tout d'abord, téléchargez votre copie de Twitter Feed Pro ici et installez-le sur votre site web.
Vous ne savez pas comment faire ? Vous pouvez simplement suivre ces instructions pour installer un plugin WordPress sur votre site web.
Étape 2 : Créer un nouveau widget Twitter
Il est temps de créer votre widget Twitter à l'aide du plugin.
Depuis votre tableau de bord WordPress, naviguez vers le menu Twitter Feed " All Feeds " et cliquez sur le bouton Add New.
Maintenant, Twitter Feed Pro vous demandera de sélectionner le type de widget Twitter que vous voulez sur votre site web.
Vous pouvez choisir parmi les options suivantes :
- Chronologie de l'utilisateur : Choisissez un profil Twitter spécifique et affichez ses tweets.
- Hashtag : Flux de contenus filtrés en fonction de hashtags publics spécifiques
- Recherche : Les résultats d'une recherche avancée sur Twitter sont affichés dans un widget Twitter.
- Listes : Sélectionnez une liste Twitter et intégrez les tweets disponibles.
Vous pouvez également sélectionner plusieurs options ici pour combiner différents types de flux Twitter dans un seul widget.
Pour continuer, sélectionnez votre type de flux Twitter et cliquez sur Suivant.
Pour ce tutoriel, nous allons présenter un widget Twitter de type hashtag.
Étape 3 : Connecter votre compte Twitter
Twitter Feed Pro permet de connecter très facilement votre compte Twitter à WordPress afin que votre widget soit automatiquement mis à jour.
Pour commencer, cliquez sur le bouton Connecter dans la fenêtre contextuelle.
Une fois que vous avez fait cela, le plugin ouvrira Twitter, où il vous demandera un accès en lecture seule à votre compte.
En utilisant cet accès, Twitter Feed Pro ne pourra que consulter vos informations et ne pourra pas les modifier.
Cela signifie que l'utilisation de ce plugin est totalement sûre.
Il suffit de cliquer sur le bouton Autoriser l'application ici, et vous pouvez confirmer l'accès en lecture seule.
Une fois que vous avez fait cela, Twitter Feed Pro vous renverra à nouveau sur votre site web.
Vous pouvez désormais sélectionner les éléments à afficher dans votre widget Twitter en ajoutant le hashtag, la chronologie de l'utilisateur, la liste Twitter et le terme de recherche.
Pour ce guide, nous allons ajouter notre hashtag au widget.
Une fois que vous avez ajouté votre source, il vous suffit de cliquer sur Suivant.
Étape 4 : Personnaliser votre nouveau widget Twitter
Pour faciliter la personnalisation, vous pouvez simplement sélectionner un modèle pour votre nouveau widget Twitter.
Vous avez le choix entre 7 modèles d'alimentation, chacun ayant un design unique :
- Défaut
- Maçonnerie
- Carrousel simple
- Cartes simples
- Carrousel de présentation
- Derniers Tweets
- Widget
Une fois que vous avez choisi une option qui convient à votre widget Twitter, cliquez sur Suivant pour continuer.
Vous pouvez désormais utiliser l'éditeur de flux en direct pour personnaliser le design de votre nouveau widget de flux Twitter.
Vers la gauche, vous pouvez trouver les options de personnalisation pour définir la disposition de votre flux, les couleurs, le design de l'en-tête, le style de la boîte de tweet, les options de la boîte lumineuse, et plus encore.
Pour vous aider à suivre vos changements, un aperçu en direct de votre flux Twitter est disponible sur la droite.
Commençons par la personnalisation et la mise en page de votre widget Twitter.
Pour ce faire, il suffit de sélectionner l'option Feed Layout dans le menu de gauche.
Avec Twitter Feed Pro, vous pouvez choisir parmi 3 options de mise en page de flux :
- Liste
- Maçonnerie
- et Carrousel
Tout d'abord, vous disposez de l'option Liste qui affiche vos tweets dans une seule colonne. Ainsi, vos tweets auront beaucoup plus de place.
Vous souhaitez afficher des tonnes de tweets en même temps sur votre widget Twitter ?
Vous pouvez opter pour la présentation en maçonnerie , qui affiche les tweets sur plusieurs colonnes.
Vous pouvez également choisir la mise en page Carousel et afficher vos tweets dans un magnifique carrousel de diapositives.
Ainsi, vos visiteurs peuvent interagir avec votre widget Twitter pour consulter d'autres contenus.
Une fois que vous avez sélectionné la mise en page du flux qui convient à votre widget Twitter, il vous suffit de cliquer sur le bouton Enregistrer.
A partir de là, vous pouvez revenir aux options principales en cliquant sur le petit bouton Personnaliser en haut de la page.
Vous voulez choisir les couleurs de votre nouveau widget Twitter ?
Cliquez ensuite sur l'option Schéma de couleurs à gauche.
Pour sélectionner les couleurs de votre widget, vous pouvez simplement choisir une palette de couleurs.
Avec Twitter Feed Pro, vous disposez de 4 options pour votre palette de couleurs :
- Hériter du thème : Copie automatiquement les couleurs de votre thème
- Léger : Choisissez un look lumineux pour votre widget Twitter
- Sombre : Utilisez plutôt des couleurs sombres et une police de caractères claire
- Personnalisé : Sélectionner manuellement toutes les couleurs
Sélectionnez la palette de couleurs que vous préférez, puis cliquez à nouveau sur le bouton Enregistrer pour confirmer vos modifications.
Grâce à l'éditeur de flux en direct, vous pouvez désormais personnaliser le style de votre boîte de tweet, l'en-tête Twitter, le bouton "charger plus", la taille du flux, et bien plus encore.
Lorsque vous êtes satisfait de l'aspect de votre widget Twitter, n'oubliez pas de cliquer à nouveau sur Enregistrer.
Étape 5 : Ajouter le widget Twitter à WordPress
Il est très facile d'intégrer le widget Twitter à l'aide de l'éditeur de flux en direct. De plus, vous pouvez intégrer votre widget de deux manières différentes :
- Ajouter le widget Twitter à une page WordPress
- Ajouter le widget Twitter à la barre latérale ou au pied de page
Nous examinerons ces deux méthodes ci-dessous.
Dans l'éditeur de flux en direct, cliquez sur le bouton Embed en haut pour commencer.
Une fenêtre contextuelle s'ouvrira et vous demandera où vous souhaitez intégrer votre widget Twitter.
Il suffit de cliquer sur l'option Ajouter à une page pour l'intégrer à une page WordPress.
Dans la fenêtre contextuelle, il suffit de sélectionner la page où vous souhaitez afficher le widget.
Ensuite, cliquez sur le bouton Ajouter ci-dessous.
Vous pouvez maintenant voir cette page ouverte dans l'éditeur de blocs de WordPress, où vous pouvez intégrer le widget Twitter.
Pour ce faire, cliquez d'abord sur l'icône plus (+) de l'éditeur pour ajouter un bloc de contenu.
Dans la barre de recherche, recherchez "twitter feed", puis cliquez sur le widget Twitter Feed ci-dessous.
Vous avez ainsi ajouté le widget Twitter à votre page.
Enfin, cliquez sur le bouton Publier ou Mettre à jour et votre widget Twitter sera désormais accessible à tous.
En fait, vous pouvez ouvrir votre site web pour en vérifier l'aspect.
Vous souhaitez ajouter votre widget à la barre latérale ou au pied de page ?
Vous pouvez le faire facilement à partir de l'éditeur de flux en direct.
Depuis votre tableau de bord d'administration, naviguez vers le menu Twitter Feed " All Feeds ", puis cliquez sur votre widget de flux Twitter.
Cela vous permettra d'afficher le widget Twitter dans l'éditeur de flux en direct.
Pour commencer à intégrer votre widget, cliquez sur le bouton Intégrer dans le coin supérieur droit.
Dans la fenêtre contextuelle, vous pouvez cette fois cliquer sur le bouton Ajouter à un widget .
Cela vous renverra à la page des widgets de votre site web WordPress.
Sur cette page, vous pouvez choisir l'endroit où vous souhaitez intégrer le widget de flux Twitter.
Pour l'intégrer dans votre barre latérale, il suffit de cliquer sur le panneau Barre latérale .
Vous souhaitez utiliser le pied de page à la place ? Cliquez alors sur un panneau de pied de page ici.
Pour ajouter un nouveau widget WordPress, cliquez sur l'icône plus (+) en bas du panneau.
Ensuite, sélectionnez le widget Twitter Feed parmi toutes les options.
Enfin, vous pouvez cliquer sur le bouton Mettre à jour , et votre widget Twitter sera en ligne sur la barre latérale de votre site web.
Si vous choisissez plutôt le pied de page, vous trouverez le widget Twitter au bas de votre site web.
Sur ce, examinons l'ancienne façon d'intégrer des widgets Twitter sur votre site web.
Comment ajouter manuellement vos widgets Twitter
Notre dernière méthode utilise l'outil X Publish pour ajouter votre widget dans WordPress. L'inconvénient de cette méthode est que vous avez moins de contrôle sur l'apparence du widget sur votre site.
Pour ajouter un flux Twitter à l'aide de cette méthode, rendez-vous sur le site Web X Publish et choisissez le type de contenu que vous souhaitez intégrer.
Nous utiliserons l'option Profil.
Ensuite, collez l'URL du profil que vous souhaitez afficher et cliquez sur l'icône Suivant.
Si vous faites défiler la page vers le bas, vous pouvez choisir la façon d'afficher ce widget Twitter.
Vous pouvez choisir un design de bouton si vous le souhaitez. Pour l'instant, nous opterons pour l'option Timeline intégrée.
L'étape suivante consiste à copier le code que vous pouvez insérer dans votre site WordPress.
Il suffit de cliquer sur le bouton Copier le code à droite pour continuer.
Vous pouvez ensuite créer un nouvel article ou une nouvelle page dans WordPress.
Pour intégrer le code, ajoutez un nouveau bloc de contenu en cliquant sur l'icône plus (+) de l'éditeur.
Cherchez "custom html" dans la barre de recherche en haut de la page et cliquez sur le bloc Custom HTML pour continuer.
Collez ensuite votre code d'intégration directement dans le bloc.
Lorsque vous prévisualisez votre nouvelle page, votre widget Twitter ressemblera à l'exemple ci-dessous :
Il est possible d'intégrer votre flux dans un widget dans votre barre latérale à l'aide de cette méthode.
Tout d'abord, naviguez vers Apparence " Widgets pour commencer à gérer les widgets de votre site web.
Ensuite, cliquez sur le panneau Sidebar pour y intégrer votre widget.
Vous souhaitez ajouter votre widget Twitter à votre pied de page ? Cliquez plutôt sur Pied de page .
Enfin, cliquez sur l'icône plus (+) pour ajouter un widget, puis cliquez sur le widget HTML personnalisé.
Collez ensuite votre code d'intégration à l'intérieur du widget comme précédemment.
Enfin, cliquez sur le bouton " Mise à jour" en haut de la page.
Lorsque vous naviguez sur la page d'accueil de votre site web, votre flux ressemble à l'exemple ci-dessous :
Et voilà.
Vous savez maintenant comment ajouter un widget Twitter dans WordPress. Ce qu'il faut retenir, c'est qu'avec la troisième méthode, vous aurez moins de contrôle sur la conception, la mise en page et le contenu de votre flux Twitter.
Avec le plugin Twitter Feed Pro, vous pouvez faire tout cela en quelques clics - sans avoir besoin de HTML, Javascript, CSS ou tout autre type de codage.
Prêt à intégrer des widgets Twitter ? Procurez-vous dès aujourd'hui votre exemplaire de Twitter Feed Pro.
Pour trouver d'autres moyens de promouvoir votre marque sur les plateformes de médias sociaux, suivez ce guide sur la manière d'améliorer votre marketing sur les médias sociaux.
Si vous avez apprécié cet article, n'hésitez pas à nous suivre sur Twitter et Facebook pour d'autres tutoriels sur le marketing des médias sociaux.
