Re: [TYPO3-german] Webseite nur per Typoscript aufbauen?
Hallo Martin, der Aufbau des templates ist ein wesentlicher Bestandteil von TYPO3. Daran hat sich nichts geändert. Interessant wäre, was für dich hier der Gegensatz wäre? Best regards, Nicole Ursprüngliche Nachricht Von: Martin martinstock...@googlemail.com Datum:28.03.2014 05:23 (GMT+01:00) An: typo3-german@lists.typo3.org Betreff: [TYPO3-german] Webseite nur per Typoscript aufbauen? Ich interessiere mich dafür, eine Webseite nur mit Typoscript aufzubauen. Laut Internet sollte dies gehen. Ich habe aber dazu nicht so viele Infos dazu. Bei folgenden Link wird so etwas beschrieben, ich weiß aber nicht,, ob dies auch mit der aktuellen 6.2 er Version verwendet werden kann: http://www.alatsystems.de/blog/typoscript/html-datei-einbinden Gibt es noch andere Infos? Wer hat so etwas schon einmal gemacht? Was ist Pro und Contra dazu? ___ TYPO3-german mailing list TYPO3-german@lists.typo3.org http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german ___ TYPO3-german mailing list TYPO3-german@lists.typo3.org http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
Re: [TYPO3-german] Webseite nur per Typoscript aufbauen?
Hallo Martin, der aufbau der Seite nur mit TS ist eigentlich kein Problem! Die Logik von TS kann man auch in verschiedenen Leveln erlernen. Ich selbst Baue meine Webseiten seit Jahren nur mit TS auf und würde sagen, dass ich mit TS nur mittelmäßig umgehen kann. was wichtig ist, Du musst den Code in einzelne Bausteine auslagern! Nur so kannst Du eine Modulartige Struktur bekommen, die es Dir erleichtert zukünftig Webseiten schneller aus schon vorhandenen Elementen zusammen zu setzen. Ich mache das so, dass ich TS nur über externe Dateien einbinde. Die wichtigsten drei sind da bei mir: a0_bezeichner_TEMP.ts a1_bezeichner_CONST.ts a2_bezeichner_CONF.ts Man kann für eine Webseite mehrere Templates erstellen, daher ist das a im Dateinamen eine hilfe, damit zusammengehörige Tamplates im Dateiexplorer auch zusammenstehen. 1, 2 und 3 helfen mir, damit die ordnung innerhalb der Dateinen immer gleich ist. TEMP ist das eigentliche Template und wird im Setup der Seite (dort wo der Code normalerweise eingetragen wird) so eingebunden: INCLUDE_TYPOSCRIPT: source=FILE: fileadmin/template/inc/a0_startseite_TEMP.ts CONST enthält die Konstanten und wird bei mir so eingebunden: INCLUDE_TYPOSCRIPT: source=FILE: fileadmin/template/inc/a1_startseite_CONST.ts und CONF enthält konfigurationen und wird in den Seiteneigenschaften unter Ressourcen TypoScript-Konfiguration eingebunden. INCLUDE_TYPOSCRIPT: source=FILE: fileadmin/template/inc/a2_startseite_CONF.ts in der TEMP-Datei steht bei mir das: Am besten kann man die Datei TEMP (oder TS allegemein) von unten nach oben lesen, da unterhalb die gesamte Seite zusammengebaut wird. Es wird aber immer wieder auf Bausteine zurückgegriffen, welche schon vorher definiert sein müssen! Daher ist zum Beispiel einer der ersten Bausteine in der Datei das Menü und andere kleinere Bestandteile der Seite. Die eigentliche Seite wird durch das page-Objekt erstellt. Innerhalb dieses Page-Objektes wird dann auf verschiedene Bausteine verlinkt: in meinem Fall nur einer tmp.pagebuild Gundaufbau: Baustein-menü Baustein-headerlogo Baustein-contentelemente Baustein-footermenü Baustein-footerlogo Baustein-header = Zusammenstellung aus Baustein-menü und Baustein-headerlogo Baustein-content = Zusammenstellung aus Baustein-contentelemente Baustein-footer = Zusammenstellung aus Baustein-footermenü und Baustein-footerlogo Webseite (PAGE) = Zusammenstellung aus Baustein-header und Baustein-content und Baustein-footer + Pageeinstellungen konkret: # --- # Baustein tmp.mainmenu; .. der einfachheit halber mal nur ein Text Das ist mein Menu der von nav class=menu[...]/nav umgeben wird: Ausgabe ist dann: nav class=menuDas ist mein Menu/nav tmp.mainmenu = COA tmp.mainmenu { wrap = nav class=menu|/nav 10 = TEXT 10.value = Das ist mein Menu } # --- # Baustein tmp.headerbuild; alles was darin an elementen steht, nur das Element 20, wird in die HTML-Box header class=siteheader scrollfix [hier kommt Element 20 rein; durch | gekennzeichnet]/header eingepackt; Element 20 ist ein Verweis auf das Element Menu, welches nur dann eingetragen wird, wenn es vorhanden ist und dann vorher in die DIV-Box div class=grid6[tmp.mainmenu]/div eingepackt wird. Ausgabe ist bis jetzt: header class=siteheader scrollfixdiv class=grid6nav class=menuDas ist mein Menu/nav/div/header tmp.headerbuild = COA tmp.headerbuild { wrap = header class=siteheader scrollfix|/header 20 tmp.mainmenu 20 { stdWrap.required = 1 stdWrap.wrap = div class=grid6|/div } } # --- # Der Baustein tmp.pagebuild welcher mit den Bausteinen tmp.headerbuild, tmp.contentbuild und tmp.footerbuild befüllt ist tmp.pagebuild = COA tmp.pagebuild { 10 tmp.headerbuild 20 tmp.contentbuild 30 tmp.footerbuild } - tmp.contentbuild und tmp.footerbuild werden genauso wie tmp.headerbuild gebildet # --- # Einstellung der Webseite config { headerComment ( Diese Seite wurde erstellt von: Marco Brüggemann ) doctype=html5 htmlTag_setParams=none htmlTag_stdWrap { setContentToCurrent = 1 cObject = COA cObject { 10 = LOAD_REGISTER 10 { newLine.char = 10 tagEnd { current = 1 split.max = 2 split.token = html split.returnKey
Re: [TYPO3-german] Webseite nur per Typoscript aufbauen?
Contra: Der Entwicklungsfluss ist normalerweise statisches HTML Grundgerüst CSS Layout Systemintegration (egal ob Typo3, Wordpress oder sonstwas). Daher macht es natürlich auch sinn bei Typo3 in diesem Fluss zu arbeiten. Warum also etwas nochmal machen, wenn man es schon fertig hat (HTML Gerüst) es ist doch einfacher dieses dann einzubinden und an den notwendigen Stellen zu befüllen. Am 28.03.2014 05:23, schrieb Martin: Ich interessiere mich dafür, eine Webseite nur mit Typoscript aufzubauen. Laut Internet sollte dies gehen. Ich habe aber dazu nicht so viele Infos dazu. Bei folgenden Link wird so etwas beschrieben, ich weiß aber nicht,, ob dies auch mit der aktuellen 6.2 er Version verwendet werden kann: http://www.alatsystems.de/blog/typoscript/html-datei-einbinden Gibt es noch andere Infos? Wer hat so etwas schon einmal gemacht? Was ist Pro und Contra dazu? ___ TYPO3-german mailing list TYPO3-german@lists.typo3.org http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german ___ TYPO3-german mailing list TYPO3-german@lists.typo3.org http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
Re: [TYPO3-german] Webseite nur per Typoscript aufbauen?
Am 28.03.14 05:23, schrieb Martin: Ich interessiere mich dafür, eine Webseite nur mit Typoscript aufzubauen. Laut Internet sollte dies gehen. Ich habe aber dazu nicht so viele Infos dazu. Bei folgenden Link wird so etwas beschrieben, ich weiß aber nicht,, ob dies auch mit der aktuellen 6.2 er Version verwendet werden kann: http://www.alatsystems.de/blog/typoscript/html-datei-einbinden Gibt es noch andere Infos? Wer hat so etwas schon einmal gemacht? Was ist Pro und Contra dazu? ich habe das auch lange gemacht, denke aber das sich demnächst eher mit fluid arbeiten werden. in TYPO3 man kann diverse Ansätze nutzen: HTML-Template, zerlegt via TemplaVoila (finde ich persönlich zu kompliziert, insbesondere die Datenstrukturen) HTML-Template mit Markern (die alte Form). vielfach benutzt, insbesondere auch von Extensions. Muss man daher unbedingt kennen. Nachteil: nicht sonderlich flexibel, außer man baut eine Logik in PHP (Extensions) oder Typoscript ein. Fluid-templates: statt komplizierter Logik in Typoscript kann die Logik 'inline' ins Template. das kann die Templates verständlicher machen. reines Typoscript: basierend auf COAs kann man natürlich ganz leicht ein HTML-Markup einer Webseite aufbauen: page.10 = COA page.10 { wrap = div class=seite|/div 10 = COA 10 { wrap = div class=head|/div 10 = IMAGE 10.file = .../logo.png 10.typolink.parameter = 1 10.wrap = div class=logo|/div 20 = HMENU 20 ... } 20 = COA 20 { wrap = div class=main|/div 10 styles.content.getLeft 10.wrap = div class=left|/div 20 styles.content.getRight 20.wrap = div class=right|/div 30 styles.content.get 30.wrap = div class=middle|/div } 10 = COA 10 { wrap = div class=footer|/div 10 = HMENU 10... 20 = TEXT 20 { value = copyright ... wrap = div class=copyright|/div } } } in der Form ist der Anfang übersichtlich. wenn mehr Konfiguration (z.b. Menüs) dazu kommt reisst es zu sehr auseinander. dann sollte man ganz schnell auf temp-Objekte zurück greifen: temp.logo = IMAGE temp.logo.file = temp.logo.wrap = div class=logo|/div temp.mainmenu = HMENU temp.head = COA temp.head { 10 temp.logo 20 temp.mainmenu wrap = div class=head|/div } temp.left temp.right : um das dann in einem Page-Object zusamman zu fassen: page { 10 temp.head 20 temp.main 30 temp.footer } ganz wichtig: viele typoscript Kommentare!! warum? damit kann man später im TSOB ganz schnell die entsprechenden Objecte identifizieren kann, die man umkonfigurieren will. also vor jedem temp.irgendwas einen kommentar einbauen: #temp.head temp.head = COA und es ist sehr hilfreich wenn die Objecte den gleichen Namen wie die CSS-Klasse haben. warum nun typoscript überhaupt? für mich war/ist es einfacher auf Bedingungen (Conditions) einzugehen und das HTML-Markup zu verändern. seien es Seitenlayouts (keine linke oder rechte Spalte für Redakteuer verfügbar) oder dass der Redakteur einzelne Spalten nicht gefüllt hat und das Layout sich dann entsprechend anpassen kann (keine leeren Divs rendern) die Kontrolle liegt voll im Typoscript und nicht darin welches HTML-template ich per typoscript einbinde bzw. auswähle. dadurch dass ich in Fluid-templates die Kontrolle ins Template verlegen kann wird es für mich flexibler und ich muss nicht mit purem TS arbeiten, was bei größeren Konfigurationen sehr unübersichtlich werden kann. ob man einzelne Dateien per include einbindet oder viele einzelne TS-Templates benutzt oder alles in ein Template packt kann auch jeder selber entscheiden. Ich benutze gerne die Unterstützung des TYPO3-editors in TS-templates. includes sind trotzdem möglich. dann aber auch viele kleine TS-templates und nicht includes in includes. so kann ich das TS seiten-individueller aufbauen (nicht jede Seite braucht die gesamte TS-Konfiguration für cal, news, formhandler, ...) Das ist eine individuelle Präferenz. entstanden aus einigen Jahren arbeiten mit TYPO3. und nicht aus einem Lehrbuch übernommen. bernd -- http://www.pi-phi.de/cheatsheet.html ___ TYPO3-german mailing list TYPO3-german@lists.typo3.org http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
Re: [TYPO3-german] Webseite nur per Typoscript aufbauen?
Hallo, klar geht das. Der Link von dir beschreibt aber das Einbinden einer HTML-Template-Datei. Dann hast in meiner Diktion ein Typoscript-HTML-Template. Es geht aber auch ganz ohne HTML- und CSS-Dateien. Mit page.cssInline { 10 = TEXT 10.value = .pageheader { height:150px; margin-bottom:2%; } 20 = TEXT 20.value = usw. } kannst du z.B. eine Stylesheet-Datei generieren. Das ist cool, wenn du kleinere Berechnungen im Stylesheet durchführen willst und nicht gleich LESS oder SASS einsetzen möchtest. Du kannst bestimmte Farbcodes oder Abstände als Konstanten deklarieren und in dein Stylesheet inkludieren. Das HTML-Template kannst du auch im Typoscript generieren: page.10 = TEMPLATE page.10 { template = TEXT template.value ( header class=pageheader ###HEADER### /header div class=pagecontent ###CONTENT### /div footer class=pagefooter ###FOOTER### /footer ) marks.HEADER styles.content.getBorder marks.CONTENT styles.content.get marks.FOOTER = TEXT marks.FOOTER.value = My Footer Content marks.FOOTER.wrap = p|/p } Das ist sinvoll, wenn du ein HTML-Template vom Auftraggeber geliefert bekommst. Oder ganz ohne HTML: page.10 = COA page.10.wrap = header class=pageheader|/header page.10 styles.content.getBorder page.20 = COA page.20.wrap = div class=pagecontent|/div page.20 styles.content.get page.30 = COA page.30.wrap = footer class=pagefooter|/footer page.30.10 = TEXT page.30.10.value = My Footer content page.30.10.wrap = p|/p Das mache ich meistens, wenn ich das HTML-Gerüst selber aufbaue, weil ich vom Auftraggeber nur ein Screendesign bekommen habe. Für mich ist der Vorteil, dass ich das Template relativ schnell und übersichtlich verändern kann, je nach Seitenlayout. Und ich bleibe dabei im gleichen Medium. Ich muss nicht ständig zwischen HTML, CSS, Typo3Script- und seit kurzem auch Fluidtemplate-Dateien und -Fenstern hin und her wechseln. Mir spart das schlicht und ergreifend Arbeitszeit. Beste Grüße Stefan Padberg Am 28.03.2014 07:21, schrieb Nicole Cordes: Hallo Martin, der Aufbau des templates ist ein wesentlicher Bestandteil von TYPO3. Daran hat sich nichts geändert. Interessant wäre, was für dich hier der Gegensatz wäre? Best regards, Nicole Ursprüngliche Nachricht Von: Martin martinstock...@googlemail.com Datum:28.03.2014 05:23 (GMT+01:00) An: typo3-german@lists.typo3.org Betreff: [TYPO3-german] Webseite nur per Typoscript aufbauen? Ich interessiere mich dafür, eine Webseite nur mit Typoscript aufzubauen. Laut Internet sollte dies gehen. Ich habe aber dazu nicht so viele Infos dazu. Bei folgenden Link wird so etwas beschrieben, ich weiß aber nicht,, ob dies auch mit der aktuellen 6.2 er Version verwendet werden kann: http://www.alatsystems.de/blog/typoscript/html-datei-einbinden Gibt es noch andere Infos? Wer hat so etwas schon einmal gemacht? Was ist Pro und Contra dazu? ___ TYPO3-german mailing list TYPO3-german@lists.typo3.org http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german ___ TYPO3-german mailing list TYPO3-german@lists.typo3.org http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
Re: [TYPO3-german] Webseite nur per Typoscript aufbauen?
Ich bekomme zumeist Screendesigns als PSD-Datei z.B. Warum soll ich denn erst ein HTML-Gerüst aufbauen? Das kann ich doch gleich im Typoscript machen. Typo3 rendert sowieso einen völlig eigenen HTML-Code, den ich von Hand nie bauen würde, mit den ganzen DIV-Wraps und die Content-Elemente und vor allem bei den Bildern. Da ist ein eigenes HTML/CSS-Gerüst als Zwischenschritt vertane Liebesmüh. Kürzer ist immer, das HTML-Gerüst gleich im Typoscript aufbauen, und das dann mit CSS anpassen. Meine Meinung Stefan Padberg Am 28.03.2014 10:16, schrieb Bernhard Prange: Contra: Der Entwicklungsfluss ist normalerweise statisches HTML Grundgerüst CSS Layout Systemintegration (egal ob Typo3, Wordpress oder sonstwas). Daher macht es natürlich auch sinn bei Typo3 in diesem Fluss zu arbeiten. Warum also etwas nochmal machen, wenn man es schon fertig hat (HTML Gerüst) es ist doch einfacher dieses dann einzubinden und an den notwendigen Stellen zu befüllen. Am 28.03.2014 05:23, schrieb Martin: Ich interessiere mich dafür, eine Webseite nur mit Typoscript aufzubauen. Laut Internet sollte dies gehen. Ich habe aber dazu nicht so viele Infos dazu. Bei folgenden Link wird so etwas beschrieben, ich weiß aber nicht,, ob dies auch mit der aktuellen 6.2 er Version verwendet werden kann: http://www.alatsystems.de/blog/typoscript/html-datei-einbinden Gibt es noch andere Infos? Wer hat so etwas schon einmal gemacht? Was ist Pro und Contra dazu? ___ TYPO3-german mailing list TYPO3-german@lists.typo3.org http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german ___ TYPO3-german mailing list TYPO3-german@lists.typo3.org http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
Re: [TYPO3-german] Webseite nur per Typoscript aufbauen?
Hallo, selbstverständlich muss man ab einem gewissen Grad von Komplexität TypoScript-Code auslagern. Diese Scriptlets lege ich in lib.irgendwas ab. Da gibt es bei mir welche für verschiedene Menüs, Templates, Manipulationen am Content-Rendering, die ich bei Bedarf einbauen kann. Ich baue Typoscript auch in Text-Dateien, die ich dann ins Setup inkludiere. Auf diese Weise kann ich mein TypoScript einfach per FTP sichern oder ggf. wieder hochladen. Ich kann dann mit einem schönen Editor meiner Wahl arbeiten, der mir den Kram nach dem Abspeichern sofort hochlädt, habe alle nötigen Dateien im Editor in verschiedenen Reitern geöffnet und arbeite so sehr effizient, finde ich. Mit Typoscript kann man auch kleinere Extensions bauen, sprich Inhalte aus tt_address z.B. rendern. Eine solche TS-Extension speichere ich auch unter lib.irgendwas ab und inkludiere sie direkt als Inhaltselement mit 'object_path'. Der große Vorteil von Typoscript ist außerdem, dass es sich nicht ändert. Sachen, die mit TS gemacht worden sind, funktionieren in allen Typo3-Versionen. Mit den Extensions hat man da ein echtes Problem in den letzten 2 Jahren. Ein weiterer Vorteil könnte sein, dass man das Zusammenspiel von HTML, CSS und Javascript besser steuern kann. Das ist ja mit HTML5 und Responsive Design zum Dauerthema geworden. Was gehört ins HTML, was ins CSS und was in JS? Es zeigt sich, dass man mit Typoscript die drei Komponenten HTML, CSS und Javascript sehr schön zusammenbinden kann. Da liegt meiner Einschätzung nach eine große Zukunftsperspektive für Typoscript. Beste Grüße Stefan Padberg Am 28.03.2014 11:51, schrieb Chris Wolff - AERTiCKET AG: Hallo Es ist möglich, eine Seite nur mit Typoscript Aufzubauen. Ich finde aber ab einer Gewissen Komplexität deiner Seite ist eine Odentliche Trennung von HTML / CSS /Javscript / Typoscript sehr sinvoll. Es gibt natürlich immer Spezielle inhalte die ich mir mittelst typoscirpt aus der datenbank hole. Diese kapsel ich mit in lib.objecten z.B. lib.main-menu, lib.news-teaser ... wenn solche lib objecte komplexer werden kann man ihnen ein eigenes template geben. diese lib objecte binde ich dann in das template system der wahl ein. Für einen neuaufbau würde ich Fluid Templtes empfehlen. Typoscript sollte unbedingt ausgelagert werden. Typoscript in der datenbank hat sich beim entwicklungs zyklus zwischen Entwicklungs server und live server als schwierig herausgestellt da diese änderungen besonders wenn auf dem liveserver ständige änderungen passieren. Dateien lassen sich ziemlich leicht aktualiseren. Einzelne datenbank zeilen nur schwehr... Ein anderer ansatz ist seine sites direct in eigene extensions zu packen. So lassen sich template versionen zwischen den servern vergleichen. In Den extensions kann man abhängig keiten definieren und so sicher stellen das diese erfüllt werden. Z.B. Gruss chris -Ursprüngliche Nachricht- Von: typo3-german-boun...@lists.typo3.org [mailto:typo3-german-boun...@lists.typo3.org] Im Auftrag von ste...@lists.typo3.org Gesendet: Freitag, 28. März 2014 11:21 An: typo3-german@lists.typo3.org Betreff: Re: [TYPO3-german] Webseite nur per Typoscript aufbauen? Ich bekomme zumeist Screendesigns als PSD-Datei z.B. Warum soll ich denn erst ein HTML-Gerüst aufbauen? Das kann ich doch gleich im Typoscript machen. Typo3 rendert sowieso einen völlig eigenen HTML-Code, den ich von Hand nie bauen würde, mit den ganzen DIV-Wraps und die Content-Elemente und vor allem bei den Bildern. Da ist ein eigenes HTML/CSS-Gerüst als Zwischenschritt vertane Liebesmüh. Kürzer ist immer, das HTML-Gerüst gleich im Typoscript aufbauen, und das dann mit CSS anpassen. Meine Meinung Stefan Padberg Am 28.03.2014 10:16, schrieb Bernhard Prange: Contra: Der Entwicklungsfluss ist normalerweise statisches HTML Grundgerüst CSS Layout Systemintegration (egal ob Typo3, Wordpress oder sonstwas). Daher macht es natürlich auch sinn bei Typo3 in diesem Fluss zu arbeiten. Warum also etwas nochmal machen, wenn man es schon fertig hat (HTML Gerüst) es ist doch einfacher dieses dann einzubinden und an den notwendigen Stellen zu befüllen. Am 28.03.2014 05:23, schrieb Martin: Ich interessiere mich dafür, eine Webseite nur mit Typoscript aufzubauen. Laut Internet sollte dies gehen. Ich habe aber dazu nicht so viele Infos dazu. Bei folgenden Link wird so etwas beschrieben, ich weiß aber nicht,, ob dies auch mit der aktuellen 6.2 er Version verwendet werden kann: http://www.alatsystems.de/blog/typoscript/html-datei-einbinden Gibt es noch andere Infos? Wer hat so etwas schon einmal gemacht? Was ist Pro und Contra dazu? ___ TYPO3-german mailing list TYPO3-german@lists.typo3.org http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german ___ TYPO3-german mailing list TYPO3-german@lists.typo3.org
[TYPO3-german] Webseite nur per Typoscript aufbauen?
Ich interessiere mich dafür, eine Webseite nur mit Typoscript aufzubauen. Laut Internet sollte dies gehen. Ich habe aber dazu nicht so viele Infos dazu. Bei folgenden Link wird so etwas beschrieben, ich weiß aber nicht,, ob dies auch mit der aktuellen 6.2 er Version verwendet werden kann: http://www.alatsystems.de/blog/typoscript/html-datei-einbinden Gibt es noch andere Infos? Wer hat so etwas schon einmal gemacht? Was ist Pro und Contra dazu? ___ TYPO3-german mailing list TYPO3-german@lists.typo3.org http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german