Vous cherchez un moyen simple d'ajouter un flux X (Twitter) à WordPress sans plugin ?
Intégrer du contenu Twitter sur votre site est un excellent moyen d'apporter une preuve sociale précieuse et de maintenir l'intérêt de votre public.
En tant que spécialiste du marketing numérique travaillant sur l'intégration de flux sociaux depuis plusieurs années, je sais que l'ajout manuel d'un flux Twitter est un défi, surtout si vous n'êtes pas un expert en technologie.
De plus, la plupart des tutoriels WordPress sur la façon d'intégrer les flux Twitter peuvent être trop techniques pour les nouveaux utilisateurs.
Dans cet article, je vais vous montrer comment ajouter un flux Twitter à WordPress sans plugin. De plus, je vous montrerai une méthode bonus qui prend encore moins de temps, d'efforts et de codage.
Dans cet article :
- Faut-il ajouter un fil Twitter avec ou sans plugin ?
- La façon la plus simple d'ajouter des flux Twitter à des sites Web WordPress
- La meilleure façon d'intégrer Twitter : Utiliser un plugin WordPress pour Twitter
- Ajouter un flux Twitter à WordPress sans plugin
Faut-il ajouter un fil Twitter avec ou sans plugin ?
Vous avez peut-être entendu dire que moins il y a de plugins WordPress, mieux c'est pour votre site.
Alors que les plugins mal codés peuvent ralentir votre site, les plugins professionnels permettent de gagner du temps tout en assurant la rapidité de votre site web.
La vérité est que le nombre de plugins sur votre site WordPress n'a pratiquement aucun impact direct sur sa vitesse et ses performances. C'est la qualité du plugin qui importe le plus.
Les meilleurs plugins WordPress sont testés et optimisés pour la vitesse. Cela signifie que l'ajout d'un flux Twitter à votre site à l'aide du plugin Twitter Feed Pro de Smash Balloon n'aura pas d'impact négatif sur votre site.
Voici les inconvénients de l'ajout d'un flux Twitter à WordPress sans plugin :
- Moins facile : il est beaucoup plus difficile d'ajouter un flux Twitter à WordPress sans plugin. Avec Twitter Feed Pro, vous pouvez configurer votre flux social en quelques clics.
- Vous risquez de perdre votre code d'intégration : L'intégration manuelle des flux Twitter signifie que vous devez copier l'URL et ajouter le code à votre site. Mais si vous changez de thème WordPress, vous risquez d'oublier d'ajouter à nouveau le code, ou votre nouveau thème peut ne pas le prendre en charge. Avec Twitter Feed Pro, vous n'aurez pas ce problème.
- Vous ne pouvez pas beaucoup personnaliser les éléments Twitter manuels et vous devrez peut-être faire appel à un développeur pour obtenir davantage d'options de personnalisation. Un plugin WordPress Twitter vous offre de nombreux moyens de personnaliser votre site web sans avoir besoin de savoir coder.
La façon la plus simple d'ajouter des flux Twitter à des sites Web WordPress
Vous cherchez un moyen plus simple d'ajouter un flux Twitter à WordPress ?
Vous pouvez utiliser Smash Balloon Twitter Feed Pro, le meilleur plugin de flux Twitter de WordPress, pour afficher votre flux sur votre site web.
Avec le plugin Twitter Feed Pro, vous pouvez facilement intégrer du contenu Twitter dans votre site et personnaliser complètement votre flux à l'aide des fonctionnalités suivantes :
- Flux Twitter illimités: Affichez autant de flux que vous le souhaitez sur la même page ou sur l'ensemble de votre site web sans aucune limitation grâce à ce plugin de flux Twitter personnalisé.
- Convivialité : le plugin étant très facile à utiliser, vous pouvez créer des flux Twitter en quelques minutes, même si vous êtes un débutant en matière de WordPress.
- De nombreux types de flux : affichez les derniers tweets et retweets provenant des fils d'actualité des utilisateurs, des flux de hashtags, des listes et même des termes de recherche avancés dans de superbes flux Twitter.
- Plusieurs présentations de flux : Affichez votre flux dans une disposition en maçonnerie à plusieurs colonnes, un carrousel défilant ou une liste à une seule colonne.
- Prêt pour le référencement : En affichant des flux Twitter personnalisés avec des mots-clés pertinents, vous pouvez être bien placé dans les résultats des moteurs de recherche et atteindre plus de personnes.
- Personnalisation sans code: Utilisez le personnalisateur visuel de ce plugin Twitter pour contrôler les couleurs, les polices, les boutons, les styles de tweet, le remplissage, et plus encore, sans écrire une seule ligne de code.
Il y a bien d'autres choses encore - voir la liste complète des fonctionnalités du fil Twitter ici.
En fait, certaines des plus grandes entreprises du monde utilisent également les plugins de flux de médias sociaux Smash Balloon pour mettre en valeur le contenu des médias sociaux sur leur site Web :
Prêt à intégrer un flux Twitter sur votre WordPress sans avoir besoin de coder ? Commencez avec Twitter Feed Pro.
Sur ce, voyons la manière la plus simple d'ajouter des flux Twitter à votre site web WordPress.
La meilleure façon d'intégrer Twitter : Utiliser un plugin WordPress pour Twitter
Si vous souhaitez choisir la solution la plus simple et utiliser un plugin pour ajouter un flux X (Twitter) à WordPress, nous avons ce qu'il vous faut.
Suivez simplement le tutoriel WordPress pas à pas ci-dessous pour afficher facilement un flux Twitter sur votre site web WordPress.
Étape 1 : Télécharger et activer Smash Balloon Twitter Feed Pro
Pour commencer, cliquez ici pour démarrer avec Twitter Feed Pro de Smash Balloon et téléchargez le plugin sur votre ordinateur.
Ensuite, vous devrez télécharger le plugin sur votre site web WordPress. Si vous avez besoin d'aide, consultez ce guide sur l'installation d'un plugin WordPress.
Étape 2 : Créer un flux Twitter
Avec ce plugin, vous pouvez simplement suivre le flux guidé pour créer un nouveau flux Twitter pour votre site web.
Pour commencer, allez tout d'abord dans le menu Twitter Feed " All Feeds " de votre tableau de bord WordPress.
Sur la nouvelle page, cliquez sur le bouton Ajouter nouveau.
Ensuite, vous pouvez choisir le type de flux Twitter que vous souhaitez afficher sur votre site web :
- Chronologie de l'utilisateur: Tweets récents émis par des comptes Twitter spécifiques
- Hashtag : Un flux de hashtags publics provenant de Twitter
- Recherche : Un flux basé sur une recherche avancée sur Twitter
- Listes : Afficher le contenu d'une liste Twitter publique
Cliquez sur le type de flux que vous souhaitez créer, puis cliquez sur le bouton Suivant.
Pour notre tutoriel, nous allons créer un flux chronologique d'utilisateur.
C'est ainsi que vous avez maintenant un fil Twitter sur votre site web.
Étape 3 : Relier votre compte Twitter
Pour l'étape suivante, vous pouvez connecter votre compte Twitter à ce plugin.
Ainsi, Twitter Feed Pro peut afficher le contenu de Twitter sur votre site web.
Pour commencer, cliquez sur le bouton Connecter .
Le plugin ouvre alors Twitter et demande un accès en lecture seule à votre compte Twitter.
Avec cet accès, Twitter Feed Pro n'affichera que des informations sur Twitter et ne pourra pas du tout modifier votre compte.
Pour autoriser l'accès en lecture seule, cliquez sur le bouton Autoriser l'application dans la fenêtre contextuelle.
Cela vous ramènera sur votre site web où vous pourrez choisir le contenu de Twitter à afficher sur votre site web.
Dans la fenêtre contextuelle, entrez les poignées Twitter, les hashtags ou les termes de recherche que vous souhaitez intégrer.
Pour notre exemple, nous allons saisir ici l'identifiant Twitter "@starbucks".
Une fois que vous avez fait cela, cliquez sur Suivant pour continuer.
Étape 4 : Choisissez vos personnalisations
Si vous deviez publier votre flux Twitter maintenant, il serait fantastique dès sa sortie de la boîte. En effet, Twitter Feed Pro s'adapte au design de votre site web actuel.
De plus, il propose des modèles de flux Twitter préconçus que vous pouvez importer en un seul clic.
Pour vous aider à créer facilement de beaux flux Twitter, vous avez le choix entre 7 modèles :
- Défaut
- Maçonnerie
- Carrousel simple
- Cartes simples
- Carrousel de présentation
- Derniers Tweets
- Widget
Sélectionnez le modèle de flux que vous préférez et cliquez sur le bouton Suivant.
Ensuite, vous pouvez utiliser l'éditeur de flux en direct pour configurer davantage votre flux Twitter.
Immédiatement, vous pouvez voir des options pour changer le schéma de couleurs de votre flux, la mise en page, le style de l'en-tête, les boutons "charger plus", et plus encore - sans avoir besoin de HTML, CSS, ou n'importe quel type de code.
Vers la droite, vous pouvez voir un aperçu en direct de votre nouveau flux Twitter.
Prêt à personnaliser votre flux ?
Tout d'abord, cliquez sur l'option Feed Layout dans le panneau de gauche.
À partir de là, vous pouvez choisir la mise en page de votre flux et décider de la manière dont vous souhaitez afficher les tweets sur votre site web.
Avec Twitter Feed Pro, vous avez le choix entre 3 options : Liste, Masonry et Carousel.
Avec la présentation en liste , vous pouvez intégrer une liste de tweets dans une seule colonne. Ainsi, vos tweets occupent plus d'espace sur votre site web.
La deuxième option est la disposition en maçonnerie , qui permet d'intégrer votre contenu Twitter dans plusieurs colonnes. De plus, vous pouvez afficher des tonnes de tweets à la fois.
Vous pouvez également choisir la disposition en carrousel et afficher un carrousel coulissant pour votre contenu Twitter. Vous pouvez ainsi rendre votre site plus attrayant.
Il vous suffit de sélectionner la mise en page que vous souhaitez utiliser et de cliquer sur Enregistrer.
Vous pouvez également modifier le nombre de messages, de lignes, de colonnes, etc. à partir d'ici. N'hésitez pas à les modifier à votre guise avant d'enregistrer vos changements.
Cliquez ensuite sur le bouton Personnaliser en haut de la page pour revenir aux principales options de personnalisation.
Ensuite, vous pouvez utiliser le personnalisateur de flux en direct pour définir les couleurs de votre flux Twitter.
Pour commencer, vous pouvez cliquer sur l'option " Schéma de couleurs " à gauche.
Désormais, vous disposez de 4 schémas de couleurs que vous pouvez utiliser pour modifier rapidement les couleurs de votre flux Twitter :
- Hériter du thème : Copier les couleurs du thème de votre site web
- Léger : Utilisez des couleurs claires pour l'arrière-plan et des couleurs foncées pour la police.
- Sombre : Affiche un arrière-plan sombre et une police de caractères claire pour votre flux.
- Personnalisé : Choisissez manuellement toutes les couleurs
Consultez les options ici et sélectionnez le schéma de couleurs que vous préférez. Personnellement, j'aime la palette de couleurs Hériter du thème pour que mon fil Twitter s'harmonise instantanément avec mon site. Comme précédemment, cliquez sur le bouton Enregistrer pour confirmer vos modifications.
Ensuite, vous pouvez personnaliser votre en-tête, votre boîte lumineuse, vos boutons, vos boîtes à tweets, la taille de votre flux et bien plus encore à l'aide de l'éditeur de flux en direct. Une fois que vous êtes satisfait de votre flux Twitter, cliquez à nouveau sur Enregistrer pour confirmer ce design.
Étape 5 : Publier votre flux Twitter
Il y a 2 façons d'ajouter votre flux Twitter à WordPress avec ce plugin, y compris :
- Bloc WordPress Twitter Feed : Il vous permet d'ajouter votre flux à une page à l'aide de l'éditeur de blocs WordPress.
- Twitter Feed Widget: Le widget intégré vous permet d'ajouter votre flux à la barre latérale ou au pied de page de votre site WordPress.
Pour intégrer votre flux Twitter à l'aide de ces deux méthodes, vous pouvez utiliser l'éditeur de flux en direct.
Cliquez sur le bouton " Embed" en haut de la page pour commencer.
Maintenant, Twitter Feed Pro va vous montrer une fenêtre popup où vous pouvez choisir comment vous voulez intégrer le flux Twitter. Vous pouvez même copier votre shortcode à partir d'ici.
Pour l'intégrer à une page WordPress, cliquez sur le bouton Ajouter à une page ici.
Ensuite, vous verrez une liste des pages WordPress de votre site.
Sélectionnez la page où vous souhaitez intégrer le flux et cliquez sur le bouton Ajouter ci-dessous.
Cela ouvrira la page WordPress dans l'éditeur de blocs.
Cliquez sur l' icône plus (+) pour ajouter un nouveau bloc WordPress.
Recherchez maintenant le bloc "twitter feed" à l'aide de la barre de recherche située en haut de la page.
Dans les résultats de la recherche, cliquez sur le bloc WordPress Twitter Feed pour l'ajouter à votre page.
Enfin, cliquez sur le bouton Publier ou Mettre à jour , et votre fil Twitter sera en ligne.
Maintenant, lorsque vous ouvrez votre page WordPress, vous verrez votre flux Twitter publié comme ceci :
Pour ajouter un flux Twitter à votre barre latérale WordPress, ouvrez votre flux Twitter dans l'éditeur de flux en direct.
Vous pouvez le faire en naviguant vers le menu Twitter Feed " All Feeds à partir de votre tableau de bord WordPress pour afficher tous les flux Twitter disponibles.
Ensuite, cliquez sur le flux que vous avez créé précédemment.
De cette façon, vous pouvez à nouveau ouvrir n'importe lequel de vos flux Twitter dans l'éditeur de flux en direct.
Cliquez ensuite sur le bouton " Embed" en haut de la page pour commencer.
Comme précédemment, vous verrez une fenêtre contextuelle dans laquelle vous pourrez choisir l'emplacement de votre flux Twitter.
Pour intégrer votre flux Twitter en tant que widget, vous pouvez cliquer sur l'option Ajouter à un widget ici.
Cela ouvrira votre page Widget, où vous pourrez ajouter, supprimer ou modifier des widgets WordPress pour votre site.
Vous souhaitez afficher un widget de flux Twitter dans votre barre latérale ? Cliquez simplement sur le panneau Sidebar .
Vous pouvez également cliquer sur un panneau de bas de page et y intégrer votre flux Twitter.
Pour ajouter un nouveau widget, cliquez sur l'icône plus (+) en bas.
De là, trouvez le widget Twitter Feed et cliquez dessus.
N'oubliez pas de cliquer sur Mettre à jour pour conserver vos paramètres.
Enfin, vous pouvez ouvrir votre site web pour voir à quoi ressemble votre nouveau widget de flux Twitter.
Ajouter un flux Twitter à WordPress sans plugin
Comme vous pouvez le constater, l'utilisation d'un plugin WordPress pour configurer votre flux Twitter est une idée judicieuse. Mais si vous préférez ajouter un flux sans utiliser de plugin WordPress Twitter, suivez les étapes simples ci-dessous.
Étape 1 : Visitez le site Web de publication de Twitter
La première étape consiste à se rendre sur le site officiel de Twitter Publish.
À partir de là, vous pouvez générer des codes d'intégration Twitter que vous pouvez ajouter à votre site web.
Étape 2 : Sélectionnez vos options d'intégration
Ensuite, faites défiler la page pour voir les différentes options d'intégration, notamment :
- Tweet intégré : Un seul tweet ou fil Twitter
- Timeline intégrée : Une chronologie complète de l 'utilisateur à partir d'un profil Twitter
- Boutons Twitter : Boutons de suivi Twitter
Cliquez maintenant sur l'option d'intégration de votre choix pour continuer. Pour cet exemple, nous utiliserons l'option Timeline intégrée.
Étape 3 : Entrez votre URL Twitter
Après avoir cliqué sur l'option d'intégration de votre choix, une fenêtre contextuelle apparaît, vous demandant de coller une URL.
Dans cette boîte, entrez l'URL du flux Twitter que vous souhaitez afficher sur votre site web et cliquez sur le bouton Aperçu.
Étape 4 : Copier le code d'intégration de Twitter
Sur l'écran suivant, vous verrez un aperçu de votre flux Twitter. Au-dessus de l'aperçu, vous trouverez une boîte contenant le code d'intégration de Twitter que vous devrez ajouter à votre site web.
Cliquez sur le bouton bleu Copier le code pour enregistrer le code d'intégration dans votre presse-papiers.
Étape 5 : Ajouter le code d'intégration Twitter à WordPress
La dernière étape consiste à coller le code d'intégration de Twitter sur votre site web WordPress. Vous pouvez le faire en ajoutant le code à un nouvel article, une nouvelle page ou un nouveau widget.
Pour ajouter votre flux Twitter à une nouvelle page, naviguez vers Pages " Ajouter un nouveau depuis votre tableau de bord WordPress.
Pour utiliser un article WordPress à la place, allez dans le menu Pages " Ajouter un nouvel article dans votre tableau de bord.
Cela ouvrira une nouvelle page ou un nouvel article dans l'éditeur de blocs de WordPress.
À partir de là, vous pouvez commencer à intégrer votre flux Twitter. Tout d'abord, cliquez sur l'icône plus (+) pour ajouter un nouveau bloc WordPress.
Ensuite, utilisez la boîte de recherche pour rechercher "custom html" avant de cliquer sur le bloc Custom HTML dans les résultats de la recherche.
Dans votre nouveau bloc, collez simplement le code d'intégration de Twitter que vous avez copié précédemment.
Enfin, cliquez sur le bouton Publier pour enregistrer cette page. Vous pouvez maintenant ouvrir cette page et voir à quoi ressemblera votre flux Twitter.
Vous pouvez également intégrer votre flux Twitter manuellement dans votre barre latérale ou votre pied de page WordPress en utilisant un widget Twitter.
Pour ce faire, rendez-vous dans le menu Apparence " Widgets de votre tableau de bord.
A partir de cette page, vous pouvez commencer à gérer vos widgets WordPress facilement.
Maintenant, cliquez sur le panneau Sidebar pour y intégrer votre widget Twitter.
Vous pouvez également cliquer sur le panneau Pied de page si vous préférez afficher le contenu de Twitter dans votre zone de pied de page.
Enfin, cliquez sur l'icône plus (+) pour ajouter un nouveau widget, puis cliquez sur le widget HTML personnalisé dans les options.
Comme précédemment, collez le code d'intégration de Twitter que vous avez copié plus tôt, et WordPress intégrera votre flux Twitter sous forme de widget.
N'oubliez pas de cliquer sur Mettre à jour pour conserver vos paramètres. Ensuite, lorsque vous prévisualiserez votre widget publié, il ressemblera à ceci :
Comme vous pouvez le constater, cette méthode est assez limitée et n'offre pas beaucoup d'options de personnalisation. De plus, vous devrez gérer de nombreux codes d'intégration si vous souhaitez afficher différents tweets sur votre site.
Et voilà !
Vous avez appris comment ajouter un flux Twitter à WordPress sans plugin. Maintenant, vous pouvez engager les visiteurs de votre site web avec du contenu pertinent provenant de Twitter.
Mais si vous souhaitez intégrer facilement des messages Twitter dans un site WordPress, l'utilisation d'un plugin vous facilitera grandement la tâche. De cette façon, il suffit de quelques clics, sans avoir besoin de coder.
Prêt à intégrer votre flux Twitter dans des sites Web WordPress en toute simplicité ? Commencez dès aujourd'hui avec Twitter Feed Pro.
Vous avez un budget limité ? Vous pouvez également utiliser Smash Balloon Custom Twitter Feeds, la version gratuite de Twitter Feed Pro, sans rien dépenser.
Vous voulez essayer Twitter Feeds Lite GRATUITEMENT ?
Entrez l'URL de votre site WordPress pour installer GRATUITEMENT des flux Twitter personnalisés
Notez que ce plugin gratuit ne vous permet de créer un flux Twitter qu'à partir d'un seul compte Twitter public. Si vous souhaitez intégrer les tweets de plusieurs utilisateurs, utilisez Twitter Feed Pro dès aujourd'hui.
Vous souhaitez obtenir facilement plus de followers sur Twitter en un rien de temps ? Consultez notre guide simple sur la façon d'augmenter le nombre de vos followers sur Twitter.
Si vous cherchez des conseils sur les médias sociaux pour développer votre compte Twitter, voici comment vous pouvez augmenter votre engagement sur Twitter dès aujourd'hui.