{"id":1779,"date":"2012-02-06T08:47:58","date_gmt":"2012-02-06T07:47:58","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog\/?p=1779"},"modified":"2015-01-28T21:08:27","modified_gmt":"2015-01-28T20:08:27","slug":"wordpress-plugin-afficher-derniers-tweets-widget","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/wordpress\/wordpress-plugin-afficher-derniers-tweets-widget","title":{"rendered":"WordPress Plugin &#8211; Afficher vos derniers tweets dans un widget"},"content":{"rendered":"<p><a lang=\"en\" title=\"Juiz Last Tweet Widget for WordPress\" href=\"http:\/\/wordpress.org\/extend\/plugins\/juiz-last-tweet-widget\/\" hreflang=\"en\">Juiz Last Tweet Widget<\/a> est un plugin qui vous permet d&rsquo;afficher avec style vos derniers tweets sur votre site WordPress gr\u00e2ce \u00e0 un widget personnalisable et l\u00e9ger\u00a0! <!--more--><\/p>\n<p>Lors d&rsquo;un projet classique de site\/blog r\u00e9alis\u00e9 sous WordPress, j&rsquo;ai eu l&rsquo;occasion de constater que beaucoup de widgets qui proposent cette fonctionnalit\u00e9 d&rsquo;import des derni\u00e8res publications d&rsquo;un compte Twitter chargent une certaine quantit\u00e9 de scripts, et, parfois, ne fonctionnent pas avec certains comptes sp\u00e9cifiques. (cas remarqu\u00e9 sur des flux JSON de l&rsquo;API Twitter)<\/p>\n<h2>Pr\u00e9sentation<\/h2>\n<p class=\"center\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-1927\" title=\"\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2012\/01\/juiz-last-tweet-banner.jpg\" alt=\"\" width=\"606\" height=\"196\" srcset=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2012\/01\/juiz-last-tweet-banner.jpg 606w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2012\/01\/juiz-last-tweet-banner-300x97.jpg 300w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2012\/01\/juiz-last-tweet-banner-600x194.jpg 600w\" sizes=\"(max-width: 606px) 100vw, 606px\" \/><\/p>\n<p><a lang=\"en\" title=\"Juiz Last Tweet Widget for WordPress\" href=\"http:\/\/wordpress.org\/extend\/plugins\/juiz-last-tweet-widget\/\" hreflang=\"en\">Juiz Last Tweet Widget<\/a> propose de r\u00e9soudre le premier probl\u00e8me en rempla\u00e7ant le JavaScript par un script PHP combin\u00e9 \u00e0 l&rsquo;utilisation d&rsquo;un syst\u00e8me de mise en cache. Ce dernier est param\u00e9trable en dur\u00e9e lors de l&rsquo;insertion du widget.<\/p>\n<p>Pour r\u00e9soudre le second probl\u00e8me de flux indisponible, ce widget tente une premi\u00e8re connexion sur un flux, et en utilise un alternatif si le premier n&rsquo;est pas disponible.<\/p>\n<p>Du c\u00f4t\u00e9 du design, celui par d\u00e9faut propose des effets en CSS 3 avec d\u00e9gradations gracieuses pour les vieux navigateurs.<\/p>\n<h2>Fonctionnalit\u00e9s<\/h2>\n<p><img decoding=\"async\" class=\"alignright size-full wp-image-1928\" title=\"juiz-last-tweet\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2012\/01\/juiz-last-tweet.png\" alt=\"\" width=\"233\" height=\"257\" \/> Entrez simplement votre pseudo twitter et le nombre de tweets d\u00e9sir\u00e9s, placez le widget dans une zone widgetis\u00e9e et votre widget sera actif \ud83d\ude42<\/p>\n<p>Du c\u00f4t\u00e9 des options il vous est possible de :<\/p>\n<ul>\n<li>d\u00e9sactiver le style par d\u00e9faut qui peut \u00eatre r\u00e9\u00e9crit directement dans le widget;<\/li>\n<li>conserver les styles par d\u00e9faut et r\u00e9\u00e9crire uniquement une partie des styles;<\/li>\n<li>afficher votre avatar de compte twitter, ou non;<\/li>\n<li>g\u00e9rer la dur\u00e9e du cache.<\/li>\n<\/ul>\n<h2>Mais aussi&#8230;<\/h2>\n<p>Du c\u00f4t\u00e9 du code g\u00e9n\u00e9r\u00e9 par le plugin, celui-ci propose une diff\u00e9renciation des types de lien (hastag, utilisateur twitter, lien classique) en attribuant une classe sp\u00e9cifique \u00e0 chacun d&rsquo;eux.<br \/>\nDe quoi vous donner la possibilit\u00e9 de styler ces liens de mani\u00e8re diff\u00e9rente.<\/p>\n<p>\u00c0 ce propos, voici une liste des classes disponibles :<\/p>\n<pre class=\"code\"><code class=\"css\">\/* The big container *\/\r\n.juiz_last_tweet_widget { }\r\n\u00a0\r\n\/* The list of tweets and \"follow us\" container *\/\r\n.juiz_last_tweet_inside { }\r\n\u00a0\r\n\/* The list of tweets *\/\r\n.juiz_last_tweet_tweetlist { }\r\n\u00a0\r\n\/* The user avatar *\/\r\n.juiz_last_tweet_widget .user_avatar { }\r\n\u00a0\r\n\/* The user avatar link *\/\r\n.juiz_last_tweet_widget .user_avatar a { }\r\n\u00a0\r\n\/* The user avatar image *\/\r\n.juiz_last_tweet_widget .user_avatar img { }\r\n\u00a0\r\n\/* The tweet content *\/\r\n.juiz_lt_content { }\r\n\u00a0\r\n\/* The links inside a tweet *\/\r\n.juiz_last_tweet_tweetos { }\r\n.juiz_last_tweet_hastag { }\r\n.juiz_last_tweet_url { }\r\n\u00a0\r\n\/* The tweet metadata *\/\r\n.juiz_last_tweet_inner { }\r\n\u00a0\r\n\/* The source *\/\r\n.juiz_ltw_source { }\r\n\u00a0\r\n\/* The baseline *\/\r\n.juiz_last_tweet_follow_us { }\r\n\u00a0\r\n\/* The \"follow\" word *\/\r\n.juiz_ltw_follow { }\r\n\u00a0\r\n\/* The username link *\/\r\n.juiz_ltw_username { }\r\n\u00a0\r\n\/* The \"on Twitter\" words *\/\r\n.juiz_ltw_ontwitter { }<\/code><\/pre>\n<p>Il existe un autre plugin &#8211; d\u00e9couvert lors de la r\u00e9daction de ce billet &#8211; qui propose un chargement de vos tweets sans JavaScript, tout en vous laissant la possibilit\u00e9 de l&rsquo;activer. Ce plugin ne poss\u00e8de pas de styles par d\u00e9faut : <a lang=\"en\" title=\"Twitter Feed for WordPress on WordPress.org\" href=\"http:\/\/wordpress.org\/extend\/plugins\/wp-twitter-feed\/\" hreflang=\"en\">Twitter Feed for WordPress<\/a>.<\/p>\n<h2>Probl\u00e8mes connus<\/h2>\n<p>L&rsquo;API Twitter est tr\u00e8s changeante et fait parfois des siennes, notamment si vous n&rsquo;utilisez pas le syst\u00e8me de cache fournit par le plugin, ou si le nombre de visites et requ\u00eates est tr\u00e8s important sur votre serveur. C&rsquo;est d&rsquo;autant plus vrai sur un serveur mutualis\u00e9. Certains n&rsquo;auront donc probablement jamais de probl\u00e8me d&rsquo;affichage de leurs tweets, d&rsquo;autres quant \u00e0 eux ne verront jamais un seul de leur tweet s&rsquo;afficher.<\/p>\n<p>Bref ! <a lang=\"en\" title=\"Juiz Last Tweet Widget for WordPress\" href=\"http:\/\/wordpress.org\/extend\/plugins\/juiz-last-tweet-widget\/\" hreflang=\"en\">Juiz Last Tweet Widget<\/a> est un petit plugin sans pr\u00e9tention, qui je l&rsquo;esp\u00e8re vous servira !<br \/>\nN&rsquo;h\u00e9sitez pas \u00e0 me faire vos retours (am\u00e9lioration, bogue, s\u00e9curit\u00e9, etc.)<\/p>\n<p>Merci !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Juiz Last Tweet Widget est un plugin qui vous permet d&rsquo;afficher avec style vos derniers tweets sur votre site WordPress gr\u00e2ce \u00e0 un widget personnalisable et l\u00e9ger\u00a0!<\/p>\n","protected":false},"author":4,"featured_media":1931,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bluesky_dont_syndicate":"","_bluesky_syndication_accounts":"","_bluesky_syndication_text":"","footnotes":""},"categories":[130,50,13],"tags":[51,426,386,427],"coauthors":[597],"class_list":["post-1779","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-reseaux-sociaux","category-ressources-telechargements","category-wordpress","tag-plugin","tag-tweet","tag-twitter","tag-widget"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/1779","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/comments?post=1779"}],"version-history":[{"count":0,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/1779\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media\/1931"}],"wp:attachment":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media?parent=1779"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/categories?post=1779"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/tags?post=1779"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/coauthors?post=1779"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}