Lorsque j’ai voulu intégrer mes publications Mastodon sur mes sites sous WordPress, j’ai d’abord cherché un plugin sur le dépôt officiel. J’en ai trouvé un, et un seul: l’affichage était daté et la mise en page ne s’intégrait pas bien avec mon site. C’est de ce constat qu’est né MastoWidget, un widget simple et soigné qui se concentre sur une seule chose : afficher mon dernier toot de manière claire et élégante.
Comment installer et configurer MastoWidget
L’installation se fait comme pour n’importe quelle extension. Il suffit de télécharger l’archive depuis webpratique.ch et de verser le zip dans votre administration. Votre ID se repère facilement dans le code source de votre page de profil Mastodon: Il ressemble à une longue suite de chiffres et correspond à la manière dont l’API identifie chaque utilisateur. Vous pouvez choisir entre un thème clair, un thème sombre ou un thème automatique qui s’adapte aux préférences de l’utilisateur. La couleur d’accent est personnalisable, ce qui permet d’harmoniser le rendu avec votre charte graphique. Vous avez également la possibilité d’afficher ou non les images jointes à vos toots, d’exclure les boosts, d’exclure les réponses, et de régler la durée du cache pour trouver le bon équilibre entre fraîcheur des données et performance de votre site.
Et question look ?
L’affichage reprend les codes visuels des cartes modernes : avatar à gauche, nom et identifiant, logo Mastodon à droite, contenu mis en avant avec le premier paragraphe en gras, gestion des contenus masqués avec un bouton qui permet d’afficher ou de masquer le texte, image cliquable qui renvoie directement vers la publication, et enfin un bouton bien visible “Voir sur Mastodon”. Le logo affiché est l’icône officielle fa-mastodon fournie par la bibliothèque Font Awesome. Dans la majorité des thèmes WordPress modernes, Font Awesome est déjà inclus, ce qui permet au logo d’apparaître automatiquement sans aucune action supplémentaire. Si jamais votre thème n’intègre pas cette bibliothèque, vous pouvez l’ajouter facilement en installant une extension gratuite comme Font Awesome disponible sur le répertoire officiel WordPress. Dès que Font Awesome est chargé sur votre site, l’icône Mastodon s’affiche correctement dans le widget, à la place prévue.
Pour le voir en action, il suffit de jeter un oeil dans la barre latérale droite de ce site: il est là.
MastoWidget a été conçu pour rester léger et respectueux. Il ne charge pas de scripts externes, n’espionne rien et n’envoie aucune donnée vers ce site ou ailleurs; il se contente d’interroger l’API Mastodon en direct, puis de mettre en cache les résultats pour ne pas surcharger le serveur. Le contenu des toots est filtré et nettoyé pour garantir la sécurité et éviter les surprises dans l’affichage. MastoWidget apporte une solution pratique et élégante et permet de mettre en valeur votre présence sur Mastodon directement depuis votre site WordPress, avec un rendu moderne, une installation simple et une personnalisation suffisante pour s’adapter à vos besoins.
Téléchargez-le dès maintenant ici !
Version actuelle: 2.2 (mise à jour du 17.05.2026 – amélioration du visuel et CSS séparé)
PS: un lien discret vers ce site est placé en bas du widget. Un seul fichier .php compose ce plugin, il est donc très facile de retrouver le bout de code qui ajoute ce lien et de le supprimer. Vous êtes bien entendu libre de le faire, je ne vais pas crier au loup. Mais si en contrepartie vous publiez un petit rien avec un petit lien vers ce site, c’est volontiers 🙂
