TYPO3-Tutorial 2012-14 – HTML-Vorlage in TYPO3 integrieren – Teil 1

|

In diesem Video beginnen wir damit, eine HTML-Vorlage in TYPO3 zu integrieren. Ich zeige euch allerdings erst einmal ein Demo-Layout, welches ich schnell mal für diesen Kurs gebastelt habe. Wir schauen mal in den HTML-Quelltext, damit man sich schon mal ein paar Sachen merken kann, die für die Verarbeitung per Templavoila beachten sollte.

Ihr könnt euch die verwendete HTML-Vorlage auch hier downloaden, wenn ihr keine eigene verwenden wollt.

YouTube

Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von YouTube.
Mehr erfahren

Video laden

12 Gedanken zu “TYPO3-Tutorial 2012-14 – HTML-Vorlage in TYPO3 integrieren – Teil 1”

  1. Hallo Wolfgang,
    ich muss noch einmal sagen, dass ich deine Tutorials super finde. Ohne deine Hilfe hätte ich als absoluter Neuling mich nicht an diese Materie herangewagt. Sobald meine erste Website steht, werde ich deine Donate-Buttons in Anspruch nehmen – versprochen!

    Ich habe den Typo3-Kurs 2010 aufmerksam und mehrfach durchgearbeitet und bin heute durch das Tutorial 14 von 2012 stark verunsichert: Im Tutorial 18 von 2010 empfahlst du, im div main-Bereich alle cols zu löschen um später durch das Hinzufügen der variantenreichen YAML-Subtemplates flexibler sein zu können.

    Ehrlich gesagt habe ich nie vso recht erstanden, warum man die 3 cols so einfach löschen kann, weil ich es so verstanden hatte, dass sie im Framework je nach Anordnung und Reihenfolge bestimmte Aufgaben erfüllen, aber nun denn…

    Diesmal gehst du nicht so vor und lässt zumindest erstmal eine col bestehen. Hat sich an der Idee etwas geändert, gibt es neue Erkenntnisse bezüglich des Löschens oder ist es purer Zufall? Ich hatte mich gerade mit der Idee der Subtemplates als ideale Lösung angefreundet.

    Sorry, ich wollte jetzt nicht warten, bis du mit Tutorial 2012 wieder bei diesem Thema angekommen bist. 😉

    Gruß, Rolf

    • Ob man die vorgegebenen Spalten verwendet oder nicht, ist je nach Layout zu entscheiden. YAML ist nach dem Prinzip aufgebaut, dass man alles weglassen kann, was man nicht benötigt. Aber natürlich sollte man dabei wissen, was man tut, das heisst, fundierte Kenntnisse in HTML/CSS sind natürlich von Vorteil. Ich empfehle dir, mal die wirklich gute Dokumentation von YAML zu lesen, sowohl von der aktuellen Version 4 als auch von der Vorgängerversion.

  2. Hi Wolfgang,

    ich bin gerade dabei mir Typo3 beizubringen von 0 an und durch deine Videos klappt das wunderbar.

    Hab gerde deine Vorlage runtergeladen und wollte damit weiter arbeiten. Jetzt meine Frage:

    Muss ich jeden einzelnen Ordner in der Ordnerliste Anlegen, oder kann ich die irgendwie alle hochladen? weil das sind verdammt viele, und sehr zeitaufwendig die ganzen Ordner aus deiner vorlage manuell einzugeben.
    Danke schonmal für eine Antwort
    Zorgi

  3. Hallo Wolfgang,

    ein großes dankeschön erstmal für die sehr wertvollen TYPO3-Kurse!
    Ich habe beim mapen leider ein Problem mit den Icons der html Dateien unter fileadmin/templates und zwar reagieren sie nicht auf die linke Maustaste!
    Was mache ich falsch?
    Vermute eine Einstellungssache, aber welche?
    Welche andere Möglichkeit gibt es die 1col…html zu mapen?

    Vielen Dank im Voraus
    Pepo

    • Das Thema hatten wir hier und im Forum schon hundert Mal 😉 Das ist ein Bug in der Version 1.8 von Templavoila. Mach ein Downgrade auf 1.7, dann geht es wieder. Wie das geht, wurde auch schon mehrfach beschrieben, einfach die Suchfunktion benutzen 😉

  4. Unser Verein, Afrika-Forum e.V. möchte gerne die Vorlage für TYPO3-Tutorial 2012-14 – HTML-Vorlage in TYPO3 integrieren – Teil 1 und nutzen, aber wir finden den Ordner mit den Dateien nicht.
    Wie kommen wir heran? Wir bitten Sie um Ihre Hilfe.

    LG.
    Dr. Victor Dzidzonou

Schreibe einen Kommentar zu Rolf Antworten abbrechen