{"id":3253,"date":"2012-04-12T00:12:28","date_gmt":"2012-04-11T22:12:28","guid":{"rendered":"http:\/\/jonk.pirateboy.net\/blog\/?p=3253"},"modified":"2012-04-12T22:42:30","modified_gmt":"2012-04-12T20:42:30","slug":"plugin-spotify-play-button-for-wordpress","status":"publish","type":"post","link":"https:\/\/jonk.pirateboy.net\/blog\/2012\/04\/12\/plugin-spotify-play-button-for-wordpress\/","title":{"rendered":"Plugin: Spotify Play Button for WordPress"},"content":{"rendered":"<p>Jag har skapat en plugin f\u00f6r att enkelt kunna l\u00e4gga in Spotify Play Buttons i poster och sidor i WordPress. Inst\u00e4llningar kan f\u00f6r hur det ska se ut kan g\u00f6ras p\u00e5 en egen inst\u00e4llningssida i WordPress, och f\u00f6r varje enskilt tillf\u00e4lle ocks\u00e5 om man vill g\u00f6ra undantag. <a href=\"http:\/\/wordpress.org\/extend\/plugins\/spotify-play-button-for-wordpress\/\">Ladda hem Spotify Play Button for WordPress redan nu<\/a>.<\/p>\n<p>Det \u00e4r superl\u00e4tt att l\u00e4gga in Spotify Play Buttons f\u00f6r album, spellistor och enstaka l\u00e5tar, kolla h\u00e4r. B\u00f6rja med att skriva <strong>[<\/strong> och sedan <strong>spotifyplaybutton play=&#8221;&#8221;]<\/strong> och forts\u00e4tt sedan med att h\u00f6gerklicka p\u00e5 ett album, en spellista eller en l\u00e5t i Spotify och v\u00e4lj &#8221;Copy Spotify URI&#8221;. Klistra in mellan &#8221;&#8221; och det \u00e4r klart!<\/p>\n<h2>S\u00e5h\u00e4r fint blir det<\/h2>\n<iframe style=\"max-height:500px;\" src=\"https:\/\/open.spotify.com\/embed\/album\/3ZSAnyUWyk8MYpxXXdCZ5l?utm_source=generator\" width=\"100%\" height=\"500\" frameBorder=\"0\" allowfullscreen=\"\" allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\"><\/iframe><p><a href=\"https:\/\/open.spotify.com\/album\/3ZSAnyUWyk8MYpxXXdCZ5l\" target=\"_blank\">Open in Spotify<\/a><\/p>\n<p>&nbsp;<\/p>\n<h2>Anv\u00e4nda attribut<\/h2>\n<p>Om jag nu vill g\u00f6ra en specialare som g\u00e5r ifr\u00e5n inst\u00e4llningarna som jag st\u00e4llt in i WordPress som best\u00e4mmer hur mina Spotify Play Buttons ska se ut s\u00e5 g\u00f6r jag s\u00e5h\u00e4r:<\/p>\n<iframe style=\"max-height:480px;\" src=\"https:\/\/open.spotify.com\/embed\/user\/jonk\/playlist\/7hifioJpXtH4uYC2N0C9tx?utm_source=generator\" width=\"400\" height=\"480\" frameBorder=\"0\" allowfullscreen=\"\" allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\"><\/iframe><p><a href=\"https:\/\/open.spotify.com\/user\/jonk\/playlist\/7hifioJpXtH4uYC2N0C9tx\" target=\"_blank\">Open in Spotify<\/a><\/p>\n<p>&nbsp;<\/p>\n<p>I detta fallet har jag lagt till attribut f\u00f6r att \u00e4ndra utseendet, s\u00e4h\u00e4r:<\/p>\n<ol>\n<li>view=&#8221;coverart&#8221;, kan vara coverart eller tom<\/li>\n<li>size=&#8221;400&#8243;, storleken p\u00e5 just denna<\/li>\n<li>sizetype=&#8221;width&#8221;, vad storleken anger (width, height eller compact). Compact g\u00f6r att den blir bred som size anger och 80 h\u00f6g, vilket inneb\u00e4r att listan inte syns, bara det som spelas just nu.<\/li>\n<li>theme=&#8221;white&#8221;, kan vara white eller tom<\/li>\n<\/ol>\n<p>Man skriver allts\u00e5: <code>spotifyplaybutton play=\"spotify:user:jonk:playlist:7hifioJpXtH4uYC2N0C9tx\" view=\"coverart\" size=\"400\" sizetype=\"width\" theme=\"white\"<\/code><\/p>\n<p>Nu n\u00e4r vi \u00e4nd\u00e5 b\u00f6rjar f\u00e5 kl\u00e4m p\u00e5 det h\u00e4r med att g\u00f6ra Spotify Play Buttons tycker jag att vi kan ta och kl\u00e4mma till med en compact ocks\u00e5. D\u00e5 skriver vi: <code>spotifyplaybutton play=\"spotify:track:0RvMG0PBy3uMRz2nULfjsK\" sizetype=\"compact\"<\/code><\/p>\n<iframe style=\"max-height:80px;\" src=\"https:\/\/open.spotify.com\/embed\/track\/0RvMG0PBy3uMRz2nULfjsK?utm_source=generator\" width=\"100%\" height=\"80\" frameBorder=\"0\" allowfullscreen=\"\" allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\"><\/iframe><p><a href=\"https:\/\/open.spotify.com\/track\/0RvMG0PBy3uMRz2nULfjsK\" target=\"_blank\">Open in Spotify<\/a><\/p>\n<p>&nbsp;<\/p>\n<p>I detta fallet hoppade vi \u00f6ver size eftersom vi \u00e4nd\u00e5 ville anv\u00e4nda den bredd som jag har valt i mina inst\u00e4llningar, och vi hoppade \u00f6ver view och theme eftersom de \u00e4nd\u00e5 inte syns i compact-l\u00e4get.<\/p>\n<p><a href=\"http:\/\/wordpress.org\/extend\/plugins\/spotify-play-button-for-wordpress\/\">Ladda hem<\/a>, anv\u00e4nd och ha kul! Hoppas ni gillar den!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Jag har skapat en plugin f\u00f6r att enkelt kunna l\u00e4gga in Spotify Play Buttons i poster och sidor i WordPress. Inst\u00e4llningar kan f\u00f6r hur det ska se ut kan g\u00f6ras p\u00e5 en egen inst\u00e4llningssida i WordPress, och f\u00f6r varje enskilt tillf\u00e4lle ocks\u00e5 om man vill g\u00f6ra undantag. Ladda hem Spotify Play Button for WordPress redan [&hellip;]<\/p>\n","protected":false},"author":27,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[123,14,27],"tags":[39,43,347,349],"class_list":["post-3253","post","type-post","status-publish","format-standard","hentry","category-plugins","category-programmering","category-wordpress","tag-plugin","tag-spotify","tag-spotify-play-button","tag-spotify-play-button-for-wordpress"],"_links":{"self":[{"href":"https:\/\/jonk.pirateboy.net\/blog\/wp-json\/wp\/v2\/posts\/3253","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jonk.pirateboy.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jonk.pirateboy.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jonk.pirateboy.net\/blog\/wp-json\/wp\/v2\/users\/27"}],"replies":[{"embeddable":true,"href":"https:\/\/jonk.pirateboy.net\/blog\/wp-json\/wp\/v2\/comments?post=3253"}],"version-history":[{"count":22,"href":"https:\/\/jonk.pirateboy.net\/blog\/wp-json\/wp\/v2\/posts\/3253\/revisions"}],"predecessor-version":[{"id":3278,"href":"https:\/\/jonk.pirateboy.net\/blog\/wp-json\/wp\/v2\/posts\/3253\/revisions\/3278"}],"wp:attachment":[{"href":"https:\/\/jonk.pirateboy.net\/blog\/wp-json\/wp\/v2\/media?parent=3253"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jonk.pirateboy.net\/blog\/wp-json\/wp\/v2\/categories?post=3253"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jonk.pirateboy.net\/blog\/wp-json\/wp\/v2\/tags?post=3253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}