MARKER<\/em> ###DOKUMENT### \u201egewrapped\u201c. D.h. es wird TYPO3 mitgeteilt, von wo bis wo die dynamischen Inhalte einzuf\u00fcgen sind:<\/p>\n<!-- ###DOKUMENT### begin -->\r\n\r\n<!-- ###DOKUMENT### end --><\/pre>\n <\/p>\n
Danach sind die Bereich, die \u00fcber das TYPO3 CMS bef\u00fcllt werden sollen, durch MARKER<\/em> zu ersetzen. Die Bezeichnung der Marker kann selbst gew\u00e4hlt werden Es sind allerdings nur Buchstaben, Zahlen und der Unterstrich zu l\u00e4ssig. Jeder Marker beginnt und endet mit \u201e###\u201c.<\/p>\nUnser vorstehendes HTML-Template wird entsprechend angepasst und sieht im Ergebnis so aus:<\/p>\n
<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN\" \r\n\"http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd\">\r\n\r\n<html xml:lang=\"de\" lang=\"de\" xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\"> \r\n <head> \r\n <meta http-equiv=\"Content-Type\" content=\"text\/html; charset=utf-8\" \/>\r\n <!-- METADATEN -->\r\n <!-- CSS -->\r\n <\/head>\r\n\r\n <body>\r\n <!-- ###DOKUMENT### begin -->\r\n\r\n <!-- NAVIGATIONSMEN\u00dc (Erl\u00e4uterung) -->\r\n <header>\r\n ###MAIN_MENU###\r\n <\/header>\r\n\r\n <!-- SEITENINHALT (Erl\u00e4uterung) -->\r\n <main>\r\n <div class=\"g50 gl\">\r\n ###COLUMNLEFT###\r\n <\/div>\r\n <div class=\"g50 gr\">\r\n ###COLUMNRIGHT###\r\n <\/div>\r\n <\/main>\r\n\r\n <!-- ###DOKUMENT### end -->\r\n\r\n <\/body>\r\n<\/html><\/pre>\n <\/p>\n
Damit unsere Templatevorlage in TYPO3 funktionsf\u00e4hig ist, sind folgende Schritte erforderlich:<\/p>\n
\n- Die Templatevorlage (eine HTML-Datei) muss im TYPO3 Backend (= das Redaktionssystem von TYPO3) eingebunden werden.<\/li>\n
- Es muss Scriptcode f\u00fcr die Navigation verfasst und das Navigationsmen\u00fc in den Marker ###MAIN_MENU### geschrieben werden.<\/li>\n
- Au\u00dferdem muss TYPO3 mitgeteilt werden, in welchen Marker bzw. in welche Marker es die Inhalte aus der jeweiligen Spalte im Backend schreiben soll. Per Standard sind dies die Spalten \u201eLinks\u201c, \u201eNormal\u201c, \u201eRechts\u201c, \u201eRand\u201c.<\/em><\/em>
\n![\"TYPO3](\"\/blog\/wp-content\/uploads\/redaktion\/anleitungen\/img_typo3_template_erstellen_spalten_t3_backend.png\" "\\"TYPO3")
<\/li>\n<\/ol>\nDie vorgenannten Schritte werden alle mit der hauseigenen Scriptsprache TypoScript<\/em> durchgef\u00fchrt. Im Rahmen dieser Anleitung werden Grundkenntnisse in TypoScript vorausgesetzt.<\/p>\n\n- Zun\u00e4chst erstellen wir das PAGE-Object.<\/li>\n
- Danach binden wir unsere Templatevorlage in TYPO3 ein.
\nDie Templatevorlage wurde template.html<\/em> benannt und befindet sich im Verzeichnis \/fileadmin\/templates\/template.html<\/em><\/em><\/li>\n- Anschlie\u00dfend teilen wir TYPO3 mit, welche Marker angesprochen und durch eigene Inhalte ersetzt werden sollen.<\/li>\n
- Abschlie\u00dfend binden wir noch unsere CSS-Datei ein.<\/li>\n<\/ol>\n
#----- PAGE-Object erstellen: -----\r\npage {\r\n typeNum = 0\r\n\r\n 10 = TEMPLATE\r\n 10.template = FILE\r\n \r\n 10 { \r\n #----- TEMPLATEVORLAGE einbinden: -----\r\n template.file = fileadmin\/templates\/template.html\r\n\r\n #----- TYPO3 MITTEILEN, WO SICH DIE ZU ERSETZENDEN INHALTE IM TEMPLATE BEFINDEN -----\r\n # In vorstehendem Template ist das der Bereich:\r\n # <!-- ###DOKUMENT### begin --> bis <!-- ###DOKUMENT### end -->\r\n # der anzusprechende Marker hei\u00dft also DOKUMENT:\r\n\r\n workOnSubpart = DOKUMENT\r\n \r\n marks {\r\n #--------SPALTEN --------\r\n # F\u00fcr die linke Spalte ist im Template der Marker ###COLUMNLEFT### vorgesehen und\r\n # f\u00fcr die rechte Spalte der Marker ###COLUMNRIGHT###\r\n # Den Inhalt der Spalte \u201cLinks\u201d in den Marker COLUMNLEFT des Templates schreiben:\r\n COLUMNLEFT < styles.content.getLeft \r\n\r\n # Den Inhalt der Spalte \u201cRechts\u201d in den Marker COLUMNRIGHT des Templates schreiben: \r\n COLUMNRIGHT < styles.content.getRight \r\n \r\n # In diesem Beispiel nicht verwendet aber der Vollst\u00e4ndigkeit halber erw\u00e4hnt:\r\n # Einf\u00fcgen des Inhalts der Spalte \u201eNormal\u201c in den Marker ###CONTENT### im Tempalte:\r\n CONTENT < styles.content.get\r\n\r\n #--------NAVIGATION --------\r\n MAIN_MENU < temp.MAINMENU\r\n } \r\n }\r\n}#end PAGE\r\n\r\n#----- EIGENES CSS EINBINDN -----\r\npage.includeCSS.content = fileadmin\/css\/main.css<\/pre>\n <\/p>\n
F\u00fcr mehrspaltige Inhalte sind in TYPO3 die Spalten Links | Normal | Rechts | Rand<\/em><\/strong> vorgesehen. In vorstehendem Beispiel wurde das Template so erstellt, dass der Inhalt der Spalte \u201eLinks\u201c des TYPO3 Backends in den Marker COLUMNLEFT und der Inhalt der Spalte \u201eRechts\u201c in den Marker COLUMNRIGHT des Templates geschrieben wird.<\/p>\nZwecks gr\u00f6\u00dferer Flexibilit\u00e4t nutzen TYPO3-Entwickler aber meist andere M\u00f6glichkeiten wie beispielsweise TemplaVoila oder Grid-Elements.<\/p>\n
Der aufmerksame Leser fragt sich nun, wie die Navigation realisiert wird. Diese wird in den Marker ###MAIN_MENU### des Templates geschrieben. In vorstehendem TypoScript findet sich daf\u00fcr die Zeile:<\/p>\n
MAIN_MENU < temp.MAINMENU<\/pre>\nAus Gr\u00fcnden der \u00dcbersichtlichkeit wurde das TypoScript f\u00fcr das Navigationsmen\u00fc separate erstellt und in temp.MAINMENU<\/em><\/strong> geschrieben. Von dort wird der Inhalt von temp.MAINMENU dann \u00fcber die vorstehende TypoScript-Zeile in den Marker MAIN_MENU integriert.<\/p>\nDas TypoScript f\u00fcr das Navigationsmen\u00fc:<\/strong><\/p>\n#--------MAIN-MENU--------\r\n# Art des Men\u00fcs festlegen: wir verwenden ein HMENU\r\ntemp.MAINMENU = HMENU \r\n\r\n# Einstiegs-Level f\u00fcr das Men\u00fc im TYPO3 PageTree\r\ntemp.MAINMENU.entryLevel = 0\r\n\r\n# Men\u00fc vom Typ directory:\r\ntemp.MAINMENU.special = directory\r\n\r\n#Einstiegspunkt f\u00fcr das Men\u00fc ist die Seite mit der ID 2:\r\ntemp.MAINMENU.special.value = 2\r\n\r\ntemp.MAINMENU {\r\n ### MAIN MENU (HAUPTMEN\u00dc) ###\r\n 1 = TMENU\r\n 1 {\r\n expAll = 1\r\n noBlur = 1 \r\n wrap = <ul id=\"main-menu\">|<\/ul> \r\n \r\n # Normalzustand des Men\u00fcs \r\n NO = 1\r\n NO { \r\n wrapItemAndSub = <li>|<\/li> \r\n }\r\n \r\n # Aktivzustand des aktuellen Listenbereichs\r\n ACT < .NO\r\n ACT.wrapItemAndSub = <li class=\"active\">|<\/li>\r\n \r\n # Die aktuelle Seite wird mit der Information zum Aktivzustand bef\u00fcllt\r\n CUR < .ACT \r\n }\r\n\r\n ### SUB-MENU (Untermen\u00fc) ### \r\n # Das Untermen\u00fc erbt die Eigenschaften des Hauptmen\u00fcs\r\n\r\n 2 < .1\r\n 2 {\r\n \r\n # und wird in einigen Bereichen anders konfiguriert:\r\n expAll = 0\r\n wrap = <ul class=\"hidden\">|<\/ul>\r\n NO { \r\n wrapItemAndSub = <li>|<\/li> \r\n }\r\n \r\n ACT < .NO\r\n ACT.wrapItemAndSub = <li class=\"active\">|<\/li>\r\n \r\n } \r\n}<\/pre>\n <\/p>\n
Fazit zu TYPO3 Template erstellen:
\n<\/strong>Auf TYPO3-Einsteiger wirkt vorstehendes TypoScript eventuell abschreckend. Dazu muss jedoch ber\u00fccksichtigt werden, dass TYPO3 kein \u201eBunti-Bunti-Klicki-Klicki\u201c-System ist, wo alles bereits fertig vorkonfiguriert wurde.<\/p>\nSondern mit TYPO3 lassen sich professionelle Webseiten individuell gestalten. Das erfordert von Seiten des Webdesigners eine entsprechende Einarbeitung \u2013 eben auch in die eigene Scriptsprache TypoScript.<\/p>\n
Die vorstehende Anleitung zeigt aber auch, dass die Gestaltung eines Templates und dessen Integration in das TYPO3 CMS kein \u201eHexenwerk\u201c ist. Entsprechende Kenntnisse in HTML, CSS und TYPO3 vorausgesetzt, gestaltet sich die Umsetzung eigener und individueller Webseiten mit TYPO3 sehr komfortabel.<\/p>\n
<\/p>\n
Stichworte: TYPO3 Template erstellen<\/em><\/p>\n\n\n\n \n
\n \n
\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n <\/div>\n \n
\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n <\/div>\n<\/div>\n \n\n
\n 5\/5 - (4 votes) <\/div>\n <\/div>\n","protected":false},"excerpt":{"rendered":"
TYPO3 Template erstellen: wie erstelle ich ein TYPO3-Template? Eine Anleitung zur Erstellung eigener Templates. Was ist ein \u201eTemplate\u201c? Darunter wird eine Rahmenvorlage bzw.…<\/p>\n","protected":false},"author":2,"featured_media":1454,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,16],"tags":[],"class_list":["post-397","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-typo3","category-typo3-anleitungen"],"yoast_head":"\n
TYPO3 Template erstellen \u2013 ein individuelles T3-Template gestalten<\/title>\n<meta name=\"description\" content=\"TYPO3 Template erstellen \u2013 ein individuelles T3-Template gestalten: wie erstelle ich ein TYPO3-Template? Eine Anleitung zur Erstellung eigener Templates.\" \/>\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\/typo3-template-erstellen\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"TYPO3 Template erstellen \u2013 ein individuelles T3-Template gestalten\" \/>\n<meta property=\"og:description\" content=\"TYPO3 Template erstellen \u2013 ein individuelles T3-Template gestalten: wie erstelle ich ein TYPO3-Template? Eine Anleitung zur Erstellung eigener Templates.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/typo3-template-erstellen\/\" \/>\n<meta property=\"og:site_name\" content=\"Webdesign Tipps \/ Webdesign Blog\" \/>\n<meta property=\"article:published_time\" content=\"2017-08-11T15:00:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-05-26T11:31:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/08\/img_typo3_template_erstellen.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=\"10\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\/typo3-template-erstellen\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/typo3-template-erstellen\/\"},\"author\":{\"name\":\"avs\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/#\/schema\/person\/07adbe83d83d582226dfd31d055a4b0f\"},\"headline\":\"TYPO3 Template erstellen \u2013 ein individuelles T3-Template gestalten\",\"datePublished\":\"2017-08-11T15:00:36+00:00\",\"dateModified\":\"2021-05-26T11:31:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/typo3-template-erstellen\/\"},\"wordCount\":1158,\"commentCount\":17,\"publisher\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/typo3-template-erstellen\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/08\/img_typo3_template_erstellen.jpg\",\"articleSection\":[\"TYPO3\",\"TYPO3 Anleitungen\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/typo3-template-erstellen\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/typo3-template-erstellen\/\",\"url\":\"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/typo3-template-erstellen\/\",\"name\":\"TYPO3 Template erstellen \u2013 ein individuelles T3-Template gestalten\",\"isPartOf\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/typo3-template-erstellen\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/typo3-template-erstellen\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/08\/img_typo3_template_erstellen.jpg\",\"datePublished\":\"2017-08-11T15:00:36+00:00\",\"dateModified\":\"2021-05-26T11:31:05+00:00\",\"description\":\"TYPO3 Template erstellen \u2013 ein individuelles T3-Template gestalten: wie erstelle ich ein TYPO3-Template? Eine Anleitung zur Erstellung eigener Templates.\",\"breadcrumb\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/typo3-template-erstellen\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/typo3-template-erstellen\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/typo3-template-erstellen\/#primaryimage\",\"url\":\"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/08\/img_typo3_template_erstellen.jpg\",\"contentUrl\":\"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/08\/img_typo3_template_erstellen.jpg\",\"width\":1440,\"height\":530,\"caption\":\"TYPO3 Template erstellen\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/typo3-template-erstellen\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\/\/a-vista-studios.de\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"TYPO3 Template erstellen \u2013 ein individuelles T3-Template gestalten\"}]},{\"@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":"TYPO3 Template erstellen \u2013 ein individuelles T3-Template gestalten","description":"TYPO3 Template erstellen \u2013 ein individuelles T3-Template gestalten: wie erstelle ich ein TYPO3-Template? Eine Anleitung zur Erstellung eigener Templates.","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\/typo3-template-erstellen\/","og_locale":"de_DE","og_type":"article","og_title":"TYPO3 Template erstellen \u2013 ein individuelles T3-Template gestalten","og_description":"TYPO3 Template erstellen \u2013 ein individuelles T3-Template gestalten: wie erstelle ich ein TYPO3-Template? Eine Anleitung zur Erstellung eigener Templates.","og_url":"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/typo3-template-erstellen\/","og_site_name":"Webdesign Tipps \/ Webdesign Blog","article_published_time":"2017-08-11T15:00:36+00:00","article_modified_time":"2021-05-26T11:31:05+00:00","og_image":[{"width":1440,"height":530,"url":"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/08\/img_typo3_template_erstellen.jpg","type":"image\/jpeg"}],"author":"avs","twitter_card":"summary_large_image","twitter_misc":{"Verfasst von":"avs","Gesch\u00e4tzte Lesezeit":"10\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/typo3-template-erstellen\/#article","isPartOf":{"@id":"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/typo3-template-erstellen\/"},"author":{"name":"avs","@id":"https:\/\/a-vista-studios.de\/blog\/#\/schema\/person\/07adbe83d83d582226dfd31d055a4b0f"},"headline":"TYPO3 Template erstellen \u2013 ein individuelles T3-Template gestalten","datePublished":"2017-08-11T15:00:36+00:00","dateModified":"2021-05-26T11:31:05+00:00","mainEntityOfPage":{"@id":"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/typo3-template-erstellen\/"},"wordCount":1158,"commentCount":17,"publisher":{"@id":"https:\/\/a-vista-studios.de\/blog\/#organization"},"image":{"@id":"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/typo3-template-erstellen\/#primaryimage"},"thumbnailUrl":"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/08\/img_typo3_template_erstellen.jpg","articleSection":["TYPO3","TYPO3 Anleitungen"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/typo3-template-erstellen\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/typo3-template-erstellen\/","url":"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/typo3-template-erstellen\/","name":"TYPO3 Template erstellen \u2013 ein individuelles T3-Template gestalten","isPartOf":{"@id":"https:\/\/a-vista-studios.de\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/typo3-template-erstellen\/#primaryimage"},"image":{"@id":"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/typo3-template-erstellen\/#primaryimage"},"thumbnailUrl":"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/08\/img_typo3_template_erstellen.jpg","datePublished":"2017-08-11T15:00:36+00:00","dateModified":"2021-05-26T11:31:05+00:00","description":"TYPO3 Template erstellen \u2013 ein individuelles T3-Template gestalten: wie erstelle ich ein TYPO3-Template? Eine Anleitung zur Erstellung eigener Templates.","breadcrumb":{"@id":"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/typo3-template-erstellen\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/typo3-template-erstellen\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/typo3-template-erstellen\/#primaryimage","url":"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/08\/img_typo3_template_erstellen.jpg","contentUrl":"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/08\/img_typo3_template_erstellen.jpg","width":1440,"height":530,"caption":"TYPO3 Template erstellen"},{"@type":"BreadcrumbList","@id":"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/typo3-template-erstellen\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/a-vista-studios.de\/blog\/"},{"@type":"ListItem","position":2,"name":"TYPO3 Template erstellen \u2013 ein individuelles T3-Template gestalten"}]},{"@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\/397","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=397"}],"version-history":[{"count":5,"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/posts\/397\/revisions"}],"predecessor-version":[{"id":404,"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/posts\/397\/revisions\/404"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/media\/1454"}],"wp:attachment":[{"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/media?parent=397"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/categories?post=397"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/tags?post=397"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"TYPO3](\"\/blog\/wp-content\/uploads\/redaktion\/anleitungen\/img_typo3_template_erstellen.png\" "\\"TYPO3")
<\/p>\n