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

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 avec l’intégration d’un tweet pour votre blog, vous permettant d’ajouter des conversations Twitter interactives en direct à partir de votre propre compte ou d’autres utilisateurs 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 grande collection de blocs 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…

1. Ajoutez 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.

des articles ou des pages pour intégrer des tweets

Accédez à la zone où vous souhaitez ajouter votre tweet et cliquez sur le bouton + icône pour ajouter un nouveau bloc:

bouton ajouter un bloc

Recherchez / sélectionnez le Twitter bloquer pour l’ajouter à votre message:

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, à condition qu’il ne s’agisse pas d’un fil Twitter avec une collection de tweets.

Par conséquent, recherchez le tweet que vous souhaitez intégrer et accédez à la page spécifique de 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

Revenez 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.

Clique le Incorporer bouton 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 certains 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 a l’air bien, 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, tels que 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 consiste à intégrer ce que l’on appelle les «Tweetstorms». Un Tweetstorm est une série d’articles 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 d’affilée, mais seulement 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 que vous puissiez intégrer des tweets avec des fonctionnalités plus avancées.

Par exemple, vous voudrez peut-être un flux en cours d’exécution depuis 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 avec ces capacités, mais nous recommandons principalement le Plug-in de flux Twitter personnalisé Smash Balloon, qui est ce que nous utiliserons dans le tutoriel 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 nouveau Flux Twitter onglet dans votre tableau de bord WordPress.

Onglet Flux Twitter

La zone de configuration du plugin comporte quatre étapes.

Le premier est le Configurer languette.

Cliquez sur le bouton pour Connectez-vous à Twitter, qui donne au plugin la permission d’importer des flux à l’aide de votre compte Twitter.

connectez-vous à Twitter

Clique le Autoriser l’App pour permettre au plugin Smash Balloon Twitter Feed d’accéder à votre compte Twitter.

autoriser l'application à intégrer des tweets

Cela devrait être lié à votre compte Twitter. Sinon, 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 associé.

jetons

3. Configurer les paramètres de flux

Alors que toujours dans le 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 d'alimentation

4. Configurez la mise en page de votre flux

Enregistrez les modifications et accédez à la Personnaliser languette.

Ici, vous avez des paramètres pour modifier la conception du fil 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 le nombre de tweets que vous souhaitez afficher.

mises en page

5. Configurez la conception / le style de votre flux

le Style L’onglet sert à d’autres modifications d’apparence telles que les couleurs et le texte.

N’hésitez pas à changer les choses en fonction de 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 à Affichez 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 code court. 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 Petit code bloquer.

shortcode pour intégrer des tweets

La méthode la plus simple consiste à rechercher et à insérer le Fil Twitter bloquer. 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, car vous avez déjà configuré votre flux dans la zone des paramètres.

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

intégrer des tweets

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

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

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

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.

Partager cet article

Vous aimerez aussi...