{"id":370,"date":"2017-08-01T09:00:05","date_gmt":"2017-08-01T07:00:05","guid":{"rendered":"https:\/\/a-vista-studios.de\/blog\/?p=370"},"modified":"2021-05-26T13:35:03","modified_gmt":"2021-05-26T11:35:03","slug":"touchpad-menu-mit-typo3-realisieren","status":"publish","type":"post","link":"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/touchpad-menu-mit-typo3-realisieren\/","title":{"rendered":"Touchpad Men\u00fc mit TYPO3 realisieren &#8211; Touchpad-Friendly"},"content":{"rendered":"<h3>Touchpad Men\u00fc mit TYPO3 realisieren (Touchpad-Friendly). Wie l\u00e4sst sich im TYPO3 CMS ein Touchpad freundliches Navigationsmen\u00fc realisieren?<\/h3>\n<p>&nbsp;<\/p>\n<p><strong>Touchpad Men\u00fc mit TYPO3 &#8211; Worum geht es?<\/strong><br \/>\nAm Desktop-Computer arbeitet der Benutzer in der Regel mit einer Maus. Mittels Mauszeiger werden beim Besuch einer Website st\u00e4ndig so genannte \u201eMouseOver\u201c durchgef\u00fchrt. Das hei\u00dft, der Mauszeiger wird unter anderem \u00fcber einen (Navigations-) Link bewegt und es findet eine Interaktion statt. Beim MouseOver \u00fcber einen Hauptmen\u00fcpunkt kann mittels CSS dadurch das Submen\u00fc (= Untermen\u00fc) ausgeklappt werden.<\/p>\n<p>Seit Websites nicht nur f\u00fcr Desktop-Computer optimiert werden sondern auch <a href=\"https:\/\/a-vista-studios.de\/responsive-homepages-leverkusen\/\" target=\"_blank\" rel=\"noopener\"><strong>responsive<\/strong><\/a> sein sollen, stellt sich folgendes Problem: beim Touchpad (Tablet, iPad, Smartphone) gibt es keinen MouseOver. Vielmehr muss der Benutzer den entsprechenden Men\u00fcpunkt ber\u00fchren, damit eine Interaktion stattfindet. Trotzdem finden sich relativ viele Websites, deren Hauptmen\u00fcpunkt entweder direkt auf eine Inhaltsseite oder auf den ersten Untermen\u00fcpunkt verlinkt. Somit ist die Folge, dass der Benutzer das Submen\u00fc erst gar nicht zu sehen bekommen bzw. es nur \u201ekurz aufflackert\u201c und beim Laden der neuen Inhaltsseite gleich wieder verschwindet.<\/p>\n<p>Beispielsweise bei WordPress gibt es viele Themes, die dieses Problem mit sehr viel Javascript-Code umschiffen, damit das Submen\u00fc angezeigt bleibt. Dabei geht es auch deutlich einfacher.<\/p>\n<p><strong><em>Vorab-Tipp:<\/em><\/strong><em> Der nachfolgende Ansatz nutzt Anker (Anchors). Weitere Informationen zu Ankern finden sich im Artikel <a href=\"https:\/\/a-vista-studios.de\/blog\/webdesign\/html\/anker-setzen-anchor\/\"><strong>Anker setzen<\/strong>.<\/a><\/em><\/p>\n<h2>Touchpad Men\u00fc mit TYPO3 realisieren<\/h2>\n<p>Der Hauptmen\u00fcpunkt selbst wird nicht auf eine Inhaltsseite verlinkt, sondern es wird ihm ein <strong>leerer<\/strong> Anker mitgegeben. Der MouseOver bewirkt \u00fcber die CSS-Eigenschaft <em>hover<\/em>, dass das Submen\u00fc bei MouseOver anzeigt wird. Der Anker in der URL des Hauptmen\u00fcpunkts sorgt daf\u00fcr, dass das Submen\u00fc mittels<\/p>\n<pre class=\"font-size:15 line-height:18 lang:default decode:true \">&lt;a href=\"#\"&gt;&lt;\/a&gt;<\/pre>\n<p>angesprochen werden kann.<\/p>\n<p>Die von uns realisierte Website <a href=\"https:\/\/wirtschaftsberater-koeln.de\" target=\"_blank\" rel=\"noopener\">Wirtschaftsberater K\u00f6ln<\/a> visualisiert diesen Ansatz.<\/p>\n<p>Das entsprechende HTML sieht so aus (gek\u00fcrzt):<\/p>\n<pre class=\"font-size:15 line-height:18 wrap:true lang:default decode:true \">&lt;ul id=\"main-menu\"&gt;  \r\n  &lt;li class=\"has-sub\"&gt;    \r\n    &lt;a href=\"#\"&gt;HAUPTMEN\u00dcPUNKT&lt;\/a&gt;    \r\n    &lt;ul class=\"hidden\"&gt;      \r\n      &lt;li&gt;        \r\n        &lt;a href=\"\/submenu1\"&gt;Submen\u00fcpunkt 1&lt;\/a&gt;        \r\n        &lt;a href=\"\/submenu2\"&gt;Submen\u00fcpunkt 2&lt;\/a&gt;        \r\n      &lt;\/li&gt;    \r\n    &lt;\/ul&gt;  \r\n  &lt;\/li&gt;\r\n&lt;\/ul&gt;<\/pre>\n<p>&nbsp;<\/p>\n<p>\u00dcber entsprechendes CSS wird die Class &#8222;hidden&#8220; per Standard auf unsichtbar gesetzt und bei einem MouseOver \u00fcber den Anker des Hauptmen\u00fcpunktes \u201eWIR \u00dcBER UNS\u201c sichtbar gesetzt.<\/p>\n<h2>Probleme mit TYPO3-Ankern<\/h2>\n<p>Beim Setzen eines Ankers verlinkt TYPO3 per Standard auf die Startseite der Website. Um das zu vermeiden und (wunschgem\u00e4\u00df) auf eine bestimmte Inhaltsseite verlinken zu k\u00f6nnen, wurde bis TYPO3 in Version 6.x folgendes TypoScript verwendet:<\/p>\n<pre class=\"font-size:15 line-height:18 lang:default decode:true \">config.prefixLocalAnchors = all<\/pre>\n<p>&nbsp;<\/p>\n<p>Seit TYPO3 in Version 7.x funktioniert das allerdings nicht mehr. Der Grund ist, dass hier eine Sicherheitsl\u00fccke gefunden und diese Funktionalit\u00e4t daher deaktiviert wurde.<\/p>\n<p>Abhilfe schafft, mit folgender Codezeile zu arbeiten:<\/p>\n<pre class=\"font-size:15 line-height:18 lang:default decode:true \">config.absRefPrefix = \/<\/pre>\n<p>&nbsp;<\/p>\n<p><strong>Vollst\u00e4ndiger Code:<\/strong><br \/>\nF\u00fcr nachstehendes TypoScript setzen wir voraus, dass die Website mit RealURL arbeitet.<\/p>\n<p>Bisheriges TypoScript (bis TYPO3 in Version 6.x):<\/p>\n<pre class=\"font-size:15 line-height:18 lang:default decode:true\">config.simulateStaticDocuments = 0\r\nconfig.baseURL = https:\/\/a-vista-studios.de\/\r\nconfig.tx_realurl_enable = 1\r\nconfig.prefixLocalAnchors = all<\/pre>\n<p>&nbsp;<\/p>\n<p>Neues TypoScript (ab TYPO3 in Version 7.x):<\/p>\n<pre class=\"font-size:15 line-height:18 lang:default decode:true \">config.simulateStaticDocuments = 0\r\nconfig.tx_realurl_enable = 1\r\nconfig.absRefPrefix = \/<\/pre>\n<p>&nbsp;<\/p>\n<p>Zudem hat der neue Ansatz den Vorteil, dass die im TypoScript keine BASE mehr eingetragen werden muss.<\/p>\n\n\n<div class=\"kk-star-ratings kksr-auto kksr-align-left kksr-valign-bottom kksr-disabled\"\n    data-payload='{&quot;align&quot;:&quot;left&quot;,&quot;id&quot;:&quot;370&quot;,&quot;readonly&quot;:&quot;1&quot;,&quot;slug&quot;:&quot;default&quot;,&quot;valign&quot;:&quot;bottom&quot;,&quot;ignore&quot;:&quot;&quot;,&quot;reference&quot;:&quot;auto&quot;,&quot;class&quot;:&quot;&quot;,&quot;count&quot;:&quot;0&quot;,&quot;legendonly&quot;:&quot;&quot;,&quot;score&quot;:&quot;0&quot;,&quot;starsonly&quot;:&quot;&quot;,&quot;best&quot;:&quot;5&quot;,&quot;gap&quot;:&quot;5&quot;,&quot;greet&quot;:&quot;&quot;,&quot;legend&quot;:&quot;0\\\/5 - (0 votes)&quot;,&quot;size&quot;:&quot;30&quot;,&quot;title&quot;:&quot;Touchpad Men\u00fc mit TYPO3 realisieren - Touchpad-Friendly&quot;,&quot;width&quot;:&quot;0&quot;,&quot;_legend&quot;:&quot;{score}\\\/{best} - ({count} {votes})&quot;,&quot;font_factor&quot;:&quot;1.25&quot;}'>\n            \n<div class=\"kksr-stars\">\n    \n<div class=\"kksr-stars-inactive\">\n            <div class=\"kksr-star\" data-star=\"1\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"2\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"3\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"4\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"5\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n    <\/div>\n    \n<div class=\"kksr-stars-active\" style=\"width: 0px;\">\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                \n\n<div class=\"kksr-legend\" style=\"font-size: 24px;\">\n            <span class=\"kksr-muted\"><\/span>\n    <\/div>\n    <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Touchpad Men\u00fc mit TYPO3 realisieren (Touchpad-Friendly). Wie l\u00e4sst sich im TYPO3 CMS ein Touchpad freundliches Navigationsmen\u00fc realisieren? &nbsp; Touchpad Men\u00fc mit TYPO3 &#8211;&hellip;<\/p>\n","protected":false},"author":2,"featured_media":1458,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,16],"tags":[],"class_list":["post-370","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-typo3","category-typo3-anleitungen"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Touchpad Men\u00fc mit TYPO3 realisieren, Touchpad TYPO3-Men\u00fc<\/title>\n<meta name=\"description\" content=\"Touchpad Men\u00fc mit TYPO3 realisieren - Touchpad-Friendly. Wie l\u00e4sst sich im TYPO3 CMS ein Touchpad freundliches Navigationsmen\u00fc realisieren?\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/touchpad-menu-mit-typo3-realisieren\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Touchpad Men\u00fc mit TYPO3 realisieren, Touchpad TYPO3-Men\u00fc\" \/>\n<meta property=\"og:description\" content=\"Touchpad Men\u00fc mit TYPO3 realisieren - Touchpad-Friendly. Wie l\u00e4sst sich im TYPO3 CMS ein Touchpad freundliches Navigationsmen\u00fc realisieren?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/touchpad-menu-mit-typo3-realisieren\/\" \/>\n<meta property=\"og:site_name\" content=\"Webdesign Tipps \/ Webdesign Blog\" \/>\n<meta property=\"article:published_time\" content=\"2017-08-01T07:00:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-05-26T11:35:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/08\/img_touchpad_menu_mit_typo3.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1440\" \/>\n\t<meta property=\"og:image:height\" content=\"530\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"avs\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"avs\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"3\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/touchpad-menu-mit-typo3-realisieren\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/touchpad-menu-mit-typo3-realisieren\/\"},\"author\":{\"name\":\"avs\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/#\/schema\/person\/07adbe83d83d582226dfd31d055a4b0f\"},\"headline\":\"Touchpad Men\u00fc mit TYPO3 realisieren &#8211; Touchpad-Friendly\",\"datePublished\":\"2017-08-01T07:00:05+00:00\",\"dateModified\":\"2021-05-26T11:35:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/touchpad-menu-mit-typo3-realisieren\/\"},\"wordCount\":453,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/touchpad-menu-mit-typo3-realisieren\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/08\/img_touchpad_menu_mit_typo3.jpg\",\"articleSection\":[\"TYPO3\",\"TYPO3 Anleitungen\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/touchpad-menu-mit-typo3-realisieren\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/touchpad-menu-mit-typo3-realisieren\/\",\"url\":\"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/touchpad-menu-mit-typo3-realisieren\/\",\"name\":\"Touchpad Men\u00fc mit TYPO3 realisieren, Touchpad TYPO3-Men\u00fc\",\"isPartOf\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/touchpad-menu-mit-typo3-realisieren\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/touchpad-menu-mit-typo3-realisieren\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/08\/img_touchpad_menu_mit_typo3.jpg\",\"datePublished\":\"2017-08-01T07:00:05+00:00\",\"dateModified\":\"2021-05-26T11:35:03+00:00\",\"description\":\"Touchpad Men\u00fc mit TYPO3 realisieren - Touchpad-Friendly. Wie l\u00e4sst sich im TYPO3 CMS ein Touchpad freundliches Navigationsmen\u00fc realisieren?\",\"breadcrumb\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/touchpad-menu-mit-typo3-realisieren\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/touchpad-menu-mit-typo3-realisieren\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/touchpad-menu-mit-typo3-realisieren\/#primaryimage\",\"url\":\"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/08\/img_touchpad_menu_mit_typo3.jpg\",\"contentUrl\":\"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/08\/img_touchpad_menu_mit_typo3.jpg\",\"width\":1440,\"height\":530,\"caption\":\"Touchpad Men\u00fc mit TYPO3 realisieren\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/touchpad-menu-mit-typo3-realisieren\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\/\/a-vista-studios.de\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Touchpad Men\u00fc mit TYPO3 realisieren &#8211; Touchpad-Friendly\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/#website\",\"url\":\"https:\/\/a-vista-studios.de\/blog\/\",\"name\":\"Webdesign Tipps \/ Webdesign Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/a-vista-studios.de\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/#organization\",\"name\":\"A Vista Studios\",\"url\":\"https:\/\/a-vista-studios.de\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/06\/logo-avs.png\",\"contentUrl\":\"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/06\/logo-avs.png\",\"width\":520,\"height\":236,\"caption\":\"A Vista Studios\"},\"image\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/#\/schema\/person\/07adbe83d83d582226dfd31d055a4b0f\",\"name\":\"avs\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/5bdd7a1dc25f9d118b55a38486fb376cf64dd092e623e48cac915d765d130ae3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/5bdd7a1dc25f9d118b55a38486fb376cf64dd092e623e48cac915d765d130ae3?s=96&d=mm&r=g\",\"caption\":\"avs\"},\"url\":\"https:\/\/a-vista-studios.de\/blog\/author\/avs\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Touchpad Men\u00fc mit TYPO3 realisieren, Touchpad TYPO3-Men\u00fc","description":"Touchpad Men\u00fc mit TYPO3 realisieren - Touchpad-Friendly. Wie l\u00e4sst sich im TYPO3 CMS ein Touchpad freundliches Navigationsmen\u00fc realisieren?","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:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/touchpad-menu-mit-typo3-realisieren\/","og_locale":"de_DE","og_type":"article","og_title":"Touchpad Men\u00fc mit TYPO3 realisieren, Touchpad TYPO3-Men\u00fc","og_description":"Touchpad Men\u00fc mit TYPO3 realisieren - Touchpad-Friendly. Wie l\u00e4sst sich im TYPO3 CMS ein Touchpad freundliches Navigationsmen\u00fc realisieren?","og_url":"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/touchpad-menu-mit-typo3-realisieren\/","og_site_name":"Webdesign Tipps \/ Webdesign Blog","article_published_time":"2017-08-01T07:00:05+00:00","article_modified_time":"2021-05-26T11:35:03+00:00","og_image":[{"width":1440,"height":530,"url":"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/08\/img_touchpad_menu_mit_typo3.jpg","type":"image\/jpeg"}],"author":"avs","twitter_card":"summary_large_image","twitter_misc":{"Verfasst von":"avs","Gesch\u00e4tzte Lesezeit":"3\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/touchpad-menu-mit-typo3-realisieren\/#article","isPartOf":{"@id":"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/touchpad-menu-mit-typo3-realisieren\/"},"author":{"name":"avs","@id":"https:\/\/a-vista-studios.de\/blog\/#\/schema\/person\/07adbe83d83d582226dfd31d055a4b0f"},"headline":"Touchpad Men\u00fc mit TYPO3 realisieren &#8211; Touchpad-Friendly","datePublished":"2017-08-01T07:00:05+00:00","dateModified":"2021-05-26T11:35:03+00:00","mainEntityOfPage":{"@id":"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/touchpad-menu-mit-typo3-realisieren\/"},"wordCount":453,"commentCount":0,"publisher":{"@id":"https:\/\/a-vista-studios.de\/blog\/#organization"},"image":{"@id":"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/touchpad-menu-mit-typo3-realisieren\/#primaryimage"},"thumbnailUrl":"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/08\/img_touchpad_menu_mit_typo3.jpg","articleSection":["TYPO3","TYPO3 Anleitungen"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/touchpad-menu-mit-typo3-realisieren\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/touchpad-menu-mit-typo3-realisieren\/","url":"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/touchpad-menu-mit-typo3-realisieren\/","name":"Touchpad Men\u00fc mit TYPO3 realisieren, Touchpad TYPO3-Men\u00fc","isPartOf":{"@id":"https:\/\/a-vista-studios.de\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/touchpad-menu-mit-typo3-realisieren\/#primaryimage"},"image":{"@id":"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/touchpad-menu-mit-typo3-realisieren\/#primaryimage"},"thumbnailUrl":"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/08\/img_touchpad_menu_mit_typo3.jpg","datePublished":"2017-08-01T07:00:05+00:00","dateModified":"2021-05-26T11:35:03+00:00","description":"Touchpad Men\u00fc mit TYPO3 realisieren - Touchpad-Friendly. Wie l\u00e4sst sich im TYPO3 CMS ein Touchpad freundliches Navigationsmen\u00fc realisieren?","breadcrumb":{"@id":"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/touchpad-menu-mit-typo3-realisieren\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/touchpad-menu-mit-typo3-realisieren\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/touchpad-menu-mit-typo3-realisieren\/#primaryimage","url":"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/08\/img_touchpad_menu_mit_typo3.jpg","contentUrl":"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/08\/img_touchpad_menu_mit_typo3.jpg","width":1440,"height":530,"caption":"Touchpad Men\u00fc mit TYPO3 realisieren"},{"@type":"BreadcrumbList","@id":"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/touchpad-menu-mit-typo3-realisieren\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/a-vista-studios.de\/blog\/"},{"@type":"ListItem","position":2,"name":"Touchpad Men\u00fc mit TYPO3 realisieren &#8211; Touchpad-Friendly"}]},{"@type":"WebSite","@id":"https:\/\/a-vista-studios.de\/blog\/#website","url":"https:\/\/a-vista-studios.de\/blog\/","name":"Webdesign Tipps \/ Webdesign Blog","description":"","publisher":{"@id":"https:\/\/a-vista-studios.de\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/a-vista-studios.de\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/a-vista-studios.de\/blog\/#organization","name":"A Vista Studios","url":"https:\/\/a-vista-studios.de\/blog\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/a-vista-studios.de\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/06\/logo-avs.png","contentUrl":"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/06\/logo-avs.png","width":520,"height":236,"caption":"A Vista Studios"},"image":{"@id":"https:\/\/a-vista-studios.de\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/a-vista-studios.de\/blog\/#\/schema\/person\/07adbe83d83d582226dfd31d055a4b0f","name":"avs","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/a-vista-studios.de\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/5bdd7a1dc25f9d118b55a38486fb376cf64dd092e623e48cac915d765d130ae3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5bdd7a1dc25f9d118b55a38486fb376cf64dd092e623e48cac915d765d130ae3?s=96&d=mm&r=g","caption":"avs"},"url":"https:\/\/a-vista-studios.de\/blog\/author\/avs\/"}]}},"_links":{"self":[{"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/posts\/370","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/comments?post=370"}],"version-history":[{"count":10,"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/posts\/370\/revisions"}],"predecessor-version":[{"id":379,"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/posts\/370\/revisions\/379"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/media\/1458"}],"wp:attachment":[{"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/media?parent=370"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/categories?post=370"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/tags?post=370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}