{"id":83,"date":"2020-04-06T14:33:05","date_gmt":"2020-04-06T12:33:05","guid":{"rendered":"https:\/\/helpcenter-classic.greyd.de\/2020\/04\/06\/off-canvas-menue\/"},"modified":"2021-10-21T12:10:48","modified_gmt":"2021-10-21T10:10:48","slug":"off-canvas-menue","status":"publish","type":"post","link":"https:\/\/helpcenter-classic.greyd.de\/en\/2020\/04\/06\/off-canvas-menue\/","title":{"rendered":"Off-Canvas Men\u00fc"},"content":{"rendered":"<div class=\"vc_row vc_row-fluid row_xxl\"><div class=\"vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\">\n\t<div class=\"wpb_text_column wpb_content_element \" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>Das Off-Canvas Men\u00fc ist eine m\u00f6gliche Darstellungsform einer <a href=\"https:\/\/helpcenter-classic.greyd.de\/navigation\/\">Website-Navigation<\/a>. Das Men\u00fc wird hier au\u00dferhalb des sichtbaren Bereichs (engl. off canvas) platziert. In Kombination mit der <a href=\"https:\/\/helpcenter-classic.greyd.de\/burger-menue\/\">Burger Men\u00fc<\/a> wird das Off-Canvas Men\u00fc durch Klick auf das Burger Men\u00fc Icon ausgeklappt. Die Navigation f\u00e4hrt dann von einer beliebigen Seite (z. B. von rechts) in den Bildschirm ein und verdeckt dabei einen Teil des bisherigen Seiteninhalts. Die Anwendung eines Off-Canvas Men\u00fcs ist vor allem dann sinnvoll, wenn du auf deiner Website beispielsweise Platz sparen m\u00f6chtest und der eigentlich wichtige Inhalt deiner Website im Vordergrund stehen soll. Off-Canvas Men\u00fcs werden heutzutage auch fast immer dann verwendet, wenn der Nutzer deine Website \u00fcber kleine Bildschirme, wie bspw. auf einem Smartphone, aufruft.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":5,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"greyd_block_editor_preview":[],"footnotes":""},"categories":[18,26],"tags":[],"class_list":["post-83","post","type-post","status-publish","format-standard","hentry","category-glossar","category-o"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Off-Canvas Men\u00fc - GREYD.Helpcenter - Glossar GREYD.SUITE<\/title>\n<meta name=\"description\" content=\"Das Off Canvas Men\u00fc ist eine Darstellungsform einer Website-Navigation. Das Men\u00fc wird hier au\u00dferhalb des sichtbaren Bereichs platziert.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/helpcenter-classic.greyd.de\/en\/2020\/04\/06\/off-canvas-menue\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Off-Canvas Men\u00fc - GREYD.Helpcenter - Glossar GREYD.SUITE\" \/>\n<meta property=\"og:description\" content=\"Das Off Canvas Men\u00fc ist eine Darstellungsform einer Website-Navigation. Das Men\u00fc wird hier au\u00dferhalb des sichtbaren Bereichs platziert.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/helpcenter-classic.greyd.de\/en\/2020\/04\/06\/off-canvas-menue\/\" \/>\n<meta property=\"og:site_name\" content=\"GREYD.Helpcenter\" \/>\n<meta property=\"article:published_time\" content=\"2020-04-06T12:33:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-10-21T10:10:48+00:00\" \/>\n<meta name=\"author\" content=\"Mark Howells-Mead\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mark Howells-Mead\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/helpcenter-classic.greyd.de\/en\/2020\/04\/06\/off-canvas-menue\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/helpcenter-classic.greyd.de\/en\/2020\/04\/06\/off-canvas-menue\/\"},\"author\":{\"name\":\"Mark Howells-Mead\",\"@id\":\"https:\/\/helpcenter-classic.greyd.de\/#\/schema\/person\/dd4dd87e287b498185de6ea75290db3c\"},\"headline\":\"Off-Canvas Men\u00fc\",\"datePublished\":\"2020-04-06T12:33:05+00:00\",\"dateModified\":\"2021-10-21T10:10:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/helpcenter-classic.greyd.de\/en\/2020\/04\/06\/off-canvas-menue\/\"},\"wordCount\":140,\"publisher\":{\"@id\":\"https:\/\/helpcenter-classic.greyd.de\/#organization\"},\"articleSection\":[\"Glossar\",\"O\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/helpcenter-classic.greyd.de\/en\/2020\/04\/06\/off-canvas-menue\/\",\"url\":\"https:\/\/helpcenter-classic.greyd.de\/en\/2020\/04\/06\/off-canvas-menue\/\",\"name\":\"Off-Canvas Men\u00fc - GREYD.Helpcenter - Glossar GREYD.SUITE\",\"isPartOf\":{\"@id\":\"https:\/\/helpcenter-classic.greyd.de\/#website\"},\"datePublished\":\"2020-04-06T12:33:05+00:00\",\"dateModified\":\"2021-10-21T10:10:48+00:00\",\"description\":\"Das Off Canvas Men\u00fc ist eine Darstellungsform einer Website-Navigation. Das Men\u00fc wird hier au\u00dferhalb des sichtbaren Bereichs platziert.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/helpcenter-classic.greyd.de\/en\/2020\/04\/06\/off-canvas-menue\/\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/helpcenter-classic.greyd.de\/#website\",\"url\":\"https:\/\/helpcenter-classic.greyd.de\/\",\"name\":\"GREYD.Helpcenter\",\"description\":\"Tutorials, FAQ und mehr\",\"publisher\":{\"@id\":\"https:\/\/helpcenter-classic.greyd.de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/helpcenter-classic.greyd.de\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/helpcenter-classic.greyd.de\/#organization\",\"name\":\"GREYD.Helpcenter\",\"url\":\"https:\/\/helpcenter-classic.greyd.de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/helpcenter-classic.greyd.de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/helpcenter-classic.greyd.de\/wp-content\/uploads\/2021\/10\/L_Greyd_greyd.svg\",\"contentUrl\":\"https:\/\/helpcenter-classic.greyd.de\/wp-content\/uploads\/2021\/10\/L_Greyd_greyd.svg\",\"caption\":\"GREYD.Helpcenter\"},\"image\":{\"@id\":\"https:\/\/helpcenter-classic.greyd.de\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/helpcenter-classic.greyd.de\/#\/schema\/person\/dd4dd87e287b498185de6ea75290db3c\",\"name\":\"Mark Howells-Mead\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/helpcenter-classic.greyd.de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/904032e8d1c2fbbb3b5215abee5c27697e74c15ea1375fa512da957fcdc72cde?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/904032e8d1c2fbbb3b5215abee5c27697e74c15ea1375fa512da957fcdc72cde?s=96&d=mm&r=g\",\"caption\":\"Mark Howells-Mead\"},\"url\":\"https:\/\/helpcenter-classic.greyd.de\/en\/author\/markhowellsmead\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Off-Canvas Men\u00fc - GREYD.Helpcenter - Glossar GREYD.SUITE","description":"Das Off Canvas Men\u00fc ist eine Darstellungsform einer Website-Navigation. Das Men\u00fc wird hier au\u00dferhalb des sichtbaren Bereichs platziert.","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:\/\/helpcenter-classic.greyd.de\/en\/2020\/04\/06\/off-canvas-menue\/","og_locale":"en_US","og_type":"article","og_title":"Off-Canvas Men\u00fc - GREYD.Helpcenter - Glossar GREYD.SUITE","og_description":"Das Off Canvas Men\u00fc ist eine Darstellungsform einer Website-Navigation. Das Men\u00fc wird hier au\u00dferhalb des sichtbaren Bereichs platziert.","og_url":"https:\/\/helpcenter-classic.greyd.de\/en\/2020\/04\/06\/off-canvas-menue\/","og_site_name":"GREYD.Helpcenter","article_published_time":"2020-04-06T12:33:05+00:00","article_modified_time":"2021-10-21T10:10:48+00:00","author":"Mark Howells-Mead","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Mark Howells-Mead","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/helpcenter-classic.greyd.de\/en\/2020\/04\/06\/off-canvas-menue\/#article","isPartOf":{"@id":"https:\/\/helpcenter-classic.greyd.de\/en\/2020\/04\/06\/off-canvas-menue\/"},"author":{"name":"Mark Howells-Mead","@id":"https:\/\/helpcenter-classic.greyd.de\/#\/schema\/person\/dd4dd87e287b498185de6ea75290db3c"},"headline":"Off-Canvas Men\u00fc","datePublished":"2020-04-06T12:33:05+00:00","dateModified":"2021-10-21T10:10:48+00:00","mainEntityOfPage":{"@id":"https:\/\/helpcenter-classic.greyd.de\/en\/2020\/04\/06\/off-canvas-menue\/"},"wordCount":140,"publisher":{"@id":"https:\/\/helpcenter-classic.greyd.de\/#organization"},"articleSection":["Glossar","O"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/helpcenter-classic.greyd.de\/en\/2020\/04\/06\/off-canvas-menue\/","url":"https:\/\/helpcenter-classic.greyd.de\/en\/2020\/04\/06\/off-canvas-menue\/","name":"Off-Canvas Men\u00fc - GREYD.Helpcenter - Glossar GREYD.SUITE","isPartOf":{"@id":"https:\/\/helpcenter-classic.greyd.de\/#website"},"datePublished":"2020-04-06T12:33:05+00:00","dateModified":"2021-10-21T10:10:48+00:00","description":"Das Off Canvas Men\u00fc ist eine Darstellungsform einer Website-Navigation. Das Men\u00fc wird hier au\u00dferhalb des sichtbaren Bereichs platziert.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/helpcenter-classic.greyd.de\/en\/2020\/04\/06\/off-canvas-menue\/"]}]},{"@type":"WebSite","@id":"https:\/\/helpcenter-classic.greyd.de\/#website","url":"https:\/\/helpcenter-classic.greyd.de\/","name":"GREYD.Helpcenter","description":"Tutorials, FAQ und mehr","publisher":{"@id":"https:\/\/helpcenter-classic.greyd.de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/helpcenter-classic.greyd.de\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/helpcenter-classic.greyd.de\/#organization","name":"GREYD.Helpcenter","url":"https:\/\/helpcenter-classic.greyd.de\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/helpcenter-classic.greyd.de\/#\/schema\/logo\/image\/","url":"https:\/\/helpcenter-classic.greyd.de\/wp-content\/uploads\/2021\/10\/L_Greyd_greyd.svg","contentUrl":"https:\/\/helpcenter-classic.greyd.de\/wp-content\/uploads\/2021\/10\/L_Greyd_greyd.svg","caption":"GREYD.Helpcenter"},"image":{"@id":"https:\/\/helpcenter-classic.greyd.de\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/helpcenter-classic.greyd.de\/#\/schema\/person\/dd4dd87e287b498185de6ea75290db3c","name":"Mark Howells-Mead","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/helpcenter-classic.greyd.de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/904032e8d1c2fbbb3b5215abee5c27697e74c15ea1375fa512da957fcdc72cde?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/904032e8d1c2fbbb3b5215abee5c27697e74c15ea1375fa512da957fcdc72cde?s=96&d=mm&r=g","caption":"Mark Howells-Mead"},"url":"https:\/\/helpcenter-classic.greyd.de\/en\/author\/markhowellsmead\/"}]}},"_links":{"self":[{"href":"https:\/\/helpcenter-classic.greyd.de\/en\/wp-json\/wp\/v2\/posts\/83","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/helpcenter-classic.greyd.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/helpcenter-classic.greyd.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/helpcenter-classic.greyd.de\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/helpcenter-classic.greyd.de\/en\/wp-json\/wp\/v2\/comments?post=83"}],"version-history":[{"count":0,"href":"https:\/\/helpcenter-classic.greyd.de\/en\/wp-json\/wp\/v2\/posts\/83\/revisions"}],"wp:attachment":[{"href":"https:\/\/helpcenter-classic.greyd.de\/en\/wp-json\/wp\/v2\/media?parent=83"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/helpcenter-classic.greyd.de\/en\/wp-json\/wp\/v2\/categories?post=83"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/helpcenter-classic.greyd.de\/en\/wp-json\/wp\/v2\/tags?post=83"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}