Hat Ihnen dieser Beitrag gefallen?
t3n Social News ist ein offenes News- und Link-Portal rund um die Themenbereiche Open Source, Web 2.0, Webentwicklung, Apple, Linux und TYPO3.
Gefällt Ihnen diese Seite? Dann teilen Sie das doch gleich ihren Facebook-Freunden mit.
Folgen Sie Jürg Langhard, dem Inhaber und Geschäftsführer von GreenBanana GmbH, bei Twitter.
Rubrik: Tutorial
Überschrift-Typ erweitern im TYPO3-Backend
TYPO3 bringt standardmässig sechs vordefinierte Überschrifts-Typen mit. Dies sind:
- Normal
- Layout 1
- Layout 2
- Layout 3
- Layout 4
- Layout 5
- Versteckt
Möchte man nun diese Liste mit einer (oder mehreren) benutzerdefinierten Überschrift erweitern, muss das Array $TCA['tt_content']['columns']['header_layout'], welches in sysext/cms/tbl_tt_content.php definiert ist, erweitert werden.
Das $TCA-Array definiert (einfach gesagt) die Felder und somit die Darstellung im TYPO3-Backend.
Damit die Anpassung nicht in die System-Extension "cms" geschrieben werden muss, verwenden wir folgendes TSconfig.
TSconfig
TCEFORM.tt_content.header_layout.addItems.6 = Überschrift 1 (Grau)
TCEFORM.tt_content.header_layout.addItems.7 = Überschrift 1 (Schwarz)
Die neuen Überschriften im Backend
Die neuen Überschriften sind, nach dem löschen des Caches, im Backend sofort einsetzbar.
Bevor die Überschrift im Frontend jedoch angezeigt wird, benötigt es noch ein wenig TypoScript.
In diesem Beispiel war die Vorgabe, dass die Überschrift 1 (welche mittels GIFBUILDER als Bild ausgegeben wird) in weiteren Farben ausgegeben werden kann.
TypoScript
lib.stdheader.10.1 = IMAGE
lib.stdheader.10.1 {
params = class="Titel_H1"
wrap = |
file = GIFBUILDER
altText.field = header
titleText.field = header
file {
XY = [10.w]+5,24
backColor = #FFFFFF
10 = TEXT
10.text.current = 1
10.fontSize = 18
10.offset = 0,18
10.fontFile = fileadmin/templates/fonts/FuturBol.ttf
10.fontColor = #e62239
10.niceText = 1
10.text.case = upper
}
}
# Header 6 (Grau)
lib.stdheader.10.6 < lib.stdheader.10.1
lib.stdheader.10.6.file.10.fontColor = #7F7F7F
# Header 7 (Schwarz)
lib.stdheader.10.7 < lib.stdheader.10.1
lib.stdheader.10.7.file.10.fontColor = #000000
Kommentare
Blog Netiquette
Dieses Blog ist eine offene Dialog-Plattform, auf der Mitarbeiter von GreenBanana Beiträge veröffentlichen.
Umgangston im Blog vom GreenBanana
- Behandeln Sie andere hier im Blog immer so, wie Sie selbst behandelt werden möchten.
- Jeder hat eine eigene Meinung und das Recht seine Meinung hier kundzutun. Sachliche Diskussionen, auch eine gesunde Streitkultur ist bei kritischen Themen wünschenswert. «Hart, aber fair», lautet die Devise hier im Blog.
- In diesem Blog haben persönliche Angriffe, übertriebener Sarkasmus, Beleidigungen oder Beschimpfungen nichts zu suchen.
- Die Blog-Kommentarfunktion soll somit eine sachliche Diskussion ermöglichen. Um dies zu gewährleisten, behalten wir uns auch vor, Kommentare zu löschen, die einer Diskussion nicht dienlich sind und die sich nicht auf die Beiträge beziehen. Es besteht kein Anspruch auf Veröffentlichung.
Wir löschen bzw. sperren Kommentare bei:
- Aufforderungen zu Gewalt gegen Personen, Institutionen oder Unternehmen
- Pornografie
- Missbrauch als Werbefläche für Webseiten oder Dienste
- Rassismus und Hasspropaganda
- Beleidigungen, Verletzungen, persönliche Angriffe oder Entwürdigungen von Personen oder Firmen in jeglicher Form.
- Aufruf zu Demonstrationen und Kundgebungen jeglicher politischer Richtung
- Kommentare, die sich nicht auf den kommentierten Beitrag beziehen
Ausschlussklausel für Haftung
Die Kommentare zu unseren Beiträgen spiegeln allein die Meinung einzelner Leser wider. Für die Richtigkeit und Vollständigkeit der Inhalte übernimmt GreenBanana keinerlei Gewähr.
Was spricht denn gegen ein simples "TCEFORM.tt_content.header_layout.addItems"?
Da spricht gar nichts dagegen. Habe schlicht und einfach nicht an diese Option gedacht. Viele Dank für den Hinweis.
Das Tutorial habe ich entsprechend angepasst.