von Dieter Bunkerd, Dirk Jesse, 03.12.2006

Teil 1: Fließende Spalten und eigensinnige Browser: TYPO3-Templates mit YAML

Aus dem
t3n Magazin Nr. 6

Der Template Selector

Häufig werden auf unterschiedlichen Seiten eines Webauftritts unterschiedliche Vorlagen verwendet.

Aus diesen soll der Redakteur auf Wunsch komfortabel für jede einzelne Seite auswählen können. Auch die Auswahl von Inhaltsvorlagen soll machbar sein, um eine Spalte weiter unterteilen zu können. Möglich macht das die TYPO3-Extension „rlmp_tmplselector“. Damit die Grafiken zur Veranschaulichung unter der Auswahlbox im Template Selector auftauchen, müssen sie im GIF-Format unter dem selben Namen wie die Vorlage und im selben Verzeichnis gespeichert sein.

TYPOSCRIPT

plugin.tx_automaketemplate_pi1 {
	content < plugin.tx_rlmpttmplselector_pi1
	elements {
		BODY.all = 1
		BODY.all.subpartMarker = DOCUMENT_BODY
		HEAD.all = 1
		HEAD.all.subpartMarker = DOCUMENT_HEADER
		HEAD.rmTagSections = title
		DIV.all = 1
	}
relPathPrefix = fileadmin/template/
templatePathMain = fieladmin/template/
templatePathSub = fileadmin/template/sub/
defaultTemplateFileNameMain = layout_2col_left_vlines.html
}

Listing 3

Der TypoScript-Code in Listing 3 sorgt dafür, dass nur DIV-Tags in der Vorlage berücksichtig werden (es könnten durchaus auch TD-Tags sein) und vor allem dafür, dass Pfade in der Vorlage angepasst werden. Dies ist wichtig, da der Designer in der Regel wenig von der späteren Umsetzung der Seite in TYPO3 weiß und in der Regel völlig andere Pfade verwendet. Schließlich muss noch die Standardvorlage bestimmt werden die wirksam wird, wenn der Redakteur keine Auswahl trifft.

Eine fertige Webseite mit insgesamt vier (Sub-) Parts.

Eine fertige Webseite mit insgesamt vier (Sub-) Parts.

Der obigen Abbildung liegt eine zweispaltige Vorlage zugrunde, deren rechte Spalte durch eine Inhaltsvorlage (Subtemplate) mit der Teilung 50/50 in zwei gleich breite Spalten unterteilt wurde. Der Redakteur kann im TYPO3-Backend in der Eingabespalte LINKS normale Inhalte unterhalb des automatisch erzeugten Menüs (1) anlegen. Inhalte in der Eingabespalte NORMAL erstrecken sich über die gesamte Breite (2). SUB-LINKS (3) und SUB-RECHTS (4) sind ebenfalls Eingabespalten im Backend. Diese beiden Spalten wurden hinzugefügt, die standardmäßig vorhandene Spalte RAND wurde ausgeblendet.

Seite:  1 2 3 4 5 6

2 Antworten

  1. von if20 21.10.2010 (15:47Uhr) 1.

    Hallo,

    evtl sollte man sich das Produkt if20 ansehen:
    http://if-20.com

    MfG

    Detlef Schäbel

  2. von pyronet 12.01.2012 (22:48Uhr) 2.

    Hallo,
    ich finde auch, dass das Entwicklertemplate IF20 eine gute Wahl ist.
    Vor allem kann man mit nur wenigen Klicks eine vorkonfigurierte Webseite auf seinen Server zaubern.
    Ich habe Videos zu IF20 gemacht.
    http://www.pyronet.de/videos.html

    LG
    Marion

Deine Meinung


(wird nicht veröffentlicht)