Voir Twitter Feed Pro en action

Comment ajouter des flux Twitter sur WordPress

Je vais donc vous donner un aperçu rapide du plugin WordPress Custom Twitter Feeds Pro et vous montrer quelques-unes des choses qu'il peut faire.

Connexion de votre compte Twitter

Je vais donc installer le plugin et aller dans le menu Twitter Feeds ici à gauche. Tout ce que vous avez à faire pour configurer le plugin est d'obtenir un jeton d'accès et un secret auprès de Twitter.

Pour ce faire, il vous suffit de cliquer sur le bouton de connexion ici. 

Connectez-vous à votre compte Twitter et autorisez le plugin à lire vos données, ce qui vous renverra votre jeton d'accès et votre secret Twitter.

Et si vous avez configuré une application de développeur Twitter, vous pouvez utiliser les informations de votre propre application en cochant cette case.

Sélection de votre type de flux Twitter

Il ne vous reste plus qu'à choisir le type de tweets que vous souhaitez afficher. Vous pouvez maintenant : 

• Affichez les tweets de n'importe quel compte Twitter en saisissant simplement le nom d'écran ici. 
• Ajoutez plus d'un compte Twitter si vous souhaitez combiner des flux.
• Afficher un flux de hashtags soit à partir d'un seul hashtag, soit à partir de plusieurs hashtags.

Vous pouvez également créer des recherches qui afficheront les tweets en fonction d'un ensemble spécifique de critères et de termes de recherche.

Par exemple, vous pouvez utiliser des mots, des phrases ou des mentions de base. Vous pouvez aussi être plus spécifique et n'afficher que les tweets contenant à la fois une phrase spécifique et une image.

Et vous pouvez trouver une liste complète de toutes les options de recherche disponibles sur notre site web.

Vous pouvez également choisir d'afficher les tweets de votre chronologie personnelle ou uniquement les tweets qui vous mentionnent. 

Si vous souhaitez combiner différents types de flux en un seul flux, par exemple en combinant une chronologie d'utilisateur et un flux de hashtags, il vous suffit de suivre les instructions ici pour le faire.

Pour l'instant, je vais me contenter d'afficher les tweets de l'un de nos comptes Twitter comptes Twitter Smash Balloon.

Prévisualisation de votre fil Twitter

Je peux donc soit personnaliser le flux immédiatement, soit saisir le shortcode du flux Twitter personnalisé ici, et le copier-coller dans n'importe quel article, page ou widget où je veux que le flux s'affiche.

Si je consulte la page, vous verrez que le flux Twitter est affiché. Le flux s'affiche sur une seule colonne. 

Mais comme vous le verrez dans un instant lorsque je passerai en revue les paramètres de personnalisation, chaque partie du flux est entièrement personnalisable, du type de contenu affiché à la mise en page et au style de tous les éléments. 

Vous verrez que vous pouvez afficher plusieurs photos dans un tweet et si je partage un lien, le plugin récupérera les méta-informations de cette URL de manière dynamique et créera un lien visuel de carte Twitter.

Si je clique sur une photo ou une vidéo, une fenêtre contextuelle s'ouvre et je peux faire défiler chaque élément. 

La prise en charge de la vidéo HTML5 est complète, de même que la prise en charge de services tiers tels que YouTube, Vimeo, Vine et Soundcloud.

En bas de chaque boîte lumineuse, vous verrez qu'il y a plus d'informations. Je peux partager le tweet sur différents réseaux sociaux ou le consulter directement sur Twitter.

Je peux également choisir de répondre, de retweeter ou d'aimer le tweet sans quitter mon site. 

Le flux est également entièrement réactif et s'adapte donc à la taille de votre écran. Il est entièrement compatible avec les écrans tactiles et fonctionne sur tous les appareils mobiles.

Si je retourne sur la page des paramètres du plugin, je peux vous montrer à quel point il est facile de le personnaliser.

Personnaliser votre fil Twitter

La première chose que je vais faire est donc d'ajouter quelques comptes d'utilisateurs différents et de fixer le nombre de tweets à 50. Je vais ensuite me rendre sur la page de personnalisation et apporter quelques modifications.

Il y a donc quelques paramètres de base pour contrôler la largeur et la hauteur du flux. Je peux maintenant : 

• Choisir les parties des tweets qui doivent être affichées
• Choisissez d'afficher ou non l'en-tête et le bouton "Charger plus".
• Afficher les tweets dans un carrousel rotatif
• Sélectionnez le nombre de colonnes dans le carrousel ainsi que les autres options de personnalisation. 
• Affichez le flux en plusieurs colonnes et sélectionnez le nombre de colonnes à utiliser sur les ordinateurs de bureau ou les appareils mobiles.
• Sélectionner pour charger automatiquement plus de tweets lorsque je fais défiler le flux vers le bas.

Je peux également choisir de filtrer les tweets dans mon flux. Vous pouvez donc choisir de n'afficher que les tweets contenant certains mots ou hashtags, ou de supprimer tous les tweets contenant des mots ou hashtags spécifiques.

Cela vous permet de mieux contrôler les tweets qui s'affichent et de modérer automatiquement le flux à l'avance pour bloquer des mots, des hashtags ou des phrases spécifiques.

Vous pouvez également choisir de masquer des tweets spécifiques dans le flux si nécessaire, et il y a également quelques sections ici pour vos propres CSS et JavaScript personnalisés.

Si je passe à l'onglet Style, il y a quelques options pour styliser les différentes parties du flux. Vous pouvez : 

• Définir les couleurs d'arrière-plan
• Personnaliser l'en-tête et définir le texte personnalisé à utiliser
• Formatez complètement la date en choisissant l'une de nos options intégrées.
• Utilisez votre propre format de date personnalisé
• Traduire les chaînes de texte utilisées dans la date.
• Personnaliser l'auteur et le texte du tweet
• Traduire les chaînes de texte utilisées par le plugin.
• Désactiver les liens dans le tweet
• Liez l'intégralité du texte du tweet à la publication sur Twitter.
• Style des options "répondre", "retweeter" et "aimer" au bas de chaque message.
• Modifier le texte utilisé dans le lien Twitter
• Choisissez les couleurs utilisées dans le bouton "Charger plus".
• Modifier ou traduire le texte du bouton

Si j'enregistre les modifications et que je retourne voir le flux, vous pouvez voir que les personnalisations ont été appliquées. 

Les tweets des trois comptes Twitter sont donc affichés dans une disposition en maçonnerie à trois colonnes. 

Et si je fais défiler vers le bas, vous verrez que d'autres tweets sont automatiquement chargés lorsque j'atteins le bas du flux. 

De plus, la mise en page en maçonnerie est entièrement réactive et se transforme en une colonne sur les appareils mobiles.

Utilisation de codes courts personnalisés

Une autre caractéristique intéressante du plugin est qu'il vous permet d'afficher plusieurs flux différents sur la même page ou sur l'ensemble de votre site et d'appliquer des paramètres uniques à chacun d'entre eux.

Par défaut, les flux utiliseront les paramètres des onglets de configuration, de personnalisation et de style du plugin. Mais vous pouvez modifier ces paramètres en utilisant les options de shortcode du plugin.

Vous pouvez ajouter un paramètre au shortcode directement et il remplacera ce paramètre pour ce flux spécifique. 

Si je me rends sur la page des widgets de WordPress, je peux utiliser le widget intégré Custom Twitter Feeds widgetet le shortcode par défaut est ajouté automatiquement. Et par défaut, il affichera les paramètres des pages de réglages du plugin, mais je peux les remplacer en utilisant certaines des options du shortcode.

Je vais donc coller un shortcode que j'ai déjà préparé, et ceci :

• Afficher les tweets du pseudo "Twins" et du hashtag "#MNTwins" dans le même flux.
• Fixer le nombre de tweets à 5
• Désactivation de la disposition des colonnes de maçonnerie
• Activation du carrousel et de l'autoplay
• Choisi pour afficher l'en-tête
• Exclusion des médias et des cartes Twitter
• Définir la couleur d'arrière-plan comme étant un gris clair.

Je vais ajouter un deuxième flux, et celui-ci le fera : 

• Utilisez certains paramètres de recherche pour afficher uniquement les tweets contenant le mot "sunset" (coucher de soleil)
• Afficher uniquement les tweets contenant des médias, tels que des photos et des vidéos.
• Désactiver à nouveau la disposition en maçonnerie
• Définir le texte de l'en-tête comme étant "Couchers de soleil"
• Fixer la hauteur à 400 pixels
• Fixez le nombre de tweets à 5.

Si nous regardons à nouveau la page, vous verrez que ces deux nouveaux flux ont été ajoutés. Le flux supérieur présente un carrousel de tweets provenant du compte "Twins" et du hashtag "#MNTwins". 

Je pourrais simplement faire défiler les tweets et en charger d'autres à la fin. Et cela exclut les médias et les cartes Twitter et a une couleur de fond gris clair. 

Le deuxième flux est constitué de tweets contenant le mot "sunset" (coucher de soleil) et contenant également une image ou une vidéo. Comme on peut le voir, une hauteur de 400 pixels a été ajoutée au flux, de sorte qu'une barre de défilement a été automatiquement ajoutée. 

Lorsque nous défilons vers le bas, vous pouvez voir que d'autres tweets sont automatiquement chargés.

J'espère que cela vous donne une idée de la polyvalence et des possibilités de personnalisation de ce plugin, et que cela vous a montré certaines des choses que vous pouvez faire avec lui.

N'oubliez pas d'essayer votre propre nom d'écran, hashtag ou termes de recherche dans la démo sur notre site web.

Et si vous avez des questions, vous pouvez nous contacter via notre site web, notre page Facebookou en utilisant @SmashBalloon sur Twitter.