{"id":1648,"date":"2024-01-19T07:27:16","date_gmt":"2024-01-19T07:27:16","guid":{"rendered":"https:\/\/thoth.dk\/?p=1648"},"modified":"2024-09-10T18:00:50","modified_gmt":"2024-09-10T18:00:50","slug":"mega-menu-iii","status":"publish","type":"post","link":"https:\/\/thoth.dk\/index.php\/2024\/01\/19\/mega-menu-iii\/","title":{"rendered":"Mega Menu III"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>Continued Megamenu Experiments<\/strong><br><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The medieval philosopher Occam said, that if there are more solutions with a similar result, then the most simple one is the best. Then what is the simplest possible Megamenu for WordPress. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here is the simplified code for a Megamenu:<\/p>\n\n\n\n<div><iframe loading=\"lazy\" width=\"100%\" height=\"500\" src=\"\/\/jsfiddle.net\/petj\/5paLbhnq\/28\/embedded\/\" allowfullscreen=\"allowfullscreen\" allowpaymentrequest frameborder=\"0\"><\/iframe><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Now it should be possible to build a template with a Megamenu. The scripts and CSS should be loaded via s plugin &#8211; or if it&#8217;s a theme from scratch via <a href=\"https:\/\/developer.wordpress.org\/themes\/basics\/including-css-javascript\/\">functions.php enqueues<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you can create solution with fewer lines of code, let me know in the comments. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Continued Megamenu Experiments The medieval philosopher Occam said, that if there are more solutions with a similar result, then the most simple one is the best. Then what is the simplest possible Megamenu for WordPress. Here is the simplified code for a Megamenu: Now it should be possible to build a template with a Megamenu. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":590,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[31,23,20],"tags":[32],"class_list":["post-1648","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-multimediedesign","category-tutorials","category-eng","tag-mega-menu"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Mega Menu III - 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\/2024\/01\/19\/mega-menu-iii\/\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mega Menu III - Wordpress og WooCommerce\" \/>\n<meta property=\"og:description\" content=\"Continued Megamenu Experiments The medieval philosopher Occam said, that if there are more solutions with a similar result, then the most simple one is the best. Then what is the simplest possible Megamenu for WordPress. Here is the simplified code for a Megamenu: Now it should be possible to build a template with a Megamenu. [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thoth.dk\/index.php\/2024\/01\/19\/mega-menu-iii\/\" \/>\n<meta property=\"og:site_name\" content=\"Wordpress og WooCommerce\" \/>\n<meta property=\"article:published_time\" content=\"2024-01-19T07:27:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-10T18:00:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/thoth.dk\/wp-content\/uploads\/2023\/02\/knight.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"768\" \/>\n\t<meta property=\"og:image:height\" content=\"768\" \/>\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<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2024\\\/01\\\/19\\\/mega-menu-iii\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2024\\\/01\\\/19\\\/mega-menu-iii\\\/\"},\"author\":{\"name\":\"Per Thykj\u00e6r Jensen\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/#\\\/schema\\\/person\\\/d94ae14e2a45089632b96d9f633fac06\"},\"headline\":\"Mega Menu III\",\"datePublished\":\"2024-01-19T07:27:16+00:00\",\"dateModified\":\"2024-09-10T18:00:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2024\\\/01\\\/19\\\/mega-menu-iii\\\/\"},\"wordCount\":97,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2024\\\/01\\\/19\\\/mega-menu-iii\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thoth.dk\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/knight.jpeg\",\"keywords\":[\"Mega Menu\"],\"articleSection\":[\"Multimediedesign\",\"Tutorials\",\"\ud83c\uddec\ud83c\udde7 English Tutorials\"],\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2024\\\/01\\\/19\\\/mega-menu-iii\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2024\\\/01\\\/19\\\/mega-menu-iii\\\/\",\"url\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2024\\\/01\\\/19\\\/mega-menu-iii\\\/\",\"name\":\"Mega Menu III - Wordpress og WooCommerce\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2024\\\/01\\\/19\\\/mega-menu-iii\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2024\\\/01\\\/19\\\/mega-menu-iii\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thoth.dk\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/knight.jpeg\",\"datePublished\":\"2024-01-19T07:27:16+00:00\",\"dateModified\":\"2024-09-10T18:00:50+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/#\\\/schema\\\/person\\\/d94ae14e2a45089632b96d9f633fac06\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2024\\\/01\\\/19\\\/mega-menu-iii\\\/#breadcrumb\"},\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2024\\\/01\\\/19\\\/mega-menu-iii\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2024\\\/01\\\/19\\\/mega-menu-iii\\\/#primaryimage\",\"url\":\"https:\\\/\\\/thoth.dk\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/knight.jpeg\",\"contentUrl\":\"https:\\\/\\\/thoth.dk\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/knight.jpeg\",\"width\":768,\"height\":768},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2024\\\/01\\\/19\\\/mega-menu-iii\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/thoth.dk\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mega Menu III\"}]},{\"@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":"Mega Menu III - 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\/2024\/01\/19\/mega-menu-iii\/","og_locale":"da_DK","og_type":"article","og_title":"Mega Menu III - Wordpress og WooCommerce","og_description":"Continued Megamenu Experiments The medieval philosopher Occam said, that if there are more solutions with a similar result, then the most simple one is the best. Then what is the simplest possible Megamenu for WordPress. Here is the simplified code for a Megamenu: Now it should be possible to build a template with a Megamenu. [&hellip;]","og_url":"https:\/\/thoth.dk\/index.php\/2024\/01\/19\/mega-menu-iii\/","og_site_name":"Wordpress og WooCommerce","article_published_time":"2024-01-19T07:27:16+00:00","article_modified_time":"2024-09-10T18:00:50+00:00","og_image":[{"width":768,"height":768,"url":"https:\/\/thoth.dk\/wp-content\/uploads\/2023\/02\/knight.jpeg","type":"image\/jpeg"}],"author":"Per Thykj\u00e6r Jensen","twitter_card":"summary_large_image","twitter_misc":{"Skrevet af":"Per Thykj\u00e6r Jensen"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/thoth.dk\/index.php\/2024\/01\/19\/mega-menu-iii\/#article","isPartOf":{"@id":"https:\/\/thoth.dk\/index.php\/2024\/01\/19\/mega-menu-iii\/"},"author":{"name":"Per Thykj\u00e6r Jensen","@id":"https:\/\/thoth.dk\/#\/schema\/person\/d94ae14e2a45089632b96d9f633fac06"},"headline":"Mega Menu III","datePublished":"2024-01-19T07:27:16+00:00","dateModified":"2024-09-10T18:00:50+00:00","mainEntityOfPage":{"@id":"https:\/\/thoth.dk\/index.php\/2024\/01\/19\/mega-menu-iii\/"},"wordCount":97,"commentCount":0,"image":{"@id":"https:\/\/thoth.dk\/index.php\/2024\/01\/19\/mega-menu-iii\/#primaryimage"},"thumbnailUrl":"https:\/\/thoth.dk\/wp-content\/uploads\/2023\/02\/knight.jpeg","keywords":["Mega Menu"],"articleSection":["Multimediedesign","Tutorials","\ud83c\uddec\ud83c\udde7 English Tutorials"],"inLanguage":"da-DK","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/thoth.dk\/index.php\/2024\/01\/19\/mega-menu-iii\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/thoth.dk\/index.php\/2024\/01\/19\/mega-menu-iii\/","url":"https:\/\/thoth.dk\/index.php\/2024\/01\/19\/mega-menu-iii\/","name":"Mega Menu III - Wordpress og WooCommerce","isPartOf":{"@id":"https:\/\/thoth.dk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thoth.dk\/index.php\/2024\/01\/19\/mega-menu-iii\/#primaryimage"},"image":{"@id":"https:\/\/thoth.dk\/index.php\/2024\/01\/19\/mega-menu-iii\/#primaryimage"},"thumbnailUrl":"https:\/\/thoth.dk\/wp-content\/uploads\/2023\/02\/knight.jpeg","datePublished":"2024-01-19T07:27:16+00:00","dateModified":"2024-09-10T18:00:50+00:00","author":{"@id":"https:\/\/thoth.dk\/#\/schema\/person\/d94ae14e2a45089632b96d9f633fac06"},"breadcrumb":{"@id":"https:\/\/thoth.dk\/index.php\/2024\/01\/19\/mega-menu-iii\/#breadcrumb"},"inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thoth.dk\/index.php\/2024\/01\/19\/mega-menu-iii\/"]}]},{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/thoth.dk\/index.php\/2024\/01\/19\/mega-menu-iii\/#primaryimage","url":"https:\/\/thoth.dk\/wp-content\/uploads\/2023\/02\/knight.jpeg","contentUrl":"https:\/\/thoth.dk\/wp-content\/uploads\/2023\/02\/knight.jpeg","width":768,"height":768},{"@type":"BreadcrumbList","@id":"https:\/\/thoth.dk\/index.php\/2024\/01\/19\/mega-menu-iii\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thoth.dk\/"},{"@type":"ListItem","position":2,"name":"Mega Menu III"}]},{"@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\/1648","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=1648"}],"version-history":[{"count":4,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/posts\/1648\/revisions"}],"predecessor-version":[{"id":2047,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/posts\/1648\/revisions\/2047"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/media\/590"}],"wp:attachment":[{"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/media?parent=1648"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/categories?post=1648"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/tags?post=1648"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}