Vous souhaitez limiter le nombre de tweets affichés dans le widget Twitter de votre site web ?
Les propriétaires de sites web qui intègrent des flux Twitter souhaitent souvent contrôler la quantité de contenu X (Twitter) affichée.
Grâce à mon expérience dans la gestion des intégrations de flux de médias sociaux, je sais que l'esthétique du site web et l'expérience de l'utilisateur sont des considérations essentielles.
L'intégration d'un widget Twitter peut être un excellent moyen d'afficher des mises à jour en direct, mais il arrive qu'il affiche trop de tweets. Un long fil Twitter défilant peut submerger les visiteurs du site web et donner à votre page un aspect encombré.
Limiter le nombre de tweets affichés dans votre widget Twitter vous permet de présenter un flux de médias sociaux concis, ciblé et visuellement attrayant sur votre site web.
Dans cet article, je vais vous expliquer comment contrôler facilement le nombre de tweets dans votre widget Twitter.
Grâce à ma connaissance des meilleures pratiques en matière d'intégration des médias sociaux, je partagerai des étapes claires pour personnaliser votre widget Twitter, afin que vous puissiez maintenir un design de site web propre et améliorer l'expérience de l'utilisateur - aucun codage de site web n'est nécessaire.
Dans cet article
- Pourquoi limiter le nombre de tweets dans les widgets Twitter ?
- Quel est le moyen le plus simple de limiter les tweets dans les widgets WordPress ?
- Étape 1 : Installer le plugin Smash Balloon Twitter Feed Pro
- Étape 2 : Créer un nouveau flux Twitter
- Étape 3 : Connectez votre compte X (Twitter)
- Étape 4 : Limiter le nombre de tweets dans votre fil Twitter
- Étape 5 : Personnalisez votre widget Twitter
- Étape 6 : Ajouter votre widget Twitter à votre site Web
- Comment limiter manuellement les tweets dans un widget Twitter ?
Pourquoi limiter le nombre de tweets dans les widgets Twitter ?
Lorsque vous ajoutez un flux Twitter à votre site web, il est tentant de tout afficher. Mais parfois, moins, c'est mieux !
Voici pourquoi il est souvent judicieux de limiter ses tweets :
- Gardez votre site Web propre et organisé - Pensez au widget du fil Twitter de votre site Web dans la barre latérale ou le pied de page - c'est un espace précieux ! L'affichage d'un trop grand nombre de tweets peut donner à ces zones un aspect encombré et envahissant. Limiter le nombre de tweets permet à votre site Web de rester propre, professionnel et agréable à regarder.
- Veillez à ce que votre contenu Twitter reste pertinent pour votre site web - Tous les tweets ne sont pas pertinents pour votre site web. Limiter vos tweets intégrés vous permet d'afficher uniquement le contenu qui intéresse les visiteurs de votre site web.
- Concentrer l'attention des visiteurs - Trop de tweets peuvent distraire et détourner l'attention de votre message principal. En limitant vos tweets, vous permettez à vos visiteurs de se concentrer sur les parties importantes de votre site web.
- Améliorer l'accessibilité du site web - Les longs widgets de tweets sont difficiles à parcourir pour les lecteurs d'écran. En limitant les tweets, vous rendez votre site accessible à tous.
Comme vous pouvez le constater, limiter le nombre de tweets dans votre widget n'a pas pour but de réduire votre activité X. Il s'agit d'améliorer votre site web, de le rendre plus ciblé et plus convivial pour tous. Il s'agit d'améliorer votre site web, de le rendre plus ciblé et plus convivial pour tout le monde.
Vous voulez en savoir plus sur la façon de limiter efficacement vos tweets et de les afficher parfaitement sur votre site web ? Continuez à lire !
Quel est le moyen le plus simple de limiter les tweets dans les widgets WordPress ?
La manière la plus simple de réduire le nombre de tweets dans votre widget WordPress Twitter est d'utiliser un plugin WordPress spécifique pour les flux Twitter.
Les plugins permettent d'étendre les fonctionnalités de votre site web et d'ajouter des fonctions utiles sans avoir à se préoccuper du codage.
Et si vous souhaitez afficher le contenu X (Twitter) sur votre site Web à l'aide d'un plugin, la meilleure option est Smash Balloon Twitter Feed Pro.
Ce plugin vous permet de créer, de personnaliser et d'intégrer des flux et des widgets Twitter en quelques clics seulement - aucun codage n'est nécessaire.
Il vous suffit de suivre le flux guidé et vous pouvez avoir un beau contenu Twitter sur votre site web pour engager vos visiteurs.
En plus de pouvoir intégrer des flux Twitter sur votre site, Twitter Feed Pro vous permet de limiter facilement le nombre de Tweets affichés dans un widget Twitter en quelques clics.
Ce que j'aime dans les plugins de flux Smash Balloon, c'est leur personnalisation visuelle et conviviale des flux.
En fait, en utilisant le personnalisateur de flux avec aperçu en direct, vous pouvez personnaliser la mise en page, le nombre de tweets, les couleurs, les boutons, et bien plus encore.
Vous pouvez même modérer votre flux librement pour supprimer ou afficher les tweets que vous souhaitez.
Twitter Feed Pro est le plugin de flux Twitter le mieux noté du marché. Plus de 100 000 sites Web l'utilisent, avec une note moyenne de 4,9/5 étoiles.
Plus important encore, Smash Balloon dispose d'une excellente équipe d'assistance à la clientèle qui vous accompagnera tout au long du processus.
Aucune question n'est trop petite. Par conséquent, la création d'un flux Twitter avec un nombre limité de tweets ne prendra que très peu de temps.
Commencez avec Twitter Feed Pro ici!
Suivez ensuite les instructions ci-dessous pour installer le plugin et limiter le nombre de tweets dans votre widget Twitter.
Étape 1 : Installer le plugin Smash Balloon Twitter Feed Pro
La première étape consiste à télécharger le plugin Twitter Feed Pro à partir d'ici.
Une fois que vous avez fait cela, il vous suffit d'installer et d'activer le plugin sur votre site web. Vous pouvez suivre ce guide pour apprendre à installer un plugin WordPress si vous avez besoin d'un peu d'aide.
Vous pouvez maintenant passer à l'étape 2 et commencer à créer des widgets de flux Twitter.
Étape 2 : Créer un nouveau flux Twitter
Avec Twitter Feed Pro, il est très facile de créer de nouveaux flux.
Tout d'abord, naviguez vers le menu Twitter Feed " All Feeds " depuis votre tableau de bord WordPress.
Cliquez ensuite sur le bouton Ajouter un nouveau en haut de la page.
Voyons maintenant le type de flux que vous souhaitez afficher sur votre site WordPress. Ce plugin est livré avec 6 types de flux différents pour vous aider à afficher différents exemples de widgets Twitter sur votre site:
- Chronologie de l'utilisateur : Il s'agit du flux par défaut affiché sur votre site web. Il répertorie les tweets de votre chronologie d'utilisateur principale. Si vous le souhaitez, vous pouvez entrer n'importe quel utilisateur de Twitter pour afficher un flux de ses tweets.
- Hashtag : Vous pouvez utiliser cette option pour afficher les tweets qui contiennent un hashtag spécifique.
- Accueil Chronologie : Ce type de flux affiche les tweets de votre chronologie et des personnes que vous suivez.
- Recherche : Utilisez la fonction de recherche avancée de Twitter pour afficher un flux entièrement personnalisé.
- Mentions : Vous pouvez utiliser ce type de flux pour afficher les tweets qui @mentionnent votre pseudo X.
- Listes : Vous pouvez saisir l'ID d'une liste Twitter pour afficher les tweets des utilisateurs de la liste dans votre flux.
Cliquez sur le type d'alimentation que vous avez choisi, puis cliquez sur Suivant pour passer à l'étape suivante.
Pour ce tutoriel, j'utiliserai l'option hashtag car je souhaite afficher un hashtag de marque dans notre widget Twitter.
Vous pouvez ensuite passer à l'étape 3 et connecter votre compte Twitter à votre nouveau flux.
Étape 3 : Connectez votre compte X (Twitter)
L'étape suivante consiste à connecter le plugin à votre compte Twitter. Pour ce faire, cliquez sur le bouton Connecter dans la fenêtre contextuelle.
En cliquant sur ce lien, vous ouvrirez Twitter et vous pourrez donner au plugin un accès en lecture seule à votre compte.
Twitter Feed Pro utilisera cet accès pour visualiser le contenu de Twitter et n'aura pas le droit d'y apporter des modifications. L 'utilisation de Twitter Feed Pro est donc totalement sûre.
Pour continuer, cliquez sur le bouton Autoriser l'application dans la fenêtre contextuelle.
Comme ça, vous avez connecté votre compte X (Twitter) à ce plugin.
Pour configurer votre nouveau flux Twitter, vous pouvez désormais ajouter une source. Cette source peut être une chronologie d'utilisateur, un hashtag, une liste Twitter, etc. que vous souhaitez afficher.
Pour cet article, j'indiquerai le hashtag "KEEB_PD" comme source.
Une fois que vous avez saisi la source, cliquez sur le bouton Suivant.
Ensuite, Twitter Feed Pro vous demandera de choisir un modèle pour votre nouveau flux. Vous avez le choix entre 7 modèles uniques, dont les cartes en maçonnerie, le carrousel simple, le carrousel de vitrine et bien d'autres encore.
Mon modèle de flux Twitter préféré est le carrousel simple, mais pour cet exemple, choisissons Default.
Pour continuer, sélectionnez un modèle dans la liste et cliquez sur Suivant.
Comme vous pouvez le constater, Twitter Feed Pro facilite la création de flux Twitter et la connexion de votre compte.
Il est maintenant temps de passer à l'étape 4 où vous pouvez limiter le nombre de tweets que vous souhaitez intégrer à votre site.
Étape 4 : Limiter le nombre de tweets dans votre fil Twitter
Vous pouvez désormais choisir le nombre de Tweets que vous souhaitez afficher dans votre widget Twitter. C'est facile à faire avec le plugin Twitter Feed Pro.
Vous pouvez maintenant voir votre nouveau flux Twitter ouvert dans l'éditeur de flux en direct. Sur le côté gauche de l'écran, vous pouvez voir toutes les options de personnalisation, comme la mise en page du flux, la palette de couleurs, le style de l'en-tête, le bouton Suivre, et bien plus encore.
Sur la droite, vous trouverez un aperçu en direct de votre flux Twitter, ce qui vous permettra de suivre les changements en temps réel.
Pour commencer et limiter le nombre de tweets, cliquez sur le bouton " Feed Layout" à gauche.
À gauche, vous trouverez le champ Nombre de tweets à afficher.
Dans ce champ, entrez le nombre de tweets que vous souhaitez afficher sur votre widget.
Cliquez ensuite sur Enregistrer pour confirmer vos modifications.
Ainsi, vous pouvez facilement limiter le nombre de tweets sur vos flux Twitter. Maintenant, allons-y et terminons la configuration de votre nouveau flux Twitter.
Étape 5 : Personnalisez votre widget Twitter
Voyons maintenant comment personnaliser le design et la mise en page de votre widget Twitter. Pour ce faire, vous pouvez simplement utiliser l'éditeur de flux en direct.
Pour commencer, vous pouvez utiliser l'option de mise en page sur la gauche pour choisir parmi 3 mises en page de flux différentes : Liste, Carrousel ou Masonry.
Avec la présentation en liste , vos tweets apparaissent dans une seule colonne, l'un après l'autre. Cette mise en page permet donc d'afficher les tweets tels qu'ils apparaissent sur Twitter.
Vous souhaitez afficher un grand nombre de tweets en même temps ? La mise en page en maçonnerie utilise de nombreuses colonnes pour afficher vos tweets, ce qui vous permet d'afficher facilement un grand nombre de contenus.
Enfin, la mise en page carrousel permet d'afficher le contenu dans un magnifique diaporama Twitter carrousel qui rend votre site plus interactif.
Cliquez sur le bouton Enregistrer lorsque vous êtes satisfait de votre mise en page.
Pour plus d'options de conception, vous pouvez cliquer sur le bouton Personnaliser en haut et revenir aux options principales.
Maintenant, cliquez sur l'option Schéma de couleurs sur la gauche pour commencer à configurer les couleurs de votre flux Twitter.
Pour simplifier le choix des couleurs, Twitter Feed Pro propose 4 schémas de couleurs parmi lesquels vous pouvez choisir :
- Héritage du thème : Utilisez les couleurs de votre site web pour que votre flux corresponde à votre image de marque.
- Léger : Choisissez une apparence lumineuse avec un arrière-plan clair et une police de caractères foncée.
- Sombre : Affiche plutôt une apparence sombre, avec un arrière-plan sombre et une couleur de police claire.
- Personnalisé : Choisir manuellement toutes les couleurs
Sélectionnez ici la palette de couleurs de votre flux Twitter, puis cliquez sur le bouton Enregistrer.
Ensuite, vous pouvez continuer à personnaliser votre flux Twitter à l'aide de notre éditeur de flux en direct. Vous pouvez définir le style de l'en-tête, le design de la boîte de Tweet, le style des boutons, la taille du flux, et bien plus encore.
N'oubliez pas de cliquer sur Enregistrer pour confirmer vos modifications avant de continuer.
Vous êtes maintenant prêt à intégrer ce flux Twitter sur votre site web en toute simplicité.
Étape 6 : Ajouter votre widget Twitter à votre site Web
Avec Twitter Feed Pro, vous pouvez intégrer votre flux Twitter de 2 manières différentes :
- Ajoutez votre widget Twitter à une page WordPress
- Ajoutez votre widget Twitter à la barre latérale ou au pied de page de WordPress
Voyons comment ces deux méthodes fonctionnent :
Ajoutez votre widget Twitter à une page WordPress
Prêt à commencer ?
Tout d'abord, cliquez sur le bouton " Embed" dans le coin supérieur droit.
Vous verrez alors apparaître une fenêtre contextuelle dans laquelle vous pourrez choisir l'emplacement de votre nouveau fil Twitter.
Pour continuer, cliquez sur le bouton Ajouter à une page.
Vous pouvez maintenant voir une liste de vos pages WordPress dans la fenêtre contextuelle.
Il suffit de sélectionner votre page dans la liste et de cliquer sur le bouton Ajouter.
Une fois que vous avez fait cela, le plugin Twitter Feed Pro ouvre cette page dans l'éditeur WordPress.
Pour commencer à intégrer votre flux, recherchez l'icône Plus (+) en haut et cliquez dessus.
Après avoir cliqué sur l'icône Plus (+), vous verrez une liste des blocs WordPress disponibles et une barre de recherche. Dans la barre de recherche, tapez "twitter" et cliquez sur le bloc Twitter Feed .
Si vous êtes satisfait de votre page, cliquez sur le bouton Publier. Lorsque vous prévisualisez la page, vous voyez votre widget Twitter s'afficher sur votre site, avec un nombre limité de tweets.
Voyons maintenant comment ajouter ce flux Twitter à vos zones de widgets.
Ajoutez votre widget Twitter à la barre latérale ou au pied de page de WordPress
Il est également possible d'ajouter un widget Twitter à votre barre latérale ou à votre pied de page dans WordPress.
De plus, vous pouvez également utiliser l'éditeur de flux en direct.
Pour ouvrir votre flux Twitter dans l'éditeur de flux en direct, naviguez d'abord vers Flux Twitter " Tous les flux depuis votre tableau de bord WordPress.
Sur cette page, cliquez sur le flux Twitter que vous souhaitez intégrer.
Vous pouvez maintenant voir votre flux Twitter ouvert dans l'éditeur de flux en direct.
Comme précédemment, cliquez sur le bouton Embed en haut pour commencer à ajouter ce flux à votre site web.
Une fenêtre contextuelle s'affiche et vous demande de choisir l'emplacement de votre flux Twitter.
Pour l'instant, cliquez sur l'option Ajouter à un widget dans la fenêtre contextuelle.
Après cela, Twitter Feed Pro ouvrira la page des widgets de votre site WordPress.
Pour commencer à gérer les widgets de votre barre latérale, cliquez sur l'option Barre latérale .
Pour une autre option, vous pouvez cliquer sur l'option Pied de page .
Nous utiliserons la barre latérale de WordPress pour ce tutoriel.
Cliquez ensuite sur l'icône plus (+) pour ajouter un nouveau widget. Ensuite, trouvez le widget Twitter Feed pour ajouter le flux à votre barre latérale ou à votre pied de page.
Lorsque vous naviguez sur votre site web principal, vous voyez apparaître votre widget de flux Twitter. Et comme vous avez limité le nombre de tweets affichés, il ne prendra pas trop de place.
Comme vous pouvez le constater, il est très facile de limiter le nombre de tweets et d'ajouter le flux à votre site web à l'aide de ce plugin.
Ensuite, nous allons voir comment vous pouvez faire la même chose sans utiliser de plugin.
Comment limiter manuellement les tweets dans un widget Twitter ?
Vous pouvez bien sûr choisir de limiter les tweets manuellement dans un widget Twitter, en particulier si vous utilisez le widget de chronologie de Twitter. Mais pour utiliser cette méthode, vous devez modifier manuellement le code du widget.
Cette tâche peut s'avérer assez effrayante si vous n'êtes pas un expert en technologie, car il existe de nombreuses façons de la faire échouer. Limiter manuellement le nombre de tweets dans un widget Twitter présente plusieurs inconvénients par rapport à l'utilisation d'un plugin.
- Limiter manuellement les tweets dans votre flux Twitter n' est pas aussi simple qu'avec un plugin. Vous devez modifier manuellement le code, ce qui peut être déroutant. Lorsque vous utilisez un plugin, comme celui de Smash Balloon, vous pouvez tout faire sans codage.
- Lorsque vous intégrez manuellement Twitter sur votre site web, vous laissez place à l'erreur. Vous pouvez égarer des parties de l'extrait de code, oublier une étape du processus, etc. Avec un plugin de flux Twitter, il n'y a rien à perdre !
- Lorsque vous utilisez un code d'intégration similaire à celui du widget officiel de Twitter, cela laisse peu de place à la modification de son apparence. Cependant, le widget Custom Twitter Feeds offre de nombreuses possibilités de modifier le design de votre flux pour qu'il ressemble à ce que vous voulez.
- Les flux Twitter intégrés manuellement n'offrent pas non plus la possibilité de filtrer votre flux pour afficher un contenu spécifique. En revanche, un plugin vous permet de filtrer les flux par hashtags, termes de recherche, etc.
Enfin, le plugin Twitter Feed Pro s'appuie sur une équipe d'experts dédiée, prête à vous aider à surmonter tous les obstacles auxquels vous pourriez être confronté.
Avec une alimentation manuelle, vous êtes seul.
Pour éviter ces problèmes, nous vous suggérons d'utiliser la méthode simple pour limiter les tweets dans WordPress à l'aide d'un plugin.
Cependant, si vous ne voulez vraiment pas utiliser un plugin, malgré les pièges qu'il comporte, voici comment modifier le code d'intégration du widget Twitter timeline.
Pour limiter manuellement les tweets dans le widget, vous pouvez définir l'attribut dans votre lien comme data-tweet-limit= "3" par exemple.
Voici à quoi ressemblerait le code d'intégration en utilisant le Twitter de Smash Balloon comme exemple :
<a class="twitter-timeline" data-lang="en" data-dnt="true" data-tweet-limit="3" href="https://twitter.com/smashballoon">Tweets by SmashBalloon</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8">
Collez ensuite le code d'intégration à l'endroit où vous souhaitez l'afficher sur votre site web, en utilisant les détails de votre propre compte Twitter.
Et voilà !
Nous espérons que cet article vous a aidé à apprendre comment limiter facilement le nombre de tweets dans un widget Twitter. Il ne vous reste plus qu'à engager votre audience avec votre meilleur contenu Twitter.
Prêt à intégrer des widgets Twitter dont vous avez le contrôle total ? Démarrez avec Twitter Feed Pro dès aujourd'hui!