Comment intégrer des tweets dans WordPress sans code (Guide du débutant)

Publié: 2021-01-11

Apprendre à intégrer des tweets dans WordPress ne prend que quelques étapes simples et peut-être un plugin si vous voulez des fonctionnalités plus avancées.

L'objectif de ce didacticiel est de vous aider à vous sentir à l'aise d'intégrer un tweet pour votre blog, vous permettant d'ajouter des conversations Twitter interactives en direct à partir de votre propre compte ou d'autres personnes sur Internet.

Vous pouvez choisir de placer un tweet dans une publication en tant que ressource ou même d'avoir un flux constamment mis à jour depuis votre compte. Continuez à lire pour savoir comment!

Comment intégrer des tweets dans WordPress avec l'éditeur par défaut

L'éditeur WordPress par défaut propose une large collection de blocs de glisser-déposer pour incorporer des éléments dans vos pages et publications WordPress.

Cela inclut un bloc dédié pour intégrer des tweets !

Il s'agit de l'option la plus simple pour placer un tweet ou un court fil Twitter dans une publication ou une page. Il n'y a pas d'outils de personnalisation ou de conception sophistiqués, mais cela fait l'affaire pour afficher instantanément un tweet sur votre site Web et ne pas avoir à vous soucier du code d'intégration ou des plugins.

Voici comment l'utiliser…

Guide du débutant : Comment intégrer des #tweets dans #WordPress
Cliquez pour tweeter

1. Ajouter un bloc Twitter

Pour commencer, accédez à votre tableau de bord WordPress et créez un nouvel article ou une nouvelle page ou modifiez un élément de contenu existant auquel vous souhaitez ajouter un tweet.

messages ou pages pour intégrer des tweets

Allez dans la zone où vous souhaitez ajouter votre tweet et cliquez sur l'icône + pour ajouter un nouveau bloc :

ajouter un bouton de bloc

Recherchez/sélectionnez le bloc Twitter pour l'ajouter à votre publication :

utiliser le bloc Twitter pour intégrer des tweets

2. Collez l'URL de votre tweet

Il est maintenant temps d'aller sur Twitter. Il est possible de publier les tweets publics de n'importe qui sur votre site Web, tant qu'il ne s'agit pas d'un flux Twitter avec une collection de tweets.

Par conséquent, localisez le tweet que vous souhaitez intégrer et accédez à la page spécifique à ce tweet uniquement.

La barre de recherche du navigateur affiche une URL unique pour le tweet. Copiez l'URL du site Web dans le presse-papiers de votre ordinateur.

copier le lien

Retournez au tableau de bord WordPress.

Vous devriez maintenant voir un bloc d'URL Twitter demandant un lien à partir du tweet souhaité.

Dans le champ vide, collez le tweet que vous avez copié auparavant.

Cliquez sur le bouton Intégrer pour terminer le processus.

coller l'url

Vous devriez alors voir un aperçu en direct du tweet intégré dans l'éditeur. Il existe quelques paramètres pour la convivialité mobile et CSS, mais c'est à peu près tout.

intégrer les tweets affichés dans le tableau de bord

Pour vous assurer que tout semble bon, accédez à l'interface de cet article ou de cette page WordPress pour voir le tweet avant la publication. Vous remarquerez que lorsque vous intégrez des tweets, ils offrent des éléments interactifs, comme des liens, des hashtags et des boutons pour voir le tweet complet sur Twitter ou pour visiter le compte.

nouvel article de poste

Bonus : intégrez des « Tweetstorms » complets

Un élément supplémentaire fourni avec le bloc Twitter est l'intégration de ce qu'on appelle les "Tweetstorms". Un Tweetstorm est une série de messages connexes, généralement publiés successivement.

Vous pouvez publier des Tweetstorms, mais vous devez être le propriétaire du compte Twitter.

Pour ce faire, cliquez sur le tweet précédemment intégré et appuyez sur l'option Unroll.

Cela révèle plusieurs messages à la suite, mais uniquement si le Tweetstorm provient de votre compte, est récent et que les messages sont liés les uns aux autres. Sinon, vous obtiendrez une erreur.

dérouler

Comment intégrer des flux d'utilisateurs ou de hashtag Twitter dans WordPress avec un plugin

De nombreux plugins sont disponibles en ligne pour vous permettre d'intégrer des tweets avec des fonctionnalités plus avancées.

Par exemple, vous voudrez peut-être un flux en cours d'exécution de votre compte Twitter sur votre site Web, ou peut-être des outils pour personnaliser l'apparence de ces tweets lorsqu'ils sont intégrés.

Nous vous recommandons de tester la myriade de plugins dotés de ces fonctionnalités, mais nous recommandons principalement le plugin Smash Balloon Custom Twitter Feeds, que nous utiliserons dans le didacticiel ci-dessous.

1. Installez le plugin

Pour commencer, installez et activez le plugin Smash Balloon Twitter Feeds. Si vous avez des questions à ce sujet, découvrez comment installer un plugin ici.

2. Connectez le plugin à votre compte Twitter

Sélectionnez le nouvel onglet Flux Twitter dans votre tableau de bord WordPress.

Onglet Flux Twitter

La zone de configuration du plugin comporte quatre étapes.

Le premier est l'onglet Configurer .

Cliquez sur le bouton pour vous connecter à Twitter , ce qui donne au plug-in la permission d'importer des flux à l'aide de votre compte Twitter.

connectez-vous à Twitter

Cliquez sur le bouton Autoriser l'application pour donner au plug-in Smash Balloon Twitter Feed l'accès à votre compte Twitter.

autoriser l'application à intégrer des tweets

Cela devrait être lié à votre compte Twitter. Si ce n'est pas le cas, vous pouvez choisir de récupérer manuellement votre jeton d'accès et votre secret de jeton d'accès. en suivant les instructions du plugin.

Enregistrez vos modifications une fois le compte lié.

jetons

3. Configurer les paramètres de flux

Toujours dans l'onglet Configurer , faites défiler vers le bas pour modifier vos paramètres de flux. Par exemple, vous pouvez choisir d'avoir un flux à partir d'un compte utilisateur ou d'un hashtag.

Il existe d'autres paramètres gratuits et premium, comme le nombre de tweets à afficher ou les types de flux avancés.

paramètres de flux

4. Configurez la mise en page de votre flux

Enregistrez les modifications et accédez à l'onglet Personnaliser .

Ici, vous avez des paramètres pour modifier la conception du flux Twitter.

personnaliser l'onglet pour intégrer des tweets

Vous pouvez tout ajuster, de la mise en page à ce qui est inclus dans les tweets. Vous pouvez également indiquer au plugin combien de tweets vous souhaitez voir apparaître.

mises en page

5. Configurez la conception/le style de votre flux

L'onglet Style est destiné aux autres modifications d'apparence telles que les couleurs et le texte.

N'hésitez pas à changer les choses pour correspondre à votre marque.

N'oubliez pas de sauvegarder vos paramètres avant de passer à un autre onglet.

style

6. Affichez votre flux

La dernière étape consiste à afficher votre flux .

Il existe deux façons d'afficher le flux, mais la seule répertoriée sur cette page est la méthode du shortcode. Par conséquent, copiez le shortcode donné dans votre presse-papiers.

copier le shortcode

Accédez à un article ou une page nouveau ou ancien dans WordPress.

La première option pour afficher le flux consiste à coller le shortcode dans un bloc Shortcode .

shortcode pour intégrer des tweets

La méthode la plus simple consiste à rechercher et à insérer le bloc Flux Twitter . Ce bloc provient du plugin Smash Balloon Twitter Feed.

Module de flux Twitter pour intégrer des tweets

Aucune personnalisation supplémentaire n'est nécessaire, puisque vous avez déjà configuré votre flux dans la zone des paramètres.

Publiez le message ou la page et accédez au frontend pour voir les tweets en action. Pour ce tutoriel, j'ai opté pour un flux de hashtag, mais vous pouvez également choisir votre propre compte.

intégrer des tweets

Intégrez des tweets dans WordPress dès aujourd'hui

L'intégration d'un tweet ne doit pas être une corvée. Au lieu de cela, utilisez l'une des méthodes décrites ci-dessus - soit avec l'éditeur natif, soit avec un plugin - pour intégrer des tweets dans WordPress sans aucun problème.

Le moyen facile d'intégrer des #tweets dans #WordPress (gratuitement)
Cliquez pour tweeter

Pour d'autres idées pour intégrer Twitter dans votre site WordPress, nous avons également d'autres guides utiles :

  • Neuf façons d'intégrer WordPress et Twitter
  • Comment publier sur Twitter à partir de WordPress
  • Comment partager automatiquement d'anciens articles de blog sur Twitter

Vous avez encore des questions sur la façon d'intégrer des tweets dans WordPress ? Demandez-nous dans les commentaires!

Guide gratuit

5 conseils essentiels pour accélérer
Votre site WordPress

Réduisez votre temps de chargement de 50 à 80 %
juste en suivant des conseils simples.

Télécharger le guide gratuit