Comment ajouter un diaporama X (Twitter) à votre site WordPress
Accueil Blog Comment ajouter un diaporama X (Twitter) à votre site WordPress

Comment ajouter un diaporama X (Twitter) à votre site WordPress

Comment ajouter un diaporama Twitter à votre site WordPress (1)

Vous cherchez un moyen simple d'afficher des diaporamas Twitter sur votre site Web WordPress ?

L'affichage des flux Twitter sur votre site web vous permet de présenter à vos visiteurs un contenu pertinent sur les médias sociaux. De plus, c'est une façon rafraîchissante de renforcer la visibilité de votre marque et l'engagement de vos clients.

Mais Twitter ne vous permet pas de personnaliser la mise en page de votre flux. De plus, il est difficile de personnaliser le code de Twitter sans faire appel à un développeur.

C'est pourquoi nous allons vous montrer comment ajouter facilement un diaporama Twitter à votre site, même si vous n'êtes pas un expert en technologie.

Tout d'abord, examinons la manière la plus simple d'intégrer un diaporama Twitter.

Vous pouvez également cliquer ici pour passer directement au tutoriel.

La façon la plus simple d'afficher un diaporama X (Twitter)

Si vous le souhaitez, vous pouvez intégrer manuellement vos flux Twitter sur votre site, mais cette méthode comporte des difficultés et des risques :

  • Difficile à mettre en place : Si vous n'êtes pas à l'aise avec le codage, il n'est pas facile à mettre en place car vous devez intégrer manuellement de nombreux codes et passer d'une page web à l'autre.
  • Cela prend beaucoup de temps : Vous avez oublié une ligne de code ? Ou vous avez fait une erreur ? Il vous faudra beaucoup de temps pour comprendre ce qui n'a pas fonctionné.
  • Confusion et risque d'erreur : Étant donné que l'intégration se fait manuellement, vous courez le risque de casser accidentellement votre site à cause d'une petite erreur.
  • Pas de choix de personnalisation : Vous voulez afficher un diaporama Twitter ? Vous ne pouvez pas. Lorsque vous ajoutez manuellement votre flux à WordPress, vous ne pouvez pas personnaliser librement la mise en page et le style de votre flux.
  • Pas de filtres : Vous ne pouvez pas non plus filtrer le contenu de votre flux. Par conséquent, si vous souhaitez modérer les tweets qui s'affichent dans votre fil, ce n'est pas possible.

Si c'est le cas, quelle est la meilleure façon d'intégrer un diaporama Twitter dans votre WordPress ? En utilisant le plugin de flux Twitter le mieux noté pour WordPress : Twitter Feed Pro.

twitter feed pro homepage

Ce plugin non technique rend la création de diaporamas Twitter dans WordPress si facile - même les débutants peuvent l'utiliser librement.

Si vous utilisez Twitter Feed Pro pour ajouter des diaporamas Twitter à votre site Web, vous pourrez profiter de ses fonctionnalités, telles que :

  • Super facile à installer : Une fois installé, vous pouvez tout configurer et afficher votre flux Twitter facilement. Même si vous n'êtes pas un gourou de l'informatique.
  • Des tonnes de types de flux : Vous pouvez associer des hashtags aux flux Twitter, aux chronologies des utilisateurs, aux listes Twitter, aux résultats de recherche, et bien plus encore.
  • Gain de temps et efficacité: Présentez votre flux de diapositives Twitter en moins de 5 minutes grâce à notre flux guidé simple !
  • Convivialité: pas besoin de modifier les codes ou de risquer de casser accidentellement votre site. Il suffit de quelques clics pour personnaliser votre flux Twitter et contrôler les tweets que vous affichez.
  • De nombreuses possibilités de personnalisation: Vous souhaitez afficher un flux Twitter horizontal sous forme de diaporama ? Grâce à l'éditeur de flux en direct du plugin, vous pouvez le faire en un seul clic, sans code compliqué.
  • Contrôlez votre contenu: Le plugin vous permet de filtrer les tweets afin de n'afficher que les flux que vous souhaitez. C'est particulièrement utile lorsque vous souhaitez afficher des témoignages de médias sociaux afin d'utiliser la preuve sociale pour augmenter les conversions.

Et avons-nous mentionné la meilleure partie ? Lorsque vous obtenez votre propre copie de Twitter Feed Pro, vous avez accès à une équipe de support amicale et rapide composée d'experts WordPress qui peuvent vous guider.

Si vous avez besoin d'aide, envoyez-leur un message et ils feront de leur mieux pour vous aider.

En conséquence, le plugin a une note solide de 4,9/5 étoiles et est recommandé par plus de 150 000 utilisateurs.

Comment ajouter un diaporama X/Twitter à votre site WordPress

Vous êtes prêt à augmenter le nombre de vos abonnés Twitter en montrant votre fil d'actualité Twitter ? Consultez le tutoriel étape par étape pour intégrer votre fil Twitter dans un diaporama ci-dessous :

Étape 1 : Installer et activer le plugin Twitter Feed Pro

Tout d'abord, obtenez votre propre copie du plugin Twitter Feed Pro ici. Ensuite, installez et activez le plugin sur votre site WordPress.

Vous ne savez pas comment faire ? Consultez ce tutoriel convivial sur l 'installation d'un plugin WordPress sur votre site web.

Étape 2 : Créer un nouveau flux Twitter

Dans cette étape, vous pouvez utiliser le flux guidé de Twitter Feed Pro et créer un nouveau flux sur votre site Web.

Depuis votre tableau de bord WordPress, allez dans le menu Twitter Feed " All Feeds pour commencer.

Ensuite, cliquez sur le bouton Ajouter un nouveau en haut de la page.

ajouter un nouveau flux twitter personnalisé

Ensuite, vous pouvez spécifier le type de flux Twitter que vous souhaitez créer.

Avec Twitter Feed Pro, vous pouvez choisir parmi les types de flux suivants :

  • Timeline de l'utilisateur : Affiche les tweets de votre propre chronologie Twitter.
  • Hashtag : Intégrer des tweets contenant des hashtags spécifiques
  • Recherche : Affiche les tweets en fonction des résultats d'une recherche avancée sur Twitter.
  • Listes : Affiche les tweets de vos listes Twitter spécifiques.

Pour notre exemple, nous utilisons le type de flux hashtag.

Après avoir choisi votre type de flux Twitter, cliquez sur Suivant pour continuer.

sélectionnez votre type de flux twitter pour votre widget

Étape 3 : Connecter votre compte Twitter

En connectant votre compte Twitter, votre flux peut afficher du contenu de Twitter sur votre site web.

Tout d'abord, cliquez sur le bouton Connecter dans la fenêtre contextuelle pour commencer.

connecter un compte twitter à wordpress

Ensuite, le plugin vous demandera de donner un accès en lecture seule à votre compte Twitter.

C'est tout à fait sûr puisque Twitter Feed Pro ne pourra pas utiliser cet accès pour effectuer des modifications.

Pour donner un accès en lecture seule au plugin, cliquez sur le bouton Autoriser l'application.

authorize twitter read only access.jpg

Cela vous ramènera à votre site web, où vous pourrez choisir la source de votre flux Twitter.

Pour ce faire, il vous suffit de saisir les comptes d'utilisateurs, les hashtags, les termes de recherche ou tout autre type de source que vous souhaitez afficher sur votre site.

Il suffit d'indiquer la source Twitter dans la fenêtre contextuelle et de cliquer sur Suivant.

Par exemple, nous utilisons le hashtag "#KEEB_PD" pour notre fil Twitter.

sélectionnez les hashtags de votre fil twitter

Étape 4 : Choisissez votre modèle de flux de diaporama Twitter

Vous avez fini de connecter votre compte Twitter au plugin ? C'est très bien !

Twitter Feed Pro vous demandera alors de choisir le modèle de flux que vous souhaitez utiliser.

Si vous souhaitez afficher un grand nombre de tweets en même temps dans votre diaporama, choisissez le modèle Carrousel simple et cliquez sur Suivant.

sélectionner l'option carrousel flux twitter

Si vous souhaitez que le diaporama Twitter ne contienne qu'un seul tweet à la fois, cliquez plutôt sur le carrousel Showcase .

Cliquez ensuite sur le bouton Suivant pour continuer.

choisir la présentation du carrousel de vitrines

Vous disposez désormais d'un flux de diapositives Twitter sur votre site web.

De plus, votre nouveau flux est très esthétique dès sa sortie de la boîte, puisqu'il copie automatiquement le design de votre site web.

modèle de carrousel simple exemple twitter

Étape 5 : Personnalisez votre flux de diaporama Twitter

Avec le plugin Twitter Feed Pro, vous disposez d'un éditeur de flux en direct convivial qui vous aide à concevoir facilement vos flux Twitter.

Ici, vous trouverez toutes les options de personnalisation sur le panneau de gauche. Vous pouvez ainsi modifier le modèle de votre flux, la mise en page, les couleurs, la taille, le style de l'en-tête, le nombre d'articles, la taille du flux, et bien d'autres choses encore.

éditeur de flux en direct twitter feed pro visual preview

Sur la droite, vous trouverez un aperçu en temps réel de votre flux Twitter, ce qui vous permettra de suivre facilement vos changements.

Pour commencer la personnalisation, cliquez sur l'option Feed Layout .

choisir l'option de mise en page du flux créer un flux twitter

À partir de là, vous pouvez modifier la façon dont les tweets apparaissent sur votre fil Twitter. Vous pouvez même afficher les tweets sous forme de liste ou dans une galerie de maçonnerie.

Pour modifier les options de votre diaporama Twitter, il vous suffit de faire défiler la page vers le bas à gauche et de rechercher la section Paramètres du carrousel .

Vous pouvez ensuite choisir d'activer ou de désactiver les flèches de navigation, les points de pagination et la lecture automatique pour votre diaporama Twitter.

De plus, vous pouvez modifier le nombre de lignes, le type de boucle, la hauteur du diaporama, la durée de l'intervalle, etc.

personnaliser les options horizontales du flux twitter

Une fois que vous avez terminé de configurer votre diaporama Twitter, cliquez sur Enregistrer pour conserver les modifications.

Maintenant, cliquez sur le bouton Personnaliser en haut pour continuer à concevoir votre flux Twitter.

retour au menu principal éditeur de flux en direct

Ensuite, cliquez sur l'option Color Scheme pour définir les couleurs de votre diaporama Twitter.

choisir le schéma de couleurs option twitter feed

Avec Twitter Feed Pro, il vous suffit de choisir une palette de couleurs pour changer instantanément toutes les couleurs de votre flux Twitter en une seule fois.

Vous avez le choix entre 4 gammes de couleurs :

  • Héritage du thème : Utiliser les mêmes couleurs que votre site web
  • Clair: Affiche un arrière-plan clair avec une couleur de police plus foncée.
  • Sombre : affiche un arrière-plan sombre avec une couleur claire pour la police.
  • Personnalisé : Sélectionnez manuellement les couleurs de votre flux Twitter
options de couleurs pour votre flux twitter

Après avoir choisi la palette de couleurs pour votre diaporama Twitter, cliquez sur Enregistrer pour confirmer vos modifications.

Comme vous pouvez le constater, il est très facile de personnaliser le reste de votre flux Twitter à l'aide de l'éditeur de flux en direct.

Tout ce que vous avez à faire est de cliquer sur quelques boutons, et votre flux aura l'apparence que vous souhaitez. Cela signifie que vous n'avez pas besoin de gérer des extraits de code confus ou d'engager un développeur pour vous aider.

Une fois que vous êtes satisfait de l'aspect de votre flux Twitter, cliquez sur le bouton Enregistrer.

Étape 6 : Afficher votre flux de diaporama Twitter sur votre WordPress

Vous avez maintenant appris à créer et à personnaliser votre flux de diaporama Twitter. C'est très bien ! La dernière étape consiste à apprendre comment l'afficher sur votre site web.

Avec Twitter Feed Pro, vous pouvez procéder de deux manières :

  • Ajoutez votre flux de diaporama Twitter à votre page WordPress
  • Ajoutez votre flux de diaporama Twitter en tant que widget dans votre barre latérale ou votre pied de page.

Vous ne savez pas quelle est la meilleure solution pour vous ? Ne vous inquiétez pas. Vous pouvez consulter les deux méthodes ci-dessous :

Ajoutez votre flux de diaporama Twitter à votre page WordPress

Pour faciliter les choses, vous pouvez utiliser l'éditeur de flux en direct pour intégrer votre diaporama Twitter en quelques clics.

Pour commencer, cliquez sur le bouton " Embed" en haut de la page.

cliquez sur l'éditeur de flux en direct twitter

Ensuite, une fenêtre contextuelle vous demandera où vous souhaitez intégrer le flux Twitter.

Puisque vous affichez votre diaporama Twitter sur une page WordPress, cliquez sur le bouton Add to a Page (Ajouter à une page) .

ajouter à une page

Après cela, la fenêtre popup vous montrera une liste de pages WordPress sur votre site. Sélectionnez une page dans cette liste et cliquez sur Ajouter pour commencer à intégrer votre flux.

ajouter un flux twitter à une nouvelle page

Twitter Feed Pro ouvrira alors cette page dans l'éditeur WordPress. Vous pouvez maintenant ajouter un nouveau bloc WordPress en cliquant sur l'icône plus (+).

ajouter un nouveau bloc wordpress

Ensuite, écrivez "twitter feed" dans la boîte de recherche, et dans les résultats de la recherche, cliquez sur le bloc Twitter Feed.

intégrer un flux twitter sur votre site wordpress

Enfin, cliquez sur Publier ou Mettre à jour pour enregistrer vos modifications, et votre diaporama Twitter sera enfin en ligne.

Vous pouvez maintenant ouvrir votre site web et voir à quoi il ressemble.

exemple de flux twitter horizontal sur votre site web

Comme vous pouvez le constater, Twitter Feed Pro permet d'intégrer facilement du contenu Twitter.

Voyons maintenant la deuxième façon d'afficher les flux de diaporamas Twitter sur votre site.

Ajoutez votre flux de diaporama Twitter à la barre latérale ou au pied de page de votre site

Pour intégrer votre flux de diaporama Twitter dans la barre latérale ou le pied de page de votre site web, il vous suffit d'utiliser l'éditeur de flux en direct.

Tout d'abord, allez dans le menu Twitter Feed " All Feeds " de votre tableau de bord d'administration et cliquez sur votre flux de diaporama Twitter.

Ouvrir le flux twitter des hashtags

Vous pouvez maintenant voir à nouveau l'éditeur de flux en direct.

Pour commencer à intégrer ce flux Twitter, cliquez sur le bouton " Intégrer" dans le coin supérieur droit.

cliquez sur l'éditeur de flux en direct twitter

En utilisant la fenêtre contextuelle, vous pouvez maintenant choisir l'emplacement de votre nouveau flux de diaporama Twitter.

Puisque vous l'intégrez dans vos zones de widgets, cliquez sur le bouton Ajouter à un widget .

ajouter le flux twitter au widget

Twitter Feed Pro vous renvoie désormais à la page Widgets de votre site web afin que vous puissiez intégrer le flux Twitter en tant que widget.

Si vous souhaitez afficher votre diaporama Twitter dans la barre latérale, cliquez sur le panneau Barre latérale .

ouvrir le panneau latéral

Pour intégrer votre widget de diaporama Twitter dans le pied de page, cliquez plutôt sur le panneau Pied de page .

Pour ce guide, nous intégrerons le flux dans le pied de page de WordPress.

ouvrir le panneau de bas de page

Pour créer un nouveau widget, cliquez sur l'icône plus (+) en bas.

Maintenant, cliquez sur le widget Twitter Feed dans les options pour intégrer votre flux de diaporama Twitter.

ajouter un widget twitter à wordpress

Enfin, cliquez sur le bouton Mettre à jour pour enregistrer votre nouveau widget Twitter, et le tour est joué !

Si vous ouvrez votre site web, vous pouvez maintenant voir un flux de diaporama Twitter dans votre barre latérale ou votre pied de page, comme ceci :

intégrer le flux twitter dans votre pied de page exemple

Et voilà.

En lisant ce guide étape par étape, vous avez maintenant appris comment ajouter un flux de diaporama Twitter à votre site WordPress.

Désormais, vous pouvez facilement augmenter le nombre de vos followers sur Twitter, créer une communauté engageante et développer votre activité au fil du temps.

Prêt à intégrer des diaporamas Twitter ? Démarrez avec Twitter Feed Pro dès aujourd'hui!

Vous pouvez également consulter cet article sur les meilleurs types de tweets qui ont fait leurs preuves pour développer votre activité dès maintenant.

Et si vous avez apprécié cet article, connectez-vous avec nous sur Twitter et Facebook pour obtenir d'autres tutoriels utiles.

avatar de l'auteur
Lianne Laroya Responsable du marketing de contenu
Lianne est responsable du marketing de contenu chez Smash Balloon et s'appuie sur plus de 12 ans d'expérience en matière de contenu WordPress, de marketing des médias sociaux, de contenu généré par les utilisateurs (UGC) et d'optimisation des moteurs de recherche (SEO).

Ajouter un commentaire

Nous sommes heureux que vous ayez choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre politique de confidentialité et que tous les liens ne sont pas suivis. N'utilisez PAS de mots-clés dans le champ du nom. Engageons une conversation personnelle et constructive.