{"id":3393,"date":"2025-01-19T16:21:32","date_gmt":"2025-01-19T16:21:32","guid":{"rendered":"https:\/\/thoth.dk\/?p=3393"},"modified":"2025-12-10T21:08:59","modified_gmt":"2025-12-10T21:08:59","slug":"overlapping-blocks","status":"publish","type":"post","link":"https:\/\/thoth.dk\/index.php\/2025\/01\/19\/overlapping-blocks\/","title":{"rendered":"Overlapping Blocks"},"content":{"rendered":"\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to create Overlapping Sections on a Website!\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/E44ylrnESDY?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\">Jamie Marsland tutorial: how to create overlapping blocks.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">In this tutorial Jamie Marsland demonstrates how to create overlapping blocks. It&#8217;s kind of a visual illusion, but it works.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this tutorial Jamie Marsland demonstrates how to create overlapping blocks. It&#8217;s kind of a visual illusion, but it works.<\/p>\n","protected":false},"author":1,"featured_media":3536,"comment_status":"open","ping_status":"open","sticky":false,"template":"page-uden-udvalgt-billede","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[23,113,20],"tags":[119,126],"class_list":["post-3393","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","category-video","category-eng","tag-blocks","tag-marsland"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Overlapping Blocks - 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\/01\/19\/overlapping-blocks\/\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Overlapping Blocks - Wordpress og WooCommerce\" \/>\n<meta property=\"og:description\" content=\"In this tutorial Jamie Marsland demonstrates how to create overlapping blocks. It&#8217;s kind of a visual illusion, but it works.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thoth.dk\/index.php\/2025\/01\/19\/overlapping-blocks\/\" \/>\n<meta property=\"og:site_name\" content=\"Wordpress og WooCommerce\" \/>\n<meta property=\"article:published_time\" content=\"2025-01-19T16:21:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-10T21:08:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/02\/heks-0.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\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\\\/2025\\\/01\\\/19\\\/overlapping-blocks\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/01\\\/19\\\/overlapping-blocks\\\/\"},\"author\":{\"name\":\"Per Thykj\u00e6r Jensen\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/#\\\/schema\\\/person\\\/d94ae14e2a45089632b96d9f633fac06\"},\"headline\":\"Overlapping Blocks\",\"datePublished\":\"2025-01-19T16:21:32+00:00\",\"dateModified\":\"2025-12-10T21:08:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/01\\\/19\\\/overlapping-blocks\\\/\"},\"wordCount\":41,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/01\\\/19\\\/overlapping-blocks\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thoth.dk\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/heks-0.jpg\",\"keywords\":[\"Blocks\",\"Marsland\"],\"articleSection\":[\"Tutorials\",\"Video\",\"\ud83c\uddec\ud83c\udde7 English Tutorials\"],\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/01\\\/19\\\/overlapping-blocks\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/01\\\/19\\\/overlapping-blocks\\\/\",\"url\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/01\\\/19\\\/overlapping-blocks\\\/\",\"name\":\"Overlapping Blocks - Wordpress og WooCommerce\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/01\\\/19\\\/overlapping-blocks\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/01\\\/19\\\/overlapping-blocks\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thoth.dk\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/heks-0.jpg\",\"datePublished\":\"2025-01-19T16:21:32+00:00\",\"dateModified\":\"2025-12-10T21:08:59+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/#\\\/schema\\\/person\\\/d94ae14e2a45089632b96d9f633fac06\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/01\\\/19\\\/overlapping-blocks\\\/#breadcrumb\"},\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/01\\\/19\\\/overlapping-blocks\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/01\\\/19\\\/overlapping-blocks\\\/#primaryimage\",\"url\":\"https:\\\/\\\/thoth.dk\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/heks-0.jpg\",\"contentUrl\":\"https:\\\/\\\/thoth.dk\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/heks-0.jpg\",\"width\":1024,\"height\":1024,\"caption\":\"Heks (Co-Pilot, 2025)\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/01\\\/19\\\/overlapping-blocks\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/thoth.dk\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Overlapping Blocks\"}]},{\"@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":"Overlapping Blocks - 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\/01\/19\/overlapping-blocks\/","og_locale":"da_DK","og_type":"article","og_title":"Overlapping Blocks - Wordpress og WooCommerce","og_description":"In this tutorial Jamie Marsland demonstrates how to create overlapping blocks. It&#8217;s kind of a visual illusion, but it works.","og_url":"https:\/\/thoth.dk\/index.php\/2025\/01\/19\/overlapping-blocks\/","og_site_name":"Wordpress og WooCommerce","article_published_time":"2025-01-19T16:21:32+00:00","article_modified_time":"2025-12-10T21:08:59+00:00","og_image":[{"width":1024,"height":1024,"url":"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/02\/heks-0.jpg","type":"image\/jpeg"}],"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\/2025\/01\/19\/overlapping-blocks\/#article","isPartOf":{"@id":"https:\/\/thoth.dk\/index.php\/2025\/01\/19\/overlapping-blocks\/"},"author":{"name":"Per Thykj\u00e6r Jensen","@id":"https:\/\/thoth.dk\/#\/schema\/person\/d94ae14e2a45089632b96d9f633fac06"},"headline":"Overlapping Blocks","datePublished":"2025-01-19T16:21:32+00:00","dateModified":"2025-12-10T21:08:59+00:00","mainEntityOfPage":{"@id":"https:\/\/thoth.dk\/index.php\/2025\/01\/19\/overlapping-blocks\/"},"wordCount":41,"commentCount":0,"image":{"@id":"https:\/\/thoth.dk\/index.php\/2025\/01\/19\/overlapping-blocks\/#primaryimage"},"thumbnailUrl":"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/02\/heks-0.jpg","keywords":["Blocks","Marsland"],"articleSection":["Tutorials","Video","\ud83c\uddec\ud83c\udde7 English Tutorials"],"inLanguage":"da-DK","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/thoth.dk\/index.php\/2025\/01\/19\/overlapping-blocks\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/thoth.dk\/index.php\/2025\/01\/19\/overlapping-blocks\/","url":"https:\/\/thoth.dk\/index.php\/2025\/01\/19\/overlapping-blocks\/","name":"Overlapping Blocks - Wordpress og WooCommerce","isPartOf":{"@id":"https:\/\/thoth.dk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thoth.dk\/index.php\/2025\/01\/19\/overlapping-blocks\/#primaryimage"},"image":{"@id":"https:\/\/thoth.dk\/index.php\/2025\/01\/19\/overlapping-blocks\/#primaryimage"},"thumbnailUrl":"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/02\/heks-0.jpg","datePublished":"2025-01-19T16:21:32+00:00","dateModified":"2025-12-10T21:08:59+00:00","author":{"@id":"https:\/\/thoth.dk\/#\/schema\/person\/d94ae14e2a45089632b96d9f633fac06"},"breadcrumb":{"@id":"https:\/\/thoth.dk\/index.php\/2025\/01\/19\/overlapping-blocks\/#breadcrumb"},"inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thoth.dk\/index.php\/2025\/01\/19\/overlapping-blocks\/"]}]},{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/thoth.dk\/index.php\/2025\/01\/19\/overlapping-blocks\/#primaryimage","url":"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/02\/heks-0.jpg","contentUrl":"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/02\/heks-0.jpg","width":1024,"height":1024,"caption":"Heks (Co-Pilot, 2025)"},{"@type":"BreadcrumbList","@id":"https:\/\/thoth.dk\/index.php\/2025\/01\/19\/overlapping-blocks\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thoth.dk\/"},{"@type":"ListItem","position":2,"name":"Overlapping Blocks"}]},{"@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\/3393","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=3393"}],"version-history":[{"count":2,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/posts\/3393\/revisions"}],"predecessor-version":[{"id":3739,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/posts\/3393\/revisions\/3739"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/media\/3536"}],"wp:attachment":[{"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/media?parent=3393"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/categories?post=3393"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/tags?post=3393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}