Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.
Beide Seiten, vorherige ÜberarbeitungVorherige ÜberarbeitungNächste Überarbeitung | Vorherige Überarbeitung | ||
typo3:verschiedenes [2014/03/21 19:57] – [Headlines mit Klassen versehen] admin | typo3:verschiedenes [2017/05/10 22:02] (aktuell) – Beliebig viele Spalten/Inhaltsbereiche in Front- und Backend admin | ||
---|---|---|---|
Zeile 1: | Zeile 1: | ||
===== Externes Typoscript einbinden ===== | ===== Externes Typoscript einbinden ===== | ||
- | <code typoscript>< | + | * Pfade können relativ oder absolut sein |
- | ---- | + | * man kann auf Extensions verweisen ('' |
+ | * man kann auch auch ganze Ordner auslesen ('' | ||
+ | * es können Dateiendungen gefiltert werden (zB. nur //.t3s// auslesen; // | ||
+ | * Conditions sind möglich <wrap caution>ab TYPO3 7.6</wrap> | ||
+ | * auch für TSconfig verwendbar | ||
+ | <code typoscript> | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | </ | ||
- | ===== Mehr als 4 Spalten in Front- | + | ==== registerPageTSConfigFile |
- | Für die vier Standard-Spalten | + | Wenn man in einer Extension über '' |
- | < | + | **Configuration/ |
- | # colPos = 0: | + | < |
- | 10 < styles.content.get | + | <?php |
- | # colPos = 1: | + | defined(' |
- | 10 < styles.content.getLeft | + | |
- | # colPos = 2: | + | \TYPO3\CMS\Core\Utility\ExtensionManagementUtility: |
- | 10 < styles.content.getRight | + | ' |
- | # colPos = 3: | + | ' |
- | 10 < styles.content.getBorder | + | ' |
+ | ); | ||
</ | </ | ||
- | Wer mehr Spalten benötigt, kann mit Backend-Layouts die gewünschte Menge sowie das Layout im Backend einstellen. Um die Seiteninhalte der zusätzlichen Spalten im Frontend ausgeben zu können, benötigt man noch folgendes TypoScript. Diese Konfiguration ist identisch mit der in '' | + | **Configuration/ |
+ | <code typoscript> | ||
+ | // funktioniert nicht: | ||
+ | < | ||
- | <code typoscript> | + | // so gehts: |
- | page.10.marks.NEWCOLUMN | + | <INCLUDE_TYPOSCRIPT: |
- | page.10.marks.NEWCOLUMN { | + | < |
- | table = tt_content | + | |
- | | + | |
- | orderBy | + | |
- | where = colPos=4 | + | |
- | # Muss bei mehrsprachigen Websites gesetzt werden, sonst wird der Inhalt aller Sprachen ausgegeben. | + | |
- | select.languageField = sys_language_uid | + | |
- | } | + | |
- | } | + | |
</ | </ | ||
+ | |||
+ | Quelle: [[https:// | ||
---- | ---- | ||
- | ===== Headlines mit Klassen versehen ===== | ||
- | // | + | ===== Beliebig viele Spalten/Inhaltsbereiche in Front- und Backend ===== |
- | <code html> | + | Bei '' |
- | <div class=" | + | |
- | <h1 class=" | + | '' |
- | </div> | + | |
- | <div class=" | + | |
- | < | + | |
- | </div> | + | |
- | <div class=" | + | |
- | <h2> | + | |
- | </ | + | |
- | </ | + | |
- | Jede Überschrift wird also mit einem zusätzlichen //div//-Element umschlossen, | + | Neue Spalten können in TYPO3 aber auf einfache Weise angelegt werden. Mit Backend-Layouts lässt sich die gewünschte Menge sowie das Layout im Backend unter Web>Page einstellen. Ein Wizard hilft bei der Erstellung der Konfiguration. Für jeden Bereich gibt es einen frei wählbaren Namen sowie die Spaltennummer, |
- | Mit dem folgenden TypoScript wird folgendes erreicht: Die div-Elemente werden komplett entfernt. Stattdessen wird allen Überschriften direkt eine Klasse zugewiesen, die abhängig vom Wert im Feld // | + | **Page TSconfig für BackendLayout:** |
<code typoscript> | <code typoscript> | ||
+ | mod.web_layout.BackendLayouts { | ||
+ | 1 { | ||
+ | title = Example | ||
+ | icon = EXT: | ||
+ | config { | ||
+ | backend_layout { | ||
+ | colCount = 2 | ||
+ | rowCount = 2 | ||
+ | rows { | ||
+ | 1 { | ||
+ | columns { | ||
+ | 1 { | ||
+ | name = Header | ||
+ | colspan = 2 | ||
+ | colPos = 0 | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | 2 { | ||
+ | columns { | ||
+ | 1 { | ||
+ | name = linke Spalte | ||
+ | colPos = 1 | ||
+ | } | ||
+ | 2 { | ||
+ | name = rechte Spalte | ||
+ | colPos = 2 | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | } | ||
</ | </ | ||
- | Dieses TypoScript sorgt dafür, dass Überschriften aus dem RTE ebenfalls Klassen erhalten: | + | Um die Seiteninhalte der konfigurierten Spalten im Frontend ausgeben zu können, benötigt man dann noch folgendes TypoScript: |
<code typoscript> | <code typoscript> | ||
+ | page.10.variables.content_0 = CONTENT | ||
+ | page.10.variables.content_0 { | ||
+ | table = tt_content | ||
+ | select.orderBy = sorting | ||
+ | select.where = colPos=0 | ||
+ | select.languageField = sys_language_uid | ||
+ | } | ||
+ | } | ||
- | </code> | + | page.10.variables.content_1 |
- | + | page.10.variables.content_1.select.where = colPos=1 | |
- | Ergebnis: | + | |
- | <code html> | + | |
+ | page.10.variables.content_2 < page.10.variables.content_0 | ||
+ | page.10.variables.content_2.select.where = colPos=2 | ||
</ | </ | ||
- | ---- | ||
- | ===== Listenelemente im RTE um < | ||
- | Hiermit lassen sich Auflistungszeichen und Text separat formatieren. | ||
- | < | ||
- | **Setup:** | ||
- | <code typoscript> | ||
- | lib.parseFunc_RTE.externalBlocks := addToList(ol, | ||
- | lib.parseFunc_RTE.externalBlocks { | ||
- | li.callRecursive = 1 | ||
- | li.callRecursive.alternativeWrap = < | ||
- | li.stdWrap.HTMLparser { | ||
- | allowTags = li,span,p | ||
- | removeTags = p | ||
- | } | ||
- | ul.callRecursive = 1 | ||
- | ol.callRecursive = 1 | ||
- | } | ||
- | </ | ||
- | **CSS:** | ||
- | <code css> | ||
- | li {color: | ||
- | li > span {color: | ||
- | </ |