TYPO3-Tutorial 2012-15 – HTML-Vorlage in TYPO3 integrieren – Teil 2

In diesem Video werden wir die HTML-Vorlage mit Hilfe von Templavoila in TYPO3 integrieren. Dieser Vorgang nennt sich „Mapping“, dabei werden die HTML-Elemente ausgewählt, die später durch TYPO3 mit Inhalten befüllt werden sollen, zum Beispiel für eine Navigation oder auch für Inhaltselemente.

YouTube

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

Video laden

Dieser Beitrag hat 33 Kommentare

  1. Paul

    Echt klasse die Tutorials!!!!! Nur komme ich leider mit Typo3 4.5.13 nur bis dahin wo es um die Einbindung der CSS geht (Ich glaube Teil 16. CSS compressed geht glaub ich nicht und regulär eingebundene CSS bringen keine Darstellung im Browser. Ist der 2012-Kurs nur für 4.6.?
    Oder mache ich irgendwas falsch und wenn ja, was bitte? Auf meinem Server läuft 4.5.13 und ich kann nicht upgraden.
    Bin für einen Tipp sehr dankbar!

    1. Bin mir jetzt gerade nicht sicher, ab welcher Version compressCss funktioniert. Aber du hast Recht, der 2012-Kurs ist für die 4.6er. Ansonsten schau dir mal den 2010er-Kurs an, da gehe ich auch bei der Einbindung der CSS-Dateien einen anderen Weg.

      1. Paul

        Hallo Wolfgang, also ich bin echt begeistert! Habe jetzt Dein 2012-Tutorial mit Typo3 4.5.13 umgesetzt und es funktioniert. Vielen Dank dafür! Hast Du auch irgendwo ein Tutorial für das Arbeiten mit Typo3 oder kennst Du ein gutes? Viele Grüße, Paul

        1. In den Videos von 2010 findest du auch ein paar Sachen dazu. Auch hier werden noch ein paar folgen.

  2. Harald

    Hallo Wolfgang,
    bevor ich mit meinem Anliegen kommen, möchte ich erstmals Danke sagen. Deinen Tutorials sind echt der Hammer.
    Ich habe soeben alle 2012er durch gemacht und zum Ende festgestellt das mein Content nicht angezeigt wird. Ich bin die Viedeos jetzt noch einme durchgegangen und finde einfach meinen Fehler nicht.
    Ich bekommen keinen Fehler wenn ich Inhaltselemente anlege, aber sie werden nicht angezeigt. (bzw kommen nicht in den html code) Ich habe das Maping in verdacht, kann aber des Fehler nicht sehen.
    Der Titel ist frei wählbar und kann somit nicht die Ursache sein.
    Unter Voreinstellung Element : habe ich –> Seite – Inhaltselement [Pos. 0]
    Ich hab das richtige DIV
    und auch das Type Script wir erzeugt –> 10.source.current=1
    10.tables = tt_content
    Ich habe noch nie mit Templvoila gearbeitet. Bei den Inhaltelementen sehen ich derzeit nur einen Spalte, das ist jedoch normal denke ich. Ich das die Zpalte auch automatisch die in TV eingestellte 0er ist?
    Hast du eine Idee wieso die Inhalte nicht angezeigt werden können? Navigationen funktionieren inkl scripte und css, einwandfrei.
    Danke, LG Harald

    1. Nun, offensichtlich musst du einen Fehler im Mapping haben. Aber orakeln kann ich leider auch nicht…

      1. Harald

        Hi, ich weis es ist blöd mit so wenig Info ein Problem zu erraten. Danke aber trotzdem für die schnelle Info. Ich hab es mittlerweile auch gelösst. Fals noch jemand das Problem hat das der HTML code zwar richtig gemappt wird und auch die „“ im code stehen, jedoch keine Inhalte. Ich muss scheinbar beim einbinden der Css styled content das speichern vergessen haben. Lösung–> einfach css_styled_content neu eingebunden.(und dieses mal auch gespeichert *g*

        1. Hm, auf jeden Fall eine interessante Fehlerquelle, die man auch erst mal finden muss 😉

  3. Sonja

    Wolfgang, du bist mein Retter! Seit Tagen schon versuche ich meine Navi zum laufen zu bringen und was war’s…? Der Objektpfad mit dem „field_“ Danke das du das erwähnt hast! 🙂

  4. Marv

    Hi, ich verfolge deine Videos schon von anfang an und es hat alles super geklappt das Bild wird angezeigt der slogan, einfach alles..
    Doch jetzt hänge ich an der Navi. Sie wird einfach nicht angezeigt, habe genau das gemacht was du erklärt hast, aber die liste wo home dirnsteht wird nicht angezeigt. wenn ich den „|“ ersetze durch Text steht er da auch (Zwar nicht formatiert sondern alls lange Zeile). Ich habe alles nochmal gemappt neu benannt etc., die templates funktionieren auch alle… aber das HOME wird einfahc nicht angezeigt 🙁 haste vllt noch ein rat?
    Gruß Marv

    1. Meistens sind es irgendwo Tippfehler, fehlende Klammern oder ähnliches, die so ein Verhalten verursachen. Kontrolliere nocheinmal ganz akribisch alles, auch wie du das Objekt in Templavoila benannt hast und dann im TS ansprichst.

  5. E-VANCE

    Danke für das super Tutorial! Gerade für mich als WordPress-Lover (und Typo3-Noob) sehr wertvoll…

  6. Seba

    Vielen Dank für dieses tolle Tutorial!
    Wie kann ich denn das 2-spaltige Layout mappen? Gibt es dazu bald ein Video?

    1. Nein, ist nicht geplant. Aber ich denke, das müsstest du auch selber hinkriegen, ist ja letztendlich nur ein Bereich mehr zum mappen. Ob als Container für Inhaltselemente oder als Typiscript-Objektpfad kannst du dann je nach geplantem Layout selbst entscheiden.

      1. Seba

        Ok, dann werde ich mein Glück mal versuchen.
        Besten Dank für die schnelle Antwort.

        1. Seba

          So, hat soweit alles geklappt. Jetzt würde ich gerne noch die Farbe im oberen Navigationsbereich (Home, Inhaltselemente, Kontakt) ändern, die ist ja im Original türkis. Ich kann die Farbeinstellungen aber nicht in der mylayout.css finden. Bin ich da richtig? Wo kann ich die Farbe ändern?
          Besten Dank im Voraus!

          1. Wolfgang Wagner

            Auswendig weiss ich das jetzt nicht mehr. Aber wenn du mal im Chrome einen Rechtsklick auf das Element machst, welches du bearbeiten willst, kannst du auf „Element untersuchen“ klicken. Dann siehst du unten einen Bereich, der die verwendeten CSS-Regeln anzeigt und du kannst auch „live“ Werte verändern, um zu schauen, wie es aussieht. Nur speichern kannst du dort natürlich nicht.
            Falls du Firefox verwendest, installiere dir die Erweiterung Firebug, mit der geht das genau so, nur heisst dann der Menüpunkt „Mit Firebug untersuchen“.

  7. Markus

    Hallo Wolfgang,
    suuper Tuts, danke das du sowas machst!!!!
    Ich habe ein phänomen was ich mir nicht erklären kann. es betrifft das mapping, bzw. ich komme erst gar nicht dazu.
    wenn ich auf das icon der html-seite mit links klicke passiert… nix! kein drop down menue und somit keine auswahl für templavoila. hast du ne idee woran das liegen kann?
    Habe Typo3 nun 4 mal neu installiert weil ich dachte es liegt irgendwie damit zusammen. aber pustekuchen… :-/
    Danke schon mal im voraus.

    1. Das Thema hatten wir auch im Forum schon öfter. Ist ein Bug in der aktuellen Templavoila Version, mach ein downgrade auf 1.7.0.

      1. Markus

        Ahhhh, cool. Das habe ich dann wohl übersehen! Sorry 4 that.
        Downgraden heißt deinstallieren und 1.7 installieren? wenn ja, dann habe ich das nicht gefunden, weil bei Typo3.org nur die 1.8er angeboten wird. oder bin ich auch hier wieder zu blin(ö)d?
        Gruß Markus.

  8. Stephan

    wie nur mach ich einen Downgrad von TemplaVoila von 1.8 auf 1.7. Seit bald 2h suche ich und steh total auf dem Schlauch….

  9. Fabian Knopf

    Wer suchet der findet! 😉
    Danke für den Link Wolfgang, dass man so komfortabel in der 4.7 auch Downgraden kann wußte ich noch nicht.
    Danke!
    Gruß,
    Fabian

    1. Ja, das ist eine Funktion, die sehr versteckt ist und auch gerne wieder vergessen wird, wenn man sie nicht braucht.

  10. Kai

    Hallo ! Auch von mir erstmal ein großes LOB ! Folgendes Problem hab ich: Im Kontextmenü bekomme ich TemplaVoila gar nicht angezeigt. Die Extension ist aber installiert ! Habe es mit Version 1.6. sowie 1.7 versucht. Kein Erfolg !

    1. Hm, mit diesen Versionen sollte es eigentlich keine Probleme geben. Ist in der ersten Zeile deiner HTML-Vorlage der Doctype vorhanden?

  11. Kristijan

    Hallo Wolfgang,
    ich hab ein Problem. Und zwar benutze ich TYPO3 4.7.7 und TemplaVoila 1.8.0.
    Ich kann mein Template garnicht mappen weil wenn ich auf das Icon klicke mit der linken Maustaste öffnet sich garnicht das Menü wo ich dann TemplaVoila auswählen kann.
    Woran kann das liegen? In damaligen Version 4.7.4 ging das zb.

    1. Kristijan

      hab mich bisschen reingelesen und den fehler gefunden.. dankeee dir!! super blog haste!! 🙂

      1. Marc

        Hi Kristijan,
        kannst Du mir bitte verraten woran es gelegen hat.
        Ich bekomme das Kontextmenu nämliche auch nicht angezeigt.
        Vielen Dank und gruß
        Marc

Schreibe einen Kommentar