{"id":6795,"date":"2026-02-22T15:52:44","date_gmt":"2026-02-22T15:52:44","guid":{"rendered":"https:\/\/thoth.dk\/?p=6795"},"modified":"2026-02-22T17:56:54","modified_gmt":"2026-02-22T17:56:54","slug":"test-medie-image","status":"publish","type":"post","link":"https:\/\/thoth.dk\/index.php\/2026\/02\/22\/test-medie-image\/","title":{"rendered":"Test: &#8220;Medie og Tekst&#8221; loop"},"content":{"rendered":"\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 data-wp-context---core-fit-text=\"core\/fit-text::{&quot;fontSize&quot;:&quot;&quot;}\" data-wp-init---core-fit-text=\"core\/fit-text::callbacks.init\" data-wp-interactive data-wp-style--font-size=\"core\/fit-text::context.fontSize\" class=\"wp-block-heading has-fit-text\"><span class=\"wp-rich-text-font-awesome-icon wp-font-awesome-icon\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"music\" class=\"svg-inline--fa fa-music \" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M499.1 6.3c8.1 6 12.9 15.6 12.9 25.7v72V368c0 44.2-43 80-96 80s-96-35.8-96-80s43-80 96-80c11.2 0 22 1.6 32 4.6V147L192 223.8V432c0 44.2-43 80-96 80s-96-35.8-96-80s43-80 96-80c11.2 0 22 1.6 32 4.6V200 128c0-14.1 9.3-26.6 22.8-30.7l320-96c9.7-2.9 20.2-1.1 28.3 5z\"><\/path><\/svg><\/span>\u00a0Blok: Medie og Tekst<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Eksperiment med et loop, hvor indholdet pr\u00e6senteres via Medie og Tekst blokken. Mediet er det udvalgte billede.<\/p>\n\n\n\n<h2 data-wp-context---core-fit-text=\"core\/fit-text::{&quot;fontSize&quot;:&quot;&quot;}\" data-wp-init---core-fit-text=\"core\/fit-text::callbacks.init\" data-wp-interactive data-wp-style--font-size=\"core\/fit-text::context.fontSize\" class=\"wp-block-heading has-fit-text\" style=\"margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50)\"><span class=\"wp-rich-text-font-awesome-icon wp-font-awesome-icon\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"book\" class=\"svg-inline--fa fa-book \" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path fill=\"currentColor\" d=\"M96 0C43 0 0 43 0 96V416c0 53 43 96 96 96H384h32c17.7 0 32-14.3 32-32s-14.3-32-32-32V384c17.7 0 32-14.3 32-32V32c0-17.7-14.3-32-32-32H384 96zm0 384H352v64H96c-17.7 0-32-14.3-32-32s14.3-32 32-32zm32-240c0-8.8 7.2-16 16-16H336c8.8 0 16 7.2 16 16s-7.2 16-16 16H144c-8.8 0-16-7.2-16-16zm16 48H336c8.8 0 16 7.2 16 16s-7.2 16-16 16H144c-8.8 0-16-7.2-16-16s7.2-16 16-16z\"><\/path><\/svg><\/span>\u00a0Foresp\u00f8rgsels-loopets kriterier<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Kategorier<\/strong>: &#8220;Tutorials&#8221; og &#8220;Danske artikler&#8221;<\/li>\n\n\n\n<li><strong>Tags<\/strong>: &#8220;Tilpasset HTML&#8221; og &#8220;Tilpasset kode&#8221;.<\/li>\n\n\n\n<li><strong>Sortering<\/strong>: alfabetisk.<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 data-wp-context---core-fit-text=\"core\/fit-text::{&quot;fontSize&quot;:&quot;&quot;}\" data-wp-init---core-fit-text=\"core\/fit-text::callbacks.init\" data-wp-interactive data-wp-style--font-size=\"core\/fit-text::context.fontSize\" class=\"wp-block-heading has-fit-text\" style=\"margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50)\"><span class=\"wp-rich-text-font-awesome-icon wp-font-awesome-icon\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"gears\" class=\"svg-inline--fa fa-gears \" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path fill=\"currentColor\" d=\"M305.5 135.3c7.1-6.3 9.9-16.2 6.2-25c-2.3-5.3-4.8-10.5-7.6-15.5L301 89.4c-3-5-6.3-9.9-9.8-14.6c-5.7-7.6-15.7-10.1-24.7-7.1l-28.2 9.3c-10.7-8.8-23-16-36.2-20.9L196 27.1c-1.9-9.3-9.1-16.7-18.5-17.8C170.9 8.4 164.2 8 157.4 8h-.7c-6.8 0-13.5 .4-20.1 1.2c-9.4 1.1-16.6 8.6-18.5 17.8L112 56.1c-13.3 5-25.5 12.1-36.2 20.9L47.5 67.8c-9-3-19-.5-24.7 7.1c-3.5 4.7-6.8 9.6-9.9 14.6l-3 5.3c-2.8 5-5.3 10.2-7.6 15.6c-3.7 8.7-.9 18.6 6.2 25l22.2 19.8C29.6 161.9 29 168.9 29 176s.6 14.1 1.7 20.9L8.5 216.7c-7.1 6.3-9.9 16.2-6.2 25c2.3 5.3 4.8 10.5 7.6 15.6l3 5.2c3 5.1 6.3 9.9 9.9 14.6c5.7 7.6 15.7 10.1 24.7 7.1l28.2-9.3c10.7 8.8 23 16 36.2 20.9l6.1 29.1c1.9 9.3 9.1 16.7 18.5 17.8c6.7 .8 13.5 1.2 20.4 1.2s13.7-.4 20.4-1.2c9.4-1.1 16.6-8.6 18.5-17.8l6.1-29.1c13.3-5 25.5-12.1 36.2-20.9l28.2 9.3c9 3 19 .5 24.7-7.1c3.5-4.7 6.8-9.5 9.8-14.6l3.1-5.4c2.8-5 5.3-10.2 7.6-15.5c3.7-8.7 .9-18.6-6.2-25l-22.2-19.8c1.1-6.8 1.7-13.8 1.7-20.9s-.6-14.1-1.7-20.9l22.2-19.8zM109 176a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zM501.7 500.5c6.3 7.1 16.2 9.9 25 6.2c5.3-2.3 10.5-4.8 15.5-7.6l5.4-3.1c5-3 9.9-6.3 14.6-9.8c7.6-5.7 10.1-15.7 7.1-24.7l-9.3-28.2c8.8-10.7 16-23 20.9-36.2l29.1-6.1c9.3-1.9 16.7-9.1 17.8-18.5c.8-6.7 1.2-13.5 1.2-20.4s-.4-13.7-1.2-20.4c-1.1-9.4-8.6-16.6-17.8-18.5L580.9 307c-5-13.3-12.1-25.5-20.9-36.2l9.3-28.2c3-9 .5-19-7.1-24.7c-4.7-3.5-9.6-6.8-14.6-9.9l-5.3-3c-5-2.8-10.2-5.3-15.6-7.6c-8.7-3.7-18.6-.9-25 6.2l-19.8 22.2c-6.8-1.1-13.8-1.7-20.9-1.7s-14.1 .6-20.9 1.7l-19.8-22.2c-6.3-7.1-16.2-9.9-25-6.2c-5.3 2.3-10.5 4.8-15.6 7.6l-5.2 3c-5.1 3-9.9 6.3-14.6 9.9c-7.6 5.7-10.1 15.7-7.1 24.7l9.3 28.2c-8.8 10.7-16 23-20.9 36.2L312.1 313c-9.3 1.9-16.7 9.1-17.8 18.5c-.8 6.7-1.2 13.5-1.2 20.4s.4 13.7 1.2 20.4c1.1 9.4 8.6 16.6 17.8 18.5l29.1 6.1c5 13.3 12.1 25.5 20.9 36.2l-9.3 28.2c-3 9-.5 19 7.1 24.7c4.7 3.5 9.5 6.8 14.6 9.8l5.4 3.1c5 2.8 10.2 5.3 15.5 7.6c8.7 3.7 18.6 .9 25-6.2l19.8-22.2c6.8 1.1 13.8 1.7 20.9 1.7s14.1-.6 20.9-1.7l19.8 22.2zM461 304a48 48 0 1 1 0 96 48 48 0 1 1 0-96z\"><\/path><\/svg><\/span>&nbsp;Loopet viser dette<\/h2>\n\n\n\n<div class=\"wp-block-query is-layout-flow wp-block-query-is-layout-flow\"><ul class=\"wp-block-post-template is-layout-flow wp-block-post-template-is-layout-flow\"><li class=\"wp-block-post post-1240 post type-post status-publish format-standard has-post-thumbnail hentry category-multimediedesign category-programming category-tutorials category-eng tag-animation tag-css-libraries tag-javascript-libraries tag-parallax tag-tilpasset-kode\">\n\n<div class=\"wp-block-media-text is-stacked-on-mobile is-vertically-aligned-top is-image-fill-element has-background\" style=\"background:linear-gradient(48deg,rgb(137,222,116) 0%,rgb(3,63,16) 52%);margin-top:var(--wp--preset--spacing--50);margin-right:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--50);margin-left:var(--wp--preset--spacing--30);grid-template-columns:44% auto\"><figure  class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"512\" alt=\"\" src=\"https:\/\/thoth.dk\/wp-content\/uploads\/2023\/03\/manga-band.jpeg\" style=\"object-position:19% 34%;\" class=\"wp-image-941 size-full\" srcset=\"https:\/\/thoth.dk\/wp-content\/uploads\/2023\/03\/manga-band.jpeg 512w, https:\/\/thoth.dk\/wp-content\/uploads\/2023\/03\/manga-band-300x300.jpeg 300w, https:\/\/thoth.dk\/wp-content\/uploads\/2023\/03\/manga-band-150x150.jpeg 150w, https:\/\/thoth.dk\/wp-content\/uploads\/2023\/03\/manga-band-450x450.jpeg 450w, https:\/\/thoth.dk\/wp-content\/uploads\/2023\/03\/manga-band-100x100.jpeg 100w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/figure><div class=\"wp-block-media-text__content\"><div style=\"color:#d5d1d1\" class=\"has-link-color wp-elements-d64ff4d92ead8b1d2d883f3b54d12a75 wp-block-post-date has-text-color\"><time datetime=\"2023-09-06T16:22:06+00:00\">6. september 2023<\/time><\/div>\n\n<h2 class=\"wp-block-post-title has-medium-font-size\"><a href=\"https:\/\/thoth.dk\/index.php\/2023\/09\/06\/animeret-forside-med-parallax\/\" target=\"_self\" >Animation and parallax &#8211; custom code in WordPress<\/a><\/h2>\n\n<div class=\"wp-block-post-excerpt has-small-font-size\"><p class=\"wp-block-post-excerpt__excerpt\">Rellax.js Here you can download Rellax.js: Rellax need this script at the&hellip;<\/p><p class=\"wp-block-post-excerpt__more-text\"><a class=\"wp-block-post-excerpt__more-link\" href=\"https:\/\/thoth.dk\/index.php\/2023\/09\/06\/animeret-forside-med-parallax\/\">L\u00e6s mere &#8230;<\/a><\/p><\/div><\/div><\/div>\n\n<\/li><li class=\"wp-block-post post-6779 post type-post status-publish format-standard has-post-thumbnail hentry category-multimediedesign category-programming category-tutorials category-wordpress category-dk tag-contact-form-7 tag-css tag-css-variabler tag-tilpasset-kode tag-twenty-twenty-five tag-var tag-introduktion-til-wp\">\n\n<div class=\"wp-block-media-text is-stacked-on-mobile is-vertically-aligned-top is-image-fill-element has-background\" style=\"background:linear-gradient(48deg,rgb(137,222,116) 0%,rgb(3,63,16) 52%);margin-top:var(--wp--preset--spacing--50);margin-right:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--50);margin-left:var(--wp--preset--spacing--30);grid-template-columns:44% auto\"><figure  class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"1024\" alt=\"Due med brev. Symboliserer en email, selv om man ikke bruger konvolutter ret meget mere.\" src=\"https:\/\/thoth.dk\/wp-content\/uploads\/2026\/02\/email-due.png\" style=\"object-position:19% 34%;\" class=\"wp-image-6313 size-full\" srcset=\"https:\/\/thoth.dk\/wp-content\/uploads\/2026\/02\/email-due.png 1536w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/02\/email-due-300x200.png 300w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/02\/email-due-1024x683.png 1024w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/02\/email-due-768x512.png 768w\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" \/><\/figure><div class=\"wp-block-media-text__content\"><div style=\"color:#d5d1d1\" class=\"has-link-color wp-elements-d64ff4d92ead8b1d2d883f3b54d12a75 wp-block-post-date has-text-color\"><time datetime=\"2026-02-22T08:40:17+00:00\">22. februar 2026<\/time><\/div>\n\n<h2 class=\"wp-block-post-title has-medium-font-size\"><a href=\"https:\/\/thoth.dk\/index.php\/2026\/02\/22\/at-style-contact-form-7\/\" target=\"_self\" >At style Contact Form 7<\/a><\/h2>\n\n<div class=\"wp-block-post-excerpt has-small-font-size\"><p class=\"wp-block-post-excerpt__excerpt\">Det er nemt at s\u00e6tte forms op med CF7. Men formularens udseende&hellip;<\/p><p class=\"wp-block-post-excerpt__more-text\"><a class=\"wp-block-post-excerpt__more-link\" href=\"https:\/\/thoth.dk\/index.php\/2026\/02\/22\/at-style-contact-form-7\/\">L\u00e6s mere &#8230;<\/a><\/p><\/div><\/div><\/div>\n\n<\/li><li class=\"wp-block-post post-5340 post type-post status-publish format-standard has-post-thumbnail hentry category-multimediedesign category-programming category-tutorials category-wordpress category-dk tag-css tag-html tag-javascript tag-simple-custom-css-and-javascript tag-style-variation tag-tilpasset-kode tag-introduktion-til-wp\">\n\n<div class=\"wp-block-media-text is-stacked-on-mobile is-vertically-aligned-top is-image-fill-element has-background\" style=\"background:linear-gradient(48deg,rgb(137,222,116) 0%,rgb(3,63,16) 52%);margin-top:var(--wp--preset--spacing--50);margin-right:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--50);margin-left:var(--wp--preset--spacing--30);grid-template-columns:44% auto\"><figure  class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"1024\" alt=\"Webudvikler i f\u00e6rd med at lave et WP site p\u00e5 Erhvervsakademi Aarhus.\" src=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/multimediedesignerSh7G.png\" style=\"object-position:19% 34%;\" class=\"wp-image-5478 size-full\" srcset=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/multimediedesignerSh7G.png 1536w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/multimediedesignerSh7G-300x200.png 300w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/multimediedesignerSh7G-1024x683.png 1024w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/multimediedesignerSh7G-768x512.png 768w\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" \/><\/figure><div class=\"wp-block-media-text__content\"><div style=\"color:#d5d1d1\" class=\"has-link-color wp-elements-d64ff4d92ead8b1d2d883f3b54d12a75 wp-block-post-date has-text-color\"><time datetime=\"2025-12-14T08:38:22+00:00\">14. december 2025<\/time><\/div>\n\n<h2 class=\"wp-block-post-title has-medium-font-size\"><a href=\"https:\/\/thoth.dk\/index.php\/2025\/12\/14\/tilpasset-kode\/\" target=\"_self\" >En dag med tilpasset kode<\/a><\/h2>\n\n<div class=\"wp-block-post-excerpt has-small-font-size\"><p class=\"wp-block-post-excerpt__excerpt\">Indhold &#8211; WordPress kan meget; men ikke alt. Hvordan tilf\u00f8jer jeg min&hellip;<\/p><p class=\"wp-block-post-excerpt__more-text\"><a class=\"wp-block-post-excerpt__more-link\" href=\"https:\/\/thoth.dk\/index.php\/2025\/12\/14\/tilpasset-kode\/\">L\u00e6s mere &#8230;<\/a><\/p><\/div><\/div><\/div>\n\n<\/li><li class=\"wp-block-post post-4077 post type-post status-publish format-standard has-post-thumbnail hentry category-ecommerce category-multimediedesign category-tutorials category-dk tag-style-variations tag-tilpasset-kode\">\n\n<div class=\"wp-block-media-text is-stacked-on-mobile is-vertically-aligned-top is-image-fill-element has-background\" style=\"background:linear-gradient(48deg,rgb(137,222,116) 0%,rgb(3,63,16) 52%);margin-top:var(--wp--preset--spacing--50);margin-right:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--50);margin-left:var(--wp--preset--spacing--30);grid-template-columns:44% auto\"><figure  class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"654\" height=\"264\" alt=\"\" src=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/10\/styleVar.png\" style=\"object-position:19% 34%;\" class=\"wp-image-4078 size-full\" srcset=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/10\/styleVar.png 654w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/10\/styleVar-300x121.png 300w\" sizes=\"auto, (max-width: 654px) 100vw, 654px\" \/><\/figure><div class=\"wp-block-media-text__content\"><div style=\"color:#d5d1d1\" class=\"has-link-color wp-elements-d64ff4d92ead8b1d2d883f3b54d12a75 wp-block-post-date has-text-color\"><time datetime=\"2025-10-08T08:02:22+00:00\">8. oktober 2025<\/time><\/div>\n\n<h2 class=\"wp-block-post-title has-medium-font-size\"><a href=\"https:\/\/thoth.dk\/index.php\/2025\/10\/08\/gem-style-variations-pa-den-nemme-made\/\" target=\"_self\" >Gem &#8220;Style Variations&#8221; p\u00e5 den nemme m\u00e5de<\/a><\/h2>\n\n<div class=\"wp-block-post-excerpt has-small-font-size\"><p class=\"wp-block-post-excerpt__excerpt\">N\u00e5r du udvikler et tema, s\u00e5 kan det v\u00e6re en god ide&hellip;<\/p><p class=\"wp-block-post-excerpt__more-text\"><a class=\"wp-block-post-excerpt__more-link\" href=\"https:\/\/thoth.dk\/index.php\/2025\/10\/08\/gem-style-variations-pa-den-nemme-made\/\">L\u00e6s mere &#8230;<\/a><\/p><\/div><\/div><\/div>\n\n<\/li><li class=\"wp-block-post post-4012 post type-post status-publish format-standard has-post-thumbnail hentry category-multimediedesign category-programming category-tutorials category-video tag-playground tag-tilpasset-kode\">\n\n<div class=\"wp-block-media-text is-stacked-on-mobile is-vertically-aligned-top is-image-fill-element has-background\" style=\"background:linear-gradient(48deg,rgb(137,222,116) 0%,rgb(3,63,16) 52%);margin-top:var(--wp--preset--spacing--50);margin-right:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--50);margin-left:var(--wp--preset--spacing--30);grid-template-columns:44% auto\"><figure  class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" alt=\"\" src=\"https:\/\/thoth.dk\/wp-content\/uploads\/2024\/08\/DALL\u00b7E-2024-08-06-08.19.41-An-illustration-for-a-course-about-WordPress-for-intermediate-users-depicted-in-a-surrealist-style.-The-scene-features-a-floating-computer-with-WordP.webp\" style=\"object-position:19% 34%;\" class=\"wp-image-2654 size-full\" srcset=\"https:\/\/thoth.dk\/wp-content\/uploads\/2024\/08\/DALL\u00b7E-2024-08-06-08.19.41-An-illustration-for-a-course-about-WordPress-for-intermediate-users-depicted-in-a-surrealist-style.-The-scene-features-a-floating-computer-with-WordP.webp 1024w, https:\/\/thoth.dk\/wp-content\/uploads\/2024\/08\/DALL\u00b7E-2024-08-06-08.19.41-An-illustration-for-a-course-about-WordPress-for-intermediate-users-depicted-in-a-surrealist-style.-The-scene-features-a-floating-computer-with-WordP-300x300.webp 300w, https:\/\/thoth.dk\/wp-content\/uploads\/2024\/08\/DALL\u00b7E-2024-08-06-08.19.41-An-illustration-for-a-course-about-WordPress-for-intermediate-users-depicted-in-a-surrealist-style.-The-scene-features-a-floating-computer-with-WordP-150x150.webp 150w, https:\/\/thoth.dk\/wp-content\/uploads\/2024\/08\/DALL\u00b7E-2024-08-06-08.19.41-An-illustration-for-a-course-about-WordPress-for-intermediate-users-depicted-in-a-surrealist-style.-The-scene-features-a-floating-computer-with-WordP-768x768.webp 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\"><div style=\"color:#d5d1d1\" class=\"has-link-color wp-elements-d64ff4d92ead8b1d2d883f3b54d12a75 wp-block-post-date has-text-color\"><time datetime=\"2025-08-17T06:42:42+00:00\">17. august 2025<\/time><\/div>\n\n<h2 class=\"wp-block-post-title has-medium-font-size\"><a href=\"https:\/\/thoth.dk\/index.php\/2025\/08\/17\/hvordan-du-gemmer-din-playground\/\" target=\"_self\" >Hvordan du gemmer din Playground<\/a><\/h2>\n\n<div class=\"wp-block-post-excerpt has-small-font-size\"><p class=\"wp-block-post-excerpt__excerpt\">WordPress Playground er en sandkasse, hvor du kan eksperimentere med designs, plugins&hellip;<\/p><p class=\"wp-block-post-excerpt__more-text\"><a class=\"wp-block-post-excerpt__more-link\" href=\"https:\/\/thoth.dk\/index.php\/2025\/08\/17\/hvordan-du-gemmer-din-playground\/\">L\u00e6s mere &#8230;<\/a><\/p><\/div><\/div><\/div>\n\n<\/li><li class=\"wp-block-post post-3811 post type-post status-publish format-standard has-post-thumbnail hentry category-multimediedesign category-programming category-tutorials category-dk tag-advanced tag-class tag-css tag-flexbox tag-simple-custom-css-and-javascript tag-tilpasset-kode\">\n\n<div class=\"wp-block-media-text is-stacked-on-mobile is-vertically-aligned-top is-image-fill-element has-background\" style=\"background:linear-gradient(48deg,rgb(137,222,116) 0%,rgb(3,63,16) 52%);margin-top:var(--wp--preset--spacing--50);margin-right:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--50);margin-left:var(--wp--preset--spacing--30);grid-template-columns:44% auto\"><figure  class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" alt=\"Heks med kat (Co-Pilot feb. 2025)\" src=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/02\/heks04.jpg\" style=\"object-position:19% 34%;\" class=\"wp-image-3538 size-full\" srcset=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/02\/heks04.jpg 1024w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/02\/heks04-300x300.jpg 300w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/02\/heks04-150x150.jpg 150w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/02\/heks04-768x768.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\"><div style=\"color:#d5d1d1\" class=\"has-link-color wp-elements-d64ff4d92ead8b1d2d883f3b54d12a75 wp-block-post-date has-text-color\"><time datetime=\"2025-02-27T07:18:36+00:00\">27. februar 2025<\/time><\/div>\n\n<h2 class=\"wp-block-post-title has-medium-font-size\"><a href=\"https:\/\/thoth.dk\/index.php\/2025\/02\/27\/hvordan-far-jeg-den-midterste-kolonne-overst-pa-mindre-skaerme\/\" target=\"_self\" >Hvordan f\u00e5r jeg den midterste kolonne \u00f8verst p\u00e5 mindre sk\u00e6rme?<\/a><\/h2>\n\n<div class=\"wp-block-post-excerpt has-small-font-size\"><p class=\"wp-block-post-excerpt__excerpt\">Kolonner er responsive i WordPress. P\u00e5 mindre enheder stables de typisk s\u00e5dan,&hellip;<\/p><p class=\"wp-block-post-excerpt__more-text\"><a class=\"wp-block-post-excerpt__more-link\" href=\"https:\/\/thoth.dk\/index.php\/2025\/02\/27\/hvordan-far-jeg-den-midterste-kolonne-overst-pa-mindre-skaerme\/\">L\u00e6s mere &#8230;<\/a><\/p><\/div><\/div><\/div>\n\n<\/li><li class=\"wp-block-post post-5060 post type-post status-publish format-standard has-post-thumbnail hentry category-faq category-programming category-tutorials category-dk tag-eventlistener tag-javascript tag-knapper tag-tilpasset-kode tag-wordpress\">\n\n<div class=\"wp-block-media-text is-stacked-on-mobile is-vertically-aligned-top is-image-fill-element has-background\" style=\"background:linear-gradient(48deg,rgb(137,222,116) 0%,rgb(3,63,16) 52%);margin-top:var(--wp--preset--spacing--50);margin-right:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--50);margin-left:var(--wp--preset--spacing--30);grid-template-columns:44% auto\"><figure  class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"1024\" alt=\"CoPilot: eventListener()\" src=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/eventlister.png\" style=\"object-position:19% 34%;\" class=\"wp-image-5069 size-full\" srcset=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/eventlister.png 1536w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/eventlister-300x200.png 300w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/eventlister-1024x683.png 1024w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/eventlister-768x512.png 768w\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" \/><\/figure><div class=\"wp-block-media-text__content\"><div style=\"color:#d5d1d1\" class=\"has-link-color wp-elements-d64ff4d92ead8b1d2d883f3b54d12a75 wp-block-post-date has-text-color\"><time datetime=\"2025-12-10T16:04:28+00:00\">10. december 2025<\/time><\/div>\n\n<h2 class=\"wp-block-post-title has-medium-font-size\"><a href=\"https:\/\/thoth.dk\/index.php\/2025\/12\/10\/hvordan-laegger-man-ejneventlistener-pa-en-wp-knap\/\" target=\"_self\" >Hvordan l\u00e6gger man en EventListener p\u00e5 en knap i WP?<\/a><\/h2>\n\n<div class=\"wp-block-post-excerpt has-small-font-size\"><p class=\"wp-block-post-excerpt__excerpt\">Under &#8220;Avanceret&#8221; skal knappen have et HTML-anker. I koden vil dette navn&hellip;<\/p><p class=\"wp-block-post-excerpt__more-text\"><a class=\"wp-block-post-excerpt__more-link\" href=\"https:\/\/thoth.dk\/index.php\/2025\/12\/10\/hvordan-laegger-man-ejneventlistener-pa-en-wp-knap\/\">L\u00e6s mere &#8230;<\/a><\/p><\/div><\/div><\/div>\n\n<\/li><\/ul>\n\n<nav class=\"wp-block-query-pagination is-layout-flex wp-block-query-pagination-is-layout-flex\" aria-label=\"Sideinddeling\">\n\n\n<div class=\"wp-block-query-pagination-numbers\"><span aria-current=\"page\" class=\"page-numbers current\">1<\/span>\n<a class=\"page-numbers\" href=\"?query-0-page=2\">2<\/a>\n<a class=\"page-numbers\" href=\"?query-0-page=3\">3<\/a><\/div>\n\n<a href=\"\/index.php\/wp-json\/wp\/v2\/posts\/6795?query-0-page=2\" class=\"wp-block-query-pagination-next\">N\u00e6ste side<\/a>\n<\/nav>\n\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-border-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-c9a371c5 wp-block-group-is-layout-constrained\" style=\"border-color:#503AA8;border-width:1px;border-top-left-radius:23px;border-top-right-radius:23px;border-bottom-left-radius:23px;border-bottom-right-radius:23px;background-color:#91008a;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\">\n<h2 data-wp-context---core-fit-text=\"core\/fit-text::{&quot;fontSize&quot;:&quot;&quot;}\" data-wp-init---core-fit-text=\"core\/fit-text::callbacks.init\" data-wp-interactive data-wp-style--font-size=\"core\/fit-text::context.fontSize\" class=\"wp-block-heading has-fit-text\">Pro &amp; Contra<\/h2>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><span class=\"wp-rich-text-font-awesome-icon wp-font-awesome-icon\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"face-grin-hearts\" class=\"svg-inline--fa fa-face-grin-hearts \" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM388.1 312.8c12.3-3.8 24.3 6.9 19.3 18.7C382.4 390.6 324.2 432 256.3 432s-126.2-41.4-151.1-100.5c-5-11.8 7-22.5 19.3-18.7c39.7 12.2 84.5 19 131.8 19s92.1-6.8 131.8-19zM199.3 129.1c17.8 4.8 28.4 23.1 23.6 40.8l-17.4 65c-2.3 8.5-11.1 13.6-19.6 11.3l-65.1-17.4c-17.8-4.8-28.4-23.1-23.6-40.8s23.1-28.4 40.8-23.6l16.1 4.3 4.3-16.1c4.8-17.8 23.1-28.4 40.8-23.6zm154.3 23.6l4.3 16.1 16.1-4.3c17.8-4.8 36.1 5.8 40.8 23.6s-5.8 36.1-23.6 40.8l-65.1 17.4c-8.5 2.3-17.3-2.8-19.6-11.3l-17.4-65c-4.8-17.8 5.8-36.1 23.6-40.8s36.1 5.8 40.9 23.6z\"><\/path><\/svg><\/span> <strong>Pro<\/strong>: <br>Du kan s\u00e6tte fokuspunktet p\u00e5 det udvalgte billede. Det kan man ikke, n\u00e5r blokken s\u00e6ttes ind i en kolonne.<\/p>\n<\/blockquote>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><span class=\"wp-rich-text-font-awesome-icon wp-font-awesome-icon\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"poo\" class=\"svg-inline--fa fa-poo \" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M268.9 .9c-5.5-.7-11 1.4-14.5 5.7s-4.6 10.1-2.8 15.4c2.8 8.2 4.3 16.9 4.3 26.1c0 44.1-35.7 79.9-79.8 80H160c-35.3 0-64 28.7-64 64c0 19.1 8.4 36.3 21.7 48H104c-39.8 0-72 32.2-72 72c0 23.2 11 43.8 28 57c-34.1 5.7-60 35.3-60 71c0 39.8 32.2 72 72 72H440c39.8 0 72-32.2 72-72c0-35.7-25.9-65.3-60-71c17-13.2 28-33.8 28-57c0-39.8-32.2-72-72-72H394.3c13.3-11.7 21.7-28.9 21.7-48c0-35.3-28.7-64-64-64h-5.5c3.5-10 5.5-20.8 5.5-32c0-48.6-36.2-88.8-83.1-95.1zM192 256a32 32 0 1 1 0 64 32 32 0 1 1 0-64zm96 32a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm64 108.3c0 2.4-.7 4.8-2.2 6.7c-8.2 10.5-39.5 45-93.8 45s-85.6-34.6-93.8-45c-1.5-1.9-2.2-4.3-2.2-6.7c0-6.8 5.5-12.3 12.3-12.3H339.7c6.8 0 12.3 5.5 12.3 12.3z\"><\/path><\/svg><\/span> <strong>Contra<\/strong>: <br>Billedet bliver ikke et link til indl\u00e6gget.<\/p>\n<\/blockquote>\n\n\n\n<blockquote class=\"wp-block-quote has-background is-layout-flow wp-block-quote-is-layout-flow\" style=\"background-color:#5fa252\">\n<p class=\"wp-block-paragraph\"><span class=\"wp-rich-text-font-awesome-icon wp-font-awesome-icon\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"eye\" class=\"svg-inline--fa fa-eye \" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"><path fill=\"currentColor\" d=\"M288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM144 256a144 144 0 1 1 288 0 144 144 0 1 1 -288 0zm144-64c0 35.3-28.7 64-64 64c-7.1 0-13.9-1.2-20.3-3.3c-5.5-1.8-11.9 1.6-11.7 7.4c.3 6.9 1.3 13.8 3.2 20.7c13.7 51.2 66.4 81.6 117.6 67.9s81.6-66.4 67.9-117.6c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3z\"><\/path><\/svg><\/span> <strong>Ergo:<\/strong><br>Kolonner med klikbart udvalgt billede viser n\u00e6sten det samme. Her er det udvalgte billede klikbart. Det giver en bedre brugeroplevelse!<\/p>\n<\/blockquote>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u00a0Blok: Medie og Tekst Eksperiment med et loop, hvor indholdet pr\u00e6senteres via Medie og Tekst blokken. Mediet er det udvalgte billede. \u00a0Foresp\u00f8rgsels-loopets kriterier &nbsp;Loopet viser dette Pro &amp; Contra Pro: Du kan s\u00e6tte fokuspunktet p\u00e5 det udvalgte billede. Det kan man ikke, n\u00e5r blokken s\u00e6ttes ind i en kolonne. Contra: Billedet bliver ikke et link [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4956,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[31,23,21],"tags":[150,228,241,108],"class_list":["post-6795","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-multimediedesign","category-tutorials","category-dk","tag-foresporgsels-loop","tag-kategorier","tag-medie-og-tekst","tag-tags"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Test: &quot;Medie og Tekst&quot; loop - 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\/2026\/02\/22\/test-medie-image\/\" \/>\n<link rel=\"next\" href=\"https:\/\/thoth.dk\/index.php\/2026\/02\/22\/test-medie-image\/6795?query-0-page=2\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Test: &quot;Medie og Tekst&quot; loop - Wordpress og WooCommerce\" \/>\n<meta property=\"og:description\" content=\"\u00a0Blok: Medie og Tekst Eksperiment med et loop, hvor indholdet pr\u00e6senteres via Medie og Tekst blokken. Mediet er det udvalgte billede. \u00a0Foresp\u00f8rgsels-loopets kriterier &nbsp;Loopet viser dette Pro &amp; Contra Pro: Du kan s\u00e6tte fokuspunktet p\u00e5 det udvalgte billede. Det kan man ikke, n\u00e5r blokken s\u00e6ttes ind i en kolonne. Contra: Billedet bliver ikke et link [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thoth.dk\/index.php\/2026\/02\/22\/test-medie-image\/\" \/>\n<meta property=\"og:site_name\" content=\"Wordpress og WooCommerce\" \/>\n<meta property=\"article:published_time\" content=\"2026-02-22T15:52:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-22T17:56:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/blog-farm-1024x683.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"683\" \/>\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=\"1 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2026\\\/02\\\/22\\\/test-medie-image\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2026\\\/02\\\/22\\\/test-medie-image\\\/\"},\"author\":{\"name\":\"Per Thykj\u00e6r Jensen\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/#\\\/schema\\\/person\\\/d94ae14e2a45089632b96d9f633fac06\"},\"headline\":\"Test: &#8220;Medie og Tekst&#8221; loop\",\"datePublished\":\"2026-02-22T15:52:44+00:00\",\"dateModified\":\"2026-02-22T17:56:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2026\\\/02\\\/22\\\/test-medie-image\\\/\"},\"wordCount\":110,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2026\\\/02\\\/22\\\/test-medie-image\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thoth.dk\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/blog-farm.png\",\"keywords\":[\"Foresp\u00f8rgsels-loop\",\"kategorier\",\"Medie og Tekst\",\"tags\"],\"articleSection\":[\"Multimediedesign\",\"Tutorials\",\"\ud83c\udde9\ud83c\uddf0 Danske Tutorials\"],\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2026\\\/02\\\/22\\\/test-medie-image\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2026\\\/02\\\/22\\\/test-medie-image\\\/\",\"url\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2026\\\/02\\\/22\\\/test-medie-image\\\/\",\"name\":\"Test: \\\"Medie og Tekst\\\" loop - Wordpress og WooCommerce\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2026\\\/02\\\/22\\\/test-medie-image\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2026\\\/02\\\/22\\\/test-medie-image\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thoth.dk\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/blog-farm.png\",\"datePublished\":\"2026-02-22T15:52:44+00:00\",\"dateModified\":\"2026-02-22T17:56:54+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/#\\\/schema\\\/person\\\/d94ae14e2a45089632b96d9f633fac06\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2026\\\/02\\\/22\\\/test-medie-image\\\/#breadcrumb\"},\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2026\\\/02\\\/22\\\/test-medie-image\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2026\\\/02\\\/22\\\/test-medie-image\\\/#primaryimage\",\"url\":\"https:\\\/\\\/thoth.dk\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/blog-farm.png\",\"contentUrl\":\"https:\\\/\\\/thoth.dk\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/blog-farm.png\",\"width\":1536,\"height\":1024,\"caption\":\"CoPilot: Udvikling af en blog i WordPress.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2026\\\/02\\\/22\\\/test-medie-image\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/thoth.dk\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Test: &#8220;Medie og Tekst&#8221; loop\"}]},{\"@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":"Test: \"Medie og Tekst\" loop - 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\/2026\/02\/22\/test-medie-image\/","next":"https:\/\/thoth.dk\/index.php\/2026\/02\/22\/test-medie-image\/6795?query-0-page=2","og_locale":"da_DK","og_type":"article","og_title":"Test: \"Medie og Tekst\" loop - Wordpress og WooCommerce","og_description":"\u00a0Blok: Medie og Tekst Eksperiment med et loop, hvor indholdet pr\u00e6senteres via Medie og Tekst blokken. Mediet er det udvalgte billede. \u00a0Foresp\u00f8rgsels-loopets kriterier &nbsp;Loopet viser dette Pro &amp; Contra Pro: Du kan s\u00e6tte fokuspunktet p\u00e5 det udvalgte billede. Det kan man ikke, n\u00e5r blokken s\u00e6ttes ind i en kolonne. Contra: Billedet bliver ikke et link [&hellip;]","og_url":"https:\/\/thoth.dk\/index.php\/2026\/02\/22\/test-medie-image\/","og_site_name":"Wordpress og WooCommerce","article_published_time":"2026-02-22T15:52:44+00:00","article_modified_time":"2026-02-22T17:56:54+00:00","og_image":[{"width":1024,"height":683,"url":"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/blog-farm-1024x683.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":"1 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/thoth.dk\/index.php\/2026\/02\/22\/test-medie-image\/#article","isPartOf":{"@id":"https:\/\/thoth.dk\/index.php\/2026\/02\/22\/test-medie-image\/"},"author":{"name":"Per Thykj\u00e6r Jensen","@id":"https:\/\/thoth.dk\/#\/schema\/person\/d94ae14e2a45089632b96d9f633fac06"},"headline":"Test: &#8220;Medie og Tekst&#8221; loop","datePublished":"2026-02-22T15:52:44+00:00","dateModified":"2026-02-22T17:56:54+00:00","mainEntityOfPage":{"@id":"https:\/\/thoth.dk\/index.php\/2026\/02\/22\/test-medie-image\/"},"wordCount":110,"commentCount":0,"image":{"@id":"https:\/\/thoth.dk\/index.php\/2026\/02\/22\/test-medie-image\/#primaryimage"},"thumbnailUrl":"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/blog-farm.png","keywords":["Foresp\u00f8rgsels-loop","kategorier","Medie og Tekst","tags"],"articleSection":["Multimediedesign","Tutorials","\ud83c\udde9\ud83c\uddf0 Danske Tutorials"],"inLanguage":"da-DK","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/thoth.dk\/index.php\/2026\/02\/22\/test-medie-image\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/thoth.dk\/index.php\/2026\/02\/22\/test-medie-image\/","url":"https:\/\/thoth.dk\/index.php\/2026\/02\/22\/test-medie-image\/","name":"Test: \"Medie og Tekst\" loop - Wordpress og WooCommerce","isPartOf":{"@id":"https:\/\/thoth.dk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thoth.dk\/index.php\/2026\/02\/22\/test-medie-image\/#primaryimage"},"image":{"@id":"https:\/\/thoth.dk\/index.php\/2026\/02\/22\/test-medie-image\/#primaryimage"},"thumbnailUrl":"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/blog-farm.png","datePublished":"2026-02-22T15:52:44+00:00","dateModified":"2026-02-22T17:56:54+00:00","author":{"@id":"https:\/\/thoth.dk\/#\/schema\/person\/d94ae14e2a45089632b96d9f633fac06"},"breadcrumb":{"@id":"https:\/\/thoth.dk\/index.php\/2026\/02\/22\/test-medie-image\/#breadcrumb"},"inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thoth.dk\/index.php\/2026\/02\/22\/test-medie-image\/"]}]},{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/thoth.dk\/index.php\/2026\/02\/22\/test-medie-image\/#primaryimage","url":"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/blog-farm.png","contentUrl":"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/blog-farm.png","width":1536,"height":1024,"caption":"CoPilot: Udvikling af en blog i WordPress."},{"@type":"BreadcrumbList","@id":"https:\/\/thoth.dk\/index.php\/2026\/02\/22\/test-medie-image\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thoth.dk\/"},{"@type":"ListItem","position":2,"name":"Test: &#8220;Medie og Tekst&#8221; loop"}]},{"@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\/6795","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=6795"}],"version-history":[{"count":15,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/posts\/6795\/revisions"}],"predecessor-version":[{"id":6842,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/posts\/6795\/revisions\/6842"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/media\/4956"}],"wp:attachment":[{"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/media?parent=6795"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/categories?post=6795"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/tags?post=6795"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}