Rahmenoptionen zur Formatierung von Content nutzen

0 Kommentare | Rubrik: Allgemein

 

Wer seinen Redakteuren die Möglichkeit zur Gestaltung einzelner Contentelemente geben möchte, dann hierzu die Rahmenoptionen nutzen und modifizieren. Somit können z.B. Zitate schnell und einheitlich gestaltet werden.

Rahmendropdown

Rahmenoptionen zur Formatierung

Wer die Möglichkeit haben möchte jedes Contentelement beliebig zu formatieren, kann die geboten Optionen aus dem Rahmendropdown nutzen und verändern. Folgendes TS, das in das TSConfig der Rootseite eingetragen.:

TCEFORM.tt_content.section_frame{

 #Standardrahmen entfernen
 removeItems = 1,5,6,10,11,12,20,21

 #beliebige neue Rahmen hinzufügen
 #die Zahl ist beliebig, darf aber nur ein Mal verwendet werden
#Namen sollten sprechend sein
 addItems.100 = Zitat
 addItems.101 = Anmerkung 
}

Die Namen der neuen Elemente sollten möglichst sprechend und selbsterklärend sein, damit der Redakteur die richtigen Designs auswählen kann.

 

Im nächsten Schritt muss den neuen oben vergebenen Elementen entsprechende Wert zugewiesen werden. Dies wird im Setup des Root-Templates eingetragen.

tt_content.stdWrap.innerWrap.cObject = CASE
tt_content.stdWrap.innerWrap.cObject {
key.field = section_frame
100 = TEXT
100.value = <blockquote>|</blockquote>

101 = TEXT
101.value =<div class="anmerkung">|</div>
}

Nicht vergessen, sollte man hier auch die entsprechenden Klassen im CSS zu definieren. Für den oberen Code z.B. folgendes:

.anmerkung {background-color: #ff0000; color: #ffffff; padding: 10px;}

Wer den Standard Einstellungen zufrieden ist und nur den Text im Dropdown umstellen möchte kann dies im TSConfig der Rootseite folgendermaßen bewerkstelligen:

TCEFORM.tt_content.section_frame{
 altLabels.20 = Neuer Name
}

Man kann aber auch das Wrapping der Standardelemente im Setup der Rootseite überschreiben:

tt_content.stdWrap.innerWrap.cObject {

 key.field = section_frame
 #ueberschreiben des bisherigen Rahmen 1
 20 = TEXT
 20.value = <div class="neuer-rahmen1">|</div>
}
Einen Kommentar schreiben

Email wird nicht veröffentlicht.


Aktuelles aus Typo3

Bookmark setzen

bookmark in your browserbookmark at mister wongpublish in twitterbookmark at del.icio.usbookmark at digg.combookmark at furl.netbookmark at linksilo.debookmark at reddit.combookmark at spurl.netbookmark at technorati.combookmark at google.combookmark at yahoo.combookmark at facebook.combookmark at stumbleupon.combookmark at propeller.combookmark at newsvine.combookmark at jumptags.com