{"id":23562,"date":"2021-05-02T15:58:00","date_gmt":"2021-05-02T12:58:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=23562"},"modified":"2021-10-17T21:27:12","modified_gmt":"2021-10-17T18:27:12","slug":"kuinka-luoda-twitter-syotteen-widget-verkkosivustolle","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/kuinka-luoda-twitter-syotteen-widget-verkkosivustolle\/","title":{"rendered":"Kuinka luoda Twitter-sy\u00f6tteen widget verkkosivustolle"},"content":{"rendered":"<p>Nyky\u00e4\u00e4n on trendi n\u00e4ytt\u00e4\u00e4 twiittej\u00e4 verkkosivustollasi. Sivustojen omistajat halusivat n\u00e4ytt\u00e4\u00e4 n\u00e4m\u00e4 twiitit sivupalkissa tai alatunnisteessa. Joten k\u00e4vij\u00e4t voivat lukea twiittej\u00e4 helposti. Jos he pit\u00e4v\u00e4t twiiteist\u00e4si, heist\u00e4 voi tulla sinun seuraajia. T\u00e4ss\u00e4 artikkelissa n\u00e4yt\u00e4mme, miten luodaan virallinen <strong>Twitter-sy\u00f6tteen widget<\/strong> verkkosivustollesi.<\/p>\n<h2>Luo Twitter-sy\u00f6tteen widget<\/h2>\n<p>Widgetin luomiseksi sinun on ensin tiedett\u00e4v\u00e4 Twitter-URL-osoitteesi. Saat sen napsauttamalla twitter-nime\u00e4si. Minun tapauksessani twitter-URL on<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>. Alla on kuvakaappaus siit\u00e4, miten saat URL-osoitteesi.<\/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=\"Kuinka luoda Twitter-sy\u00f6tteen widget verkkosivustolle\" ><\/a><\/p>\n<p>Kun olet saanut Twitter-URL-osoitteesi, lis\u00e4\u00e4 alla oleva HTML-koodi kohtaan, jossa haluat n\u00e4ytt\u00e4\u00e4 Twitter-sy\u00f6tteen widgetin.<\/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>Widgetin mukauttamiseksi on annettu useita m\u00e4\u00e4ritteit\u00e4. Alla on luettelo m\u00e4\u00e4ritteist\u00e4.<\/p>\n<table>\n<thead>\n<tr>\n<th>M\u00e4\u00e4ritteet<\/th>\n<th>Kuvaus<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>datan leveys<\/td>\n<td>Aseta widgetisi leveys.<\/td>\n<\/tr>\n<tr>\n<td>datakorkeus<\/td>\n<td>Aseta widgetin korkeus.<\/td>\n<\/tr>\n<tr>\n<td>data-kromi<\/td>\n<td>Ohjaa widgetin kehyst\u00e4. Mahdolliset arvot ovat noheader, nofooter, noborders, noscrollbar, transparent<\/td>\n<\/tr>\n<tr>\n<td>data-teema<\/td>\n<td>Aseta teema widgetille. Mahdolliset arvot ovat vaaleat tai tummat.<\/td>\n<\/tr>\n<tr>\n<td>data-link-color<\/td>\n<td>Aseta linkkien v\u00e4ri tweeteiss\u00e4.<\/td>\n<\/tr>\n<tr>\n<td>data-tweet-raja<\/td>\n<td>Aseta twiittien m\u00e4\u00e4r\u00e4 widgetille.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Voit k\u00e4ytt\u00e4\u00e4 yll\u00e4 olevia m\u00e4\u00e4ritteit\u00e4 ja asettaa widgetin tarpeidesi mukaan. K\u00e4ytt\u00e4m\u00e4ll\u00e4 yll\u00e4 olevia m\u00e4\u00e4ritteit\u00e4 mukautan HTML-koodin alla olevan mukaisesti.<\/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>T\u00e4ss\u00e4 on kuvakaappaus viimeisest\u00e4 Twitter-widgetist\u00e4.<\/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=\"Kuinka luoda Twitter-sy\u00f6tteen widget verkkosivustolle\" ><\/a><\/p>\n<p>T\u00e4ss\u00e4 viestiss\u00e4 olemme keskustelleet virallisesta twitter-widgetist\u00e4. Jos haluat luoda t\u00e4ysin r\u00e4\u00e4t\u00e4l\u00f6idyn sy\u00f6tteen widgetin ja k\u00e4yt\u00e4t WordPressi\u00e4, lue sitten viesti <a href=\"https:\/\/themewp.inform.click\/fi\/kuinka-luoda-wordpress-twitter-syotelaajennus\/\" title=\"WORDPRESS TWITTER FEED PLUGININ LUOMINEN\">WORDPRESS TWITTER FEED PLUGININ LUOMINEN<\/a><\/p>\n<p>Toivon, ett\u00e4 ymm\u00e4rr\u00e4t, kuinka luoda virallinen Twitter-sy\u00f6tteen widget. Jos sinulla on kysytt\u00e4v\u00e4\u00e4 tai ehdotuksia, j\u00e4t\u00e4 kommentti alla.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>T\u00e4ss\u00e4 artikkelissa n\u00e4yt\u00e4mme, kuinka voit luoda Twitter-sy\u00f6tteen widgetin verkkosivustollesi. Se tarvitsee vain 3-4 rivi\u00e4 koodia ja olet valmis.<\/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":[414],"tags":[843],"class_list":["post-23562","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sekalaisia","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/23562","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/comments?post=23562"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/23562\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media\/21672"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media?parent=23562"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/categories?post=23562"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/tags?post=23562"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}