{"id":27082,"date":"2021-05-02T16:05:00","date_gmt":"2021-05-02T13:05:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=27082"},"modified":"2021-10-17T05:22:44","modified_gmt":"2021-10-17T02:22:44","slug":"hur-man-skapar-twitter-feedwidget-for-webbplatsen","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/sv\/hur-man-skapar-twitter-feedwidget-for-webbplatsen\/","title":{"rendered":"Hur man skapar Twitter-feedwidget f\u00f6r webbplatsen"},"content":{"rendered":"<p>Numera \u00e4r det en trend att visa dina tweets p\u00e5 din webbplats. Webbplats\u00e4gare f\u00f6redrog att visa dessa tweets i sidof\u00e4ltet eller sidfoten. S\u00e5 bes\u00f6karna kan enkelt l\u00e4sa tweets. Om de gillar dina tweets blir de m\u00f6jligen en f\u00f6ljare av dig. I den h\u00e4r artikeln visar vi hur du skapar en officiell <strong>Twitter-feedwidget<\/strong> f\u00f6r din webbplats.<\/p>\n<h2>Skapa Twitter Feed Widget<\/h2>\n<p>F\u00f6r att skapa en widget b\u00f6r du f\u00f6rst k\u00e4nna till din twitter-URL. Du kan f\u00e5 det genom att klicka p\u00e5 ditt twitternamn. I mitt fall \u00e4r min twitter-URL<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>. Nedan \u00e4r sk\u00e4rmdumpen hur du f\u00e5r din 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=\"Hur man skapar Twitter-feedwidget f\u00f6r webbplatsen\" ><\/a><\/p>\n<p>N\u00e4r du har f\u00e5tt din twitter-URL, l\u00e4gg till nedanst\u00e5ende HTML d\u00e4r du vill visa Twitter-feedwidget.<\/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>Det finns flera attribut f\u00f6r att anpassa din widget. Nedan \u00e4r listan \u00f6ver attribut.<\/p>\n<table>\n<thead>\n<tr>\n<th>Attribut<\/th>\n<th>Beskrivning<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>data-bredd<\/td>\n<td>St\u00e4ll in bredden p\u00e5 din widget.<\/td>\n<\/tr>\n<tr>\n<td>data-h\u00f6jd<\/td>\n<td>St\u00e4ll in din widget.<\/td>\n<\/tr>\n<tr>\n<td>datakrom<\/td>\n<td>Kontrollera ramen f\u00f6r widgeten. M\u00f6jliga v\u00e4rden \u00e4r noheader, nofooter, noborders, noscrollbar, transparent<\/td>\n<\/tr>\n<tr>\n<td>datatema<\/td>\n<td>St\u00e4ll in tema f\u00f6r widget. M\u00f6jliga v\u00e4rden \u00e4r ljusa eller m\u00f6rka.<\/td>\n<\/tr>\n<tr>\n<td>datal\u00e4nk-f\u00e4rg<\/td>\n<td>St\u00e4ll in f\u00e4rg p\u00e5 l\u00e4nkar i tweets.<\/td>\n<\/tr>\n<tr>\n<td>data-tweet-limit<\/td>\n<td>St\u00e4ll in antal tweets f\u00f6r widgeten.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Du kan anv\u00e4nda ovanst\u00e5ende attribut och st\u00e4lla in widgeten enligt dina krav. Genom att anv\u00e4nda ovanst\u00e5ende attribut anpassar jag HTML: n enligt nedan.<\/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>H\u00e4r \u00e4r sk\u00e4rmdumpen av min sista Twitter-widget.<\/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=\"Hur man skapar Twitter-feedwidget f\u00f6r webbplatsen\" ><\/a><\/p>\n<p>I det h\u00e4r inl\u00e4gget har vi diskuterat officiell Twitter-widget. Om du vill skapa helt anpassad fl\u00f6deswidget och du anv\u00e4nder WordPress l\u00e4s v\u00e5rt inl\u00e4gg <a href=\"https:\/\/themewp.inform.click\/sv\/hur-man-skapar-wordpress-twitter-feed-plugin\/\" title=\"HUR SKAPAR DU WORDPRESS TWITTER FEED PLUGIN\">HUR SKAPAR DU WORDPRESS TWITTER FEED PLUGIN<\/a><\/p>\n<p>Jag hoppas att du f\u00f6rst\u00e5r hur du skapar en officiell Twitter-feedwidget. F\u00f6r eventuella fr\u00e5gor eller f\u00f6rslag l\u00e4mna en kommentar nedan.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Inspelningsk\u00e4lla:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I den h\u00e4r artikeln visar vi dig hur du skapar Twitter Feed Widget f\u00f6r din webbplats. Det beh\u00f6ver bara 3-4 rader kod och du \u00e4r klar.<\/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":[418],"tags":[850],"class_list":["post-27082","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diverse","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/27082","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/comments?post=27082"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/27082\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media\/21672"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media?parent=27082"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/categories?post=27082"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/tags?post=27082"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}