Wichtig für Beginner: Kein eigenes Template!

Einklappen
Dieses Thema ist geschlossen.
X
Das ist ein wichtiges Thema.
X
X
 
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge
  • christian
    Alter Contao-Hase
    • 15.06.2009
    • 1039

    #1

    Wichtig für Beginner: Kein eigenes Template!

    Hallo Neueinsteiger bei TYPOlight,

    da es gerade bei den Newbies leider immer wieder zu Mißverständnissen kommt, möchte ich an dieser Stelle einmal den klaren Rat geben:

    Das beste "eigene Template" für viele TL-Projekte ist, kein eigenes Template zu erstellen!

    Der Grund ist einfach: TYPOlight verfügt nicht über ein "allumfassendes Template", das für jedes Projekt händisch angepasst werden muss, sondern setzt den Begriff Template in einer viel genaueren Bedeutung ein: Ein Template in TL ist lediglich eine Ausgabevorlage für (Teil)-Xhtml-Code. D.h., es gibt zu jeder Modulausgabe, zu jeder Art von Content-Element und zu jedem anderen Xhtml-Teil ein passendes Template. Diese Templates sind so neutral aufgebaut, dass in 90% aller Fälle keinerlei Anpassungen im Quelltext nötig werden. Die optische Ausgabe wird lediglich mit Css formatiert. Sollten doch mal echte Anpassungen nötig werden, passiert dies immer nur in Kopien - nie im Original.

    Zusätzlich verfügt TL über ein eigenes Framework, womit man sich über "Seitenlayouts" den strukturellen Aufbau quasi zusammenklicken kann. Das Haupt-Template "fe_page.tpl" ist so aufgebaut, dass sich 90-95% aller üblichen Layouts ohne eine einzige Code-Änderung damit realisieren lassen.

    Ein "eigenes Template" macht also nur dann Sinn, wenn sich das Layout nicht mit einem grundsätzlichen Aufbau

    Code:
    *************************************
    * header                            *
    *************************************
    
    
    *************************************
    * Eigene Bereiche                   *
    *************************************
    
    
    ********      ********      *********
    * left *      * main *      * right *
    ********      ********      *********
    
    
    **************************************
    * Eigene Bereiche                    *
    **************************************
    
    
    **************************************
    * Footer                             *
    **************************************
    realisieren lässt. Das dürften nur sehr, sehr wenige sein, weil alle TL-Elemente in allen Bereichen einbindbar sind.

    Auch gerne genommen: Der Einsteiger hat bereits eine Xhtml-Datei mit Css-Anweisungen, z.B. aus einem Editor wie Dreamweaver. Die Frage ist dann oft

    "Wie bekomme ich meine Klassennamen in das TL-Template?"

    Antwort: Nur mit extrem viel Aufwand, da nicht 1, sondern X (Sub-)Templates angepasst werden müssten. Und dies ggf. auch nach einem Update. Die einfachste Lösung ist die, die eigenen Css-Anweisungen auf die TL-Klassenbenennungen anzupassen.

    Bitte versteht diesen Beitrag als "Frustrationsbremse", nicht als eine Belehrung von der Kanzel herunter. Sehr viele von uns haben genau diese Erfahrungen gemacht und schleppen auch oft noch Altprojekte mit eigenen Templates mit, die bei jedem TL-Update für viel Arbeit sorgen.

    Viele Grüße,


    Christian
    Zuletzt geändert von Nina; 10.11.2010, 14:29.
    Contao-Partner am Niederrhein
    Templating - Komplettservice - Erweiterungen
    Infos: http://delahaye.de
  • stefan-at-work
    Community-Moderator
    • 05.06.2009
    • 1808

    #2
    Beitrag bitte pinnen
    Contao-Partner: PREISS medienproduktion +++ Contao-Partnerprofil +++ Contao Themes Shop

    Kommentar

    • dol...

      #3
      hallo leute,
      ich kann christian nur beipflichten! genau das ist ja auch der riesen vorteil von TYPOlight gegenüber anderen CMS...

      „Never change a winning team!“

      herzliche grüsse
      dolores

      Kommentar

      • okapi
        Contao-Fan
        • 03.09.2009
        • 251

        #4
        Inzwischen möchte ich nicht mehr auf das TYPOlight-Framework verzichten. Es muss in den allermeisten Fällen kein eigenes Template erstellt werden. Die Umsetzung einer Seite findet ja eigentlich im Seitenlayout statt. Der durchgängige modulare Aufbau von TYPOlight lässt enorm viel Raum für die Gestaltung. Wieviel Raum das ist, war mir anfangs gar nicht bewusst.

        Ich habe auch den Newbie-Fehler gemacht und geglaubt, ich müsse im Sinne der Gestaltungsfreiheit ein eigenes Template und eigene CSS-IDs und -Klassen verwenden. Bis ich darauf gekommen bin, wieviel einfacher und problemloser (Stichwort Browser-Bugs) die Nutzung des wohldurchdachten TYPOlight-Frameworks und der CSS-Definitionen ist. Am Anfang merkt man noch nicht so richtig, dass in TYPOlight schon alles vorhanden ist.

        Für TYPOlight-Anfänger ist es allerdings sehr wichtig, die TYPOlight-eigenen CSS-Klassen und IDs zu kennen. Die Verschachtelung der Container kann anfangs vielleicht ein wenig irritieren, bis man den Sinn verstanden hat: jedes einzelne Element lässt sich präzise per CSS ansprechen.
        Ninas äusserst nützlicher Artikel hat mir da sehr geholfen:


        Gruß
        Michael

        Kommentar

        • xchs
          Administrator
          • 19.06.2009
          • 14682

          #5
          Hallo obelixus,
          Zitat von obelixus Beitrag anzeigen
          Gibt es irgendwo eine Liste mit den möglichen TL Klassen?
          Hauptsächlich gehts darum eigene Menue Designs in der CSS zu machen. Denn an der Aufbaustruktur gibt es ja nichts zu meckern! Ausser jemand will was 4 spaltiges...
          Nina hat in diesem Thema mal begonnen, einige der TYPOlight-Klassen/IDs zusammenzuschreiben. Die Übersicht ist aber mit Sicherheit noch nicht vollständig! In diesem Zusammanhang würde ich Dir sowieso empfehlen, die von TL verwendeten Klassen bzw. IDs direkt im Quelltext der Seite bzw. mit dem Firefox Add-on "Firebug" zu suchen/untersuchen. Damit bist Du viel flexibler und kannst auch gleich die passenden Styles zuweisen.
          Contao Community Administrator

          [Unterstützungsmöglichkeiten]
          sigpic

          Kommentar

          • lucina
            Administratorin
            • 19.06.2009
            • 7544

            #6
            Hilfreich für den Anfang könnte das sein: http://de.contaowiki.org/Die_erste_Webseite

            Carolina.
            Contao in Kiel: kikmedia webdevelopment | Contao-Partnerin | Contao Usergroup Kiel | github | Contao-Community-Alliance | MetaModels-Team

            Kommentar

            Lädt...