{"id":23546,"date":"2021-05-02T15:20:00","date_gmt":"2021-05-02T12:20:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=23546"},"modified":"2021-10-18T02:24:03","modified_gmt":"2021-10-17T23:24:03","slug":"comment-creer-un-widget-de-flux-twitter-pour-un-site-web","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/comment-creer-un-widget-de-flux-twitter-pour-un-site-web\/","title":{"rendered":"Comment cr\u00e9er un widget de flux Twitter pour un site Web"},"content":{"rendered":"<p>De nos jours, c&rsquo;est une tendance de montrer vos tweets sur votre site Web. Les propri\u00e9taires de sites ont pr\u00e9f\u00e9r\u00e9 afficher ces tweets dans la barre lat\u00e9rale ou le pied de page. Ainsi, les visiteurs peuvent lire facilement les tweets. S&rsquo;ils aiment vos tweets, ils deviendront peut-\u00eatre vos suiveurs. Dans cet article, nous montrons comment cr\u00e9er un <strong>widget de flux Twitter<\/strong> officiel pour votre site Web.<\/p>\n<h2>Cr\u00e9er un widget de flux Twitter<\/h2>\n<p>Pour cr\u00e9er un widget, vous devez d&rsquo;abord conna\u00eetre votre URL Twitter. Vous pouvez l&rsquo;obtenir en cliquant sur votre nom Twitter. Dans mon cas, mon URL Twitter est<a href=\"https:\/\/twitter.com\/artisanswebblog\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><\/a><a href=\"https:\/\/twitter.com\/artisanswebblog\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">https:\/\/twitter.com\/artisanswebblog<\/a>. Vous trouverez ci-dessous la capture d&rsquo;\u00e9cran pour obtenir votre URL.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20797-608229bc9ff97.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20797-608229bc9ff97.png\" alt=\"Comment cr\u00e9er un widget de flux Twitter pour un site Web\" ><\/a><\/p>\n<p>Une fois que vous avez obtenu votre URL Twitter, ajoutez le code HTML ci-dessous \u00e0 l&rsquo;endroit o\u00f9 vous souhaitez afficher le widget de flux Twitter.<\/p>\n<pre><code>&lt;a class=\"twitter-timeline\"\nhref=\"https:\/\/twitter.com\/artisanswebblog\"&gt;\n&lt;\/a&gt;\n&lt;script async \nsrc=\"\/\/platform.twitter.com\/widgets.js\"\ncharset=\"utf-8\"&gt;&lt;\/script&gt;<\/code><\/pre>\n<p>Plusieurs attributs sont fournis pour personnaliser votre widget. Vous trouverez ci-dessous la liste des attributs.<\/p>\n<table>\n<thead>\n<tr>\n<th>Les attributs<\/th>\n<th>La description<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>largeur des donn\u00e9es<\/td>\n<td>D\u00e9finissez la largeur de votre widget.<\/td>\n<\/tr>\n<tr>\n<td>donn\u00e9es-hauteur<\/td>\n<td>R\u00e9glez la hauteur de votre widget.<\/td>\n<\/tr>\n<tr>\n<td>donn\u00e9es-chrome<\/td>\n<td>Contr\u00f4lez le cadre du widget. Les valeurs possibles sont noheader, nofooter, noborders, noscrollbar, transparent<\/td>\n<\/tr>\n<tr>\n<td>th\u00e8me-donn\u00e9es<\/td>\n<td>D\u00e9finir le th\u00e8me du widget. Les valeurs possibles sont claires ou sombres.<\/td>\n<\/tr>\n<tr>\n<td>couleur de liaison de donn\u00e9es<\/td>\n<td>D\u00e9finir la couleur des liens dans les tweets.<\/td>\n<\/tr>\n<tr>\n<td>limite de tweet de donn\u00e9es<\/td>\n<td>D\u00e9finir le nombre de tweets pour le widget.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Vous pouvez utiliser les attributs ci-dessus et d\u00e9finir le widget selon vos besoins. En utilisant les attributs ci-dessus, je personnalise le HTML comme ci-dessous.<\/p>\n<pre><code>&lt;a class=\"twitter-timeline\"\nhref=\"https:\/\/twitter.com\/artisanswebblog\"\ndata-width=\"300\" data-height=\"300\"\ndata-chrome=\"noscrollbar\" data-theme=\"dark\"\ndata-link-color=\"#E95F28\" data-tweet-limit=\"3\"&gt;\n&lt;\/a&gt;\n&lt;script async \nsrc=\"\/\/platform.twitter.com\/widgets.js\"\ncharset=\"utf-8\"&gt;&lt;\/script&gt;<\/code><\/pre>\n<p>Voici la capture d&rsquo;\u00e9cran de mon widget Twitter final.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20797-608229bd06422.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20797-608229bd06422.png\" alt=\"Comment cr\u00e9er un widget de flux Twitter pour un site Web\" ><\/a><\/p>\n<p>Dans cet article, nous avons discut\u00e9 du widget officiel de Twitter. Si vous souhaitez cr\u00e9er un widget de flux enti\u00e8rement personnalis\u00e9 et que vous utilisez WordPress, veuillez lire notre article <a href=\"https:\/\/themewp.inform.click\/fr\/comment-creer-un-plugin-de-flux-twitter-wordpress\/\" title=\"COMMENT CR\u00c9ER UN PLUGIN DE FLUX WORDPRESS TWITTER\">COMMENT CR\u00c9ER UN PLUGIN DE FLUX WORDPRESS TWITTER<\/a><\/p>\n<p>J&rsquo;esp\u00e8re que vous comprenez comment cr\u00e9er un widget de flux Twitter officiel. Pour toute question ou suggestion, veuillez laisser un commentaire ci-dessous.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Source d&rsquo;enregistrement:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dans cet article, nous vous montrons comment cr\u00e9er un widget de flux Twitter pour votre site Web. Il suffit de 3 \u00e0 4 lignes de code et le tour est jou\u00e9.<\/p>\n","protected":false},"author":1,"featured_media":21672,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[412],"tags":[844],"class_list":["post-23546","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-divers","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/23546","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/comments?post=23546"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/23546\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media\/21672"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=23546"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=23546"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=23546"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}