{"id":4959,"date":"2025-12-09T17:34:45","date_gmt":"2025-12-09T17:34:45","guid":{"rendered":"https:\/\/thoth.dk\/?p=4959"},"modified":"2025-12-10T21:41:55","modified_gmt":"2025-12-10T21:41:55","slug":"test-playground-on-at-wp-page","status":"publish","type":"post","link":"https:\/\/thoth.dk\/index.php\/2025\/12\/09\/test-playground-on-at-wp-page\/","title":{"rendered":"Eksperiment: Playground i et indl\u00e6g"},"content":{"rendered":"\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\">Playground kan bygges ind i en webside. Praktisk med hensyn til demonstrationer og test.<\/p>\n<\/div>\n\n\n\n<style>\n   iframe {\n      width: 80%;\n      height: 1200px;\n      display: block;\n      margin: 0 auto;\n   }\n<\/style>\n\n<iframe src=\"https:\/\/playground.wordpress.net\"\ntitle=\"WordPress Playground\"><\/iframe>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<ul class=\"wp-block-list\">\n<li>L\u00e6g playground i en iframe.<\/li>\n\n\n\n<li>Pr\u00f8v at indl\u00e6se et design fra en zip med et blueprint.<\/li>\n\n\n\n<li>Iframen bliver for lille p\u00e5 en traditionel template. Jeg lavede en blank template hvor indholdsblokken gik til kant.<\/li>\n\n\n\n<li>Playground fungerer bedst, n\u00e5r den ikke k\u00f8rer i en iframe; men til demonstrationer kan det v\u00e6re praktisk.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Pr\u00f8v ogs\u00e5 at k\u00f8re Playground direkte i browseren:<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/playground.wordpress.net\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Start Playground<\/a><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Artikel: How to create custom blueprints<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Knappen herunder linker til et blueprint, der indl\u00e6ser en online fil med fuldt design. Zip-filen er eksporteret fra Playground og ligger p\u00e5 en server. Og s\u00e5 er mit kursus klar online:<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/playground.wordpress.net\/#{%20%22$schema%22:%20%22https:\/\/playground.wordpress.net\/blueprint-schema.json%22,%20%22landingPage%22:%20%22\/%22,%20%22login%22:%20true,%20%22preferredVersions%22:%20{%20%22wp%22:%20%22latest%22,%20%22php%22:%20%228.3%22%20},%20%22features%22:%20{%20%22networking%22:%20true%20},%20%22steps%22:%20[%20{%20%22step%22:%20%22importWordPressFiles%22,%20%22wordPressFilesZip%22:%20{%20%22resource%22:%20%22url%22,%20%22url%22:%20%22https:\/\/playground.thoth.dk\/kursus2026.zip%22%20}%20}%20]%20}\" target=\"_blank\" rel=\"noreferrer noopener\">Pr\u00f8v: Kursus Blueprint<\/a><\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Blueprintet ser s\u00e5dan ud:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\n{\n  \"$schema\": \"https:\/\/playground.wordpress.net\/blueprint-schema.json\",\n  \"landingPage\": \"\/\",\n  \"login\": true,\n  \"preferredVersions\": {\n    \"wp\": \"latest\",\n    \"php\": \"8.3\"\n  },\n  \"features\": {\n    \"networking\": true\n  },\n  \"steps\": &#91;\n    {\n      \"step\": \"importWordPressFiles\",\n      \"wordPressFilesZip\": {\n        \"resource\": \"url\",\n        \"url\": \"https:\/\/playground.thoth.dk\/kursus2026.zip\"\n      }\n    }\n  ]\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress.org &#8211; dokumentation: <a href=\"https:\/\/developer.wordpress.com\/docs\/guides\/how-to-create-custom-blueprints\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">https:\/\/developer.wordpress.com\/docs\/guides\/how-to-create-custom-blueprints\/<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Hvad er bedst: iframe eller JavaScript location.href?<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">iframe<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">N\u00e5r Playground ligger i en iframe kan man ikke &#8220;bryde ud i nye vinduer&#8221;, fx n\u00e5r man skal se, hvordan en side ser ud. Det virker lidt b\u00f8vlet; men l\u00f8ser faktisk et problem. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">N\u00e5r nye vinduer \u00e5bnes mister man Playgrounds muligheder for at arbejde med indstillinger. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Man kan heller ikke gemme indstillinger i en mappe p\u00e5 computeren. L\u00f8sningen er at eksportere arbejdet til en zip, der igen kan indl\u00e6ses via et blueprint.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">JavaScript location.href<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c5bner simpelt hen en Playground instance i browseren. <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>location.href = 'https:\/\/playground.wordpress.net\/'<\/code><\/pre>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\">Se koden p\u00e5 <a href=\"https:\/\/github.com\/asathoor\/playground-iframe\/blob\/main\/index.html#L12-L13\">Github<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Her er alle muligheder \u00e5bne, og brugeren m\u00e5 gerne bryde ud af vinduerne, som WP g\u00e5r n\u00e5r man fx bruger &#8220;Vis indl\u00e6g&#8221;. Denne mulighed fungerer via location.href.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Om det ene er bedre end det andet? Det kommer an p\u00e5, hvad du vil.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">URL&#8217;en og blueprintet<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Formatet ser s\u00e5dan ud:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>https:\/\/playground.wordpress.net\/#{\"preferredVersions.... etc. .... }<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Json kan se s\u00e5dan ud: <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>{\n  \"$schema\": \"https:\/\/playground.wordpress.net\/blueprint-schema.json\",\n  \"landingPage\": \"\/wp-admin\/\",\n  \"login\": true,\n  \"preferredVersions\": {\n    \"php\": \"8.3\",\n    \"wp\": \"latest\"\n  },\n  \"steps\": &#91;\n    {\n      \"step\": \"installPlugin\",\n      \"pluginData\": {\n        \"resource\": \"wordpress.org\/plugins\",\n        \"slug\": \"woocommerce\"\n      },\n      \"options\": {\n        \"activate\": true\n      }\n    },\n    {\n      \"step\": \"installTheme\",\n      \"themeData\": {\n        \"resource\": \"wordpress.org\/themes\",\n        \"slug\": \"pendant\"\n      },\n      \"options\": {\n        \"activate\": true\n      }\n    },\n    {\n      \"step\": \"updateUserMeta\",\n      \"meta\": {\n        \"admin_color\": \"modern\"\n      },\n      \"userId\": 1\n    }\n  ]\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">En \u00e6ldre version af WP (mellemrum osv. f\u00e5r url&#8217;en til at se lidt m\u00e6rkelig ud; men det virker faktisk):<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>https:&#47;&#47;playground.wordpress.net\/#{%20%22$schema%22:%20%22https:\/\/playground.wordpress.net\/blueprint-schema.json%22,%20%22preferredVersions%22:%20{%20%22php%22:%20%228.3%22,%20%22wp%22:%20%226.5%22%20}%20}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Pr\u00f8v det <a href=\"https:\/\/playground.wordpress.net\/#{%20%22$schema%22:%20%22https:\/\/playground.wordpress.net\/blueprint-schema.json%22,%20%22preferredVersions%22:%20{%20%22php%22:%20%228.3%22,%20%22wp%22:%20%226.5%22%20}%20}\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">her<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Brug &#8220;landingpage&#8221; n\u00e5r en bestemt side skal \u00e5bnes, fx designmanualen. Man m\u00e5 kunne \u00e5bne WP direkte i designmanualen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Man kan f.eks. \u00e5bne direkte i styles editoren:<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/playground.wordpress.net\/#{%20%22$schema%22:%20%22https:\/\/playground.wordpress.net\/blueprint-schema.json%22,%20%22landingPage%22:%20%22\/wp-admin\/site-editor.php?p=%2Fstyles%22,%20%22plugins%22:%20[],%20%22steps%22:%20[],%20%22preferredVersions%22:%20{%20%22php%22:%20%228.4%22,%20%22wp%22:%20%22latest%22%20},%20%22features%22:%20{},%20%22login%22:%20true%20}\">Rediger Styles<\/a><\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Videre: zip-filer med design loades.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Playground kan bygges ind i en webside. Praktisk med hensyn til demonstrationer og test. Pr\u00f8v ogs\u00e5 at k\u00f8re Playground direkte i browseren: Artikel: How to create custom blueprints Knappen herunder linker til et blueprint, der indl\u00e6ser en online fil med fuldt design. Zip-filen er eksporteret fra Playground og ligger p\u00e5 en server. Og s\u00e5 er [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4175,"comment_status":"open","ping_status":"open","sticky":false,"template":"blankt-l-rred-til-indl-g","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[24],"tags":[188,189,56,149,49],"class_list":["post-4959","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-programming","tag-eksperiment","tag-iframe","tag-playground","tag-template","tag-tilpasset-kode"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Eksperiment: Playground i et indl\u00e6g - Wordpress og WooCommerce<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/thoth.dk\/index.php\/2025\/12\/09\/test-playground-on-at-wp-page\/\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Eksperiment: Playground i et indl\u00e6g - Wordpress og WooCommerce\" \/>\n<meta property=\"og:description\" content=\"Playground kan bygges ind i en webside. Praktisk med hensyn til demonstrationer og test. Pr\u00f8v ogs\u00e5 at k\u00f8re Playground direkte i browseren: Artikel: How to create custom blueprints Knappen herunder linker til et blueprint, der indl\u00e6ser en online fil med fuldt design. Zip-filen er eksporteret fra Playground og ligger p\u00e5 en server. Og s\u00e5 er [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thoth.dk\/index.php\/2025\/12\/09\/test-playground-on-at-wp-page\/\" \/>\n<meta property=\"og:site_name\" content=\"Wordpress og WooCommerce\" \/>\n<meta property=\"article:published_time\" content=\"2025-12-09T17:34:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-10T21:41:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/10\/grum-683x1024.png\" \/>\n\t<meta property=\"og:image:width\" content=\"683\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Per Thykj\u00e6r Jensen\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Skrevet af\" \/>\n\t<meta name=\"twitter:data1\" content=\"Per Thykj\u00e6r Jensen\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimeret l\u00e6setid\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/12\\\/09\\\/test-playground-on-at-wp-page\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/12\\\/09\\\/test-playground-on-at-wp-page\\\/\"},\"author\":{\"name\":\"Per Thykj\u00e6r Jensen\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/#\\\/schema\\\/person\\\/d94ae14e2a45089632b96d9f633fac06\"},\"headline\":\"Eksperiment: Playground i et indl\u00e6g\",\"datePublished\":\"2025-12-09T17:34:45+00:00\",\"dateModified\":\"2025-12-10T21:41:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/12\\\/09\\\/test-playground-on-at-wp-page\\\/\"},\"wordCount\":372,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/12\\\/09\\\/test-playground-on-at-wp-page\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thoth.dk\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/grum.png\",\"keywords\":[\"eksperiment\",\"iframe\",\"Playground\",\"Template\",\"Tilpasset kode\"],\"articleSection\":[\"Programming\"],\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/12\\\/09\\\/test-playground-on-at-wp-page\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/12\\\/09\\\/test-playground-on-at-wp-page\\\/\",\"url\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/12\\\/09\\\/test-playground-on-at-wp-page\\\/\",\"name\":\"Eksperiment: Playground i et indl\u00e6g - Wordpress og WooCommerce\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/12\\\/09\\\/test-playground-on-at-wp-page\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/12\\\/09\\\/test-playground-on-at-wp-page\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thoth.dk\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/grum.png\",\"datePublished\":\"2025-12-09T17:34:45+00:00\",\"dateModified\":\"2025-12-10T21:41:55+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/#\\\/schema\\\/person\\\/d94ae14e2a45089632b96d9f633fac06\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/12\\\/09\\\/test-playground-on-at-wp-page\\\/#breadcrumb\"},\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/12\\\/09\\\/test-playground-on-at-wp-page\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/12\\\/09\\\/test-playground-on-at-wp-page\\\/#primaryimage\",\"url\":\"https:\\\/\\\/thoth.dk\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/grum.png\",\"contentUrl\":\"https:\\\/\\\/thoth.dk\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/grum.png\",\"width\":1024,\"height\":1536},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/12\\\/09\\\/test-playground-on-at-wp-page\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/thoth.dk\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Eksperiment: Playground i et indl\u00e6g\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/#website\",\"url\":\"https:\\\/\\\/thoth.dk\\\/\",\"name\":\"Wordpress og WooCommerce\",\"description\":\"Syv kreative dage med WordPress og WooCommerce\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/thoth.dk\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"da-DK\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/#\\\/schema\\\/person\\\/d94ae14e2a45089632b96d9f633fac06\",\"name\":\"Per Thykj\u00e6r Jensen\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0c742a8215d5628ce5ef34c45460dd1c5211c693c0613635306baeec5c28d7a9?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0c742a8215d5628ce5ef34c45460dd1c5211c693c0613635306baeec5c28d7a9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0c742a8215d5628ce5ef34c45460dd1c5211c693c0613635306baeec5c28d7a9?s=96&d=mm&r=g\",\"caption\":\"Per Thykj\u00e6r Jensen\"},\"description\":\"P\u00e5 Thoth.dk kan du finde tutorials og artikler om udvikling af websites med WordPress og online shopping med WooCommerce. Der er fokus p\u00e5 de nyeste blokbaserede temaer og metoder. Materialer og tutorials er udviklet af Per Thykj\u00e6r Jensen, lektor p\u00e5 Multimediedesigneruddannelsen ved Erhvervsakademi Aarhus.\",\"sameAs\":[\"https:\\\/\\\/thoth.dk\"],\"url\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/author\\\/per\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Eksperiment: Playground i et indl\u00e6g - Wordpress og WooCommerce","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/thoth.dk\/index.php\/2025\/12\/09\/test-playground-on-at-wp-page\/","og_locale":"da_DK","og_type":"article","og_title":"Eksperiment: Playground i et indl\u00e6g - Wordpress og WooCommerce","og_description":"Playground kan bygges ind i en webside. Praktisk med hensyn til demonstrationer og test. Pr\u00f8v ogs\u00e5 at k\u00f8re Playground direkte i browseren: Artikel: How to create custom blueprints Knappen herunder linker til et blueprint, der indl\u00e6ser en online fil med fuldt design. Zip-filen er eksporteret fra Playground og ligger p\u00e5 en server. Og s\u00e5 er [&hellip;]","og_url":"https:\/\/thoth.dk\/index.php\/2025\/12\/09\/test-playground-on-at-wp-page\/","og_site_name":"Wordpress og WooCommerce","article_published_time":"2025-12-09T17:34:45+00:00","article_modified_time":"2025-12-10T21:41:55+00:00","og_image":[{"width":683,"height":1024,"url":"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/10\/grum-683x1024.png","type":"image\/png"}],"author":"Per Thykj\u00e6r Jensen","twitter_card":"summary_large_image","twitter_misc":{"Skrevet af":"Per Thykj\u00e6r Jensen","Estimeret l\u00e6setid":"2 minutter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/thoth.dk\/index.php\/2025\/12\/09\/test-playground-on-at-wp-page\/#article","isPartOf":{"@id":"https:\/\/thoth.dk\/index.php\/2025\/12\/09\/test-playground-on-at-wp-page\/"},"author":{"name":"Per Thykj\u00e6r Jensen","@id":"https:\/\/thoth.dk\/#\/schema\/person\/d94ae14e2a45089632b96d9f633fac06"},"headline":"Eksperiment: Playground i et indl\u00e6g","datePublished":"2025-12-09T17:34:45+00:00","dateModified":"2025-12-10T21:41:55+00:00","mainEntityOfPage":{"@id":"https:\/\/thoth.dk\/index.php\/2025\/12\/09\/test-playground-on-at-wp-page\/"},"wordCount":372,"commentCount":0,"image":{"@id":"https:\/\/thoth.dk\/index.php\/2025\/12\/09\/test-playground-on-at-wp-page\/#primaryimage"},"thumbnailUrl":"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/10\/grum.png","keywords":["eksperiment","iframe","Playground","Template","Tilpasset kode"],"articleSection":["Programming"],"inLanguage":"da-DK","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/thoth.dk\/index.php\/2025\/12\/09\/test-playground-on-at-wp-page\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/thoth.dk\/index.php\/2025\/12\/09\/test-playground-on-at-wp-page\/","url":"https:\/\/thoth.dk\/index.php\/2025\/12\/09\/test-playground-on-at-wp-page\/","name":"Eksperiment: Playground i et indl\u00e6g - Wordpress og WooCommerce","isPartOf":{"@id":"https:\/\/thoth.dk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thoth.dk\/index.php\/2025\/12\/09\/test-playground-on-at-wp-page\/#primaryimage"},"image":{"@id":"https:\/\/thoth.dk\/index.php\/2025\/12\/09\/test-playground-on-at-wp-page\/#primaryimage"},"thumbnailUrl":"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/10\/grum.png","datePublished":"2025-12-09T17:34:45+00:00","dateModified":"2025-12-10T21:41:55+00:00","author":{"@id":"https:\/\/thoth.dk\/#\/schema\/person\/d94ae14e2a45089632b96d9f633fac06"},"breadcrumb":{"@id":"https:\/\/thoth.dk\/index.php\/2025\/12\/09\/test-playground-on-at-wp-page\/#breadcrumb"},"inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thoth.dk\/index.php\/2025\/12\/09\/test-playground-on-at-wp-page\/"]}]},{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/thoth.dk\/index.php\/2025\/12\/09\/test-playground-on-at-wp-page\/#primaryimage","url":"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/10\/grum.png","contentUrl":"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/10\/grum.png","width":1024,"height":1536},{"@type":"BreadcrumbList","@id":"https:\/\/thoth.dk\/index.php\/2025\/12\/09\/test-playground-on-at-wp-page\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thoth.dk\/"},{"@type":"ListItem","position":2,"name":"Eksperiment: Playground i et indl\u00e6g"}]},{"@type":"WebSite","@id":"https:\/\/thoth.dk\/#website","url":"https:\/\/thoth.dk\/","name":"Wordpress og WooCommerce","description":"Syv kreative dage med WordPress og WooCommerce","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/thoth.dk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"da-DK"},{"@type":"Person","@id":"https:\/\/thoth.dk\/#\/schema\/person\/d94ae14e2a45089632b96d9f633fac06","name":"Per Thykj\u00e6r Jensen","image":{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/secure.gravatar.com\/avatar\/0c742a8215d5628ce5ef34c45460dd1c5211c693c0613635306baeec5c28d7a9?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/0c742a8215d5628ce5ef34c45460dd1c5211c693c0613635306baeec5c28d7a9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0c742a8215d5628ce5ef34c45460dd1c5211c693c0613635306baeec5c28d7a9?s=96&d=mm&r=g","caption":"Per Thykj\u00e6r Jensen"},"description":"P\u00e5 Thoth.dk kan du finde tutorials og artikler om udvikling af websites med WordPress og online shopping med WooCommerce. Der er fokus p\u00e5 de nyeste blokbaserede temaer og metoder. Materialer og tutorials er udviklet af Per Thykj\u00e6r Jensen, lektor p\u00e5 Multimediedesigneruddannelsen ved Erhvervsakademi Aarhus.","sameAs":["https:\/\/thoth.dk"],"url":"https:\/\/thoth.dk\/index.php\/author\/per\/"}]}},"_links":{"self":[{"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/posts\/4959","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/comments?post=4959"}],"version-history":[{"count":15,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/posts\/4959\/revisions"}],"predecessor-version":[{"id":5027,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/posts\/4959\/revisions\/5027"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/media\/4175"}],"wp:attachment":[{"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/media?parent=4959"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/categories?post=4959"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/tags?post=4959"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}