Standardmässig sind in TYPO3 im Backend 4 Spalten/Bereiche eingeblendet, in denen man die Inhaltselemente anlegen kann. Diese sind mit „Links“, „Normal“, „Rechts“ und „Rand“ benannt. Häufig benötigt ein Redakteur der Seite aber nur einen dieser Spalten (zum Beispiel weil es im Frontend der Seite nur einen Inhaltsbereich gibt, welcher angepasst werden kann). Hier ist es aus Gründen der Übersichtlichkeit praktisch, wenn die nicht benötigten Spalten ausgeblendet werden können.
In den TYPO3 Versionen 4.x kann dies in den Seiteneigenschaften mit dem folgenden TSConfig Eintrag konfiguriert werden:
mod.SHARED.colPos_list = 0, 1
Hier kann dann mit einer durch Komma getrennten Aufzählung bestimmt werden, welche Spalten eingeblendet werden sollen, wobei die Zahlen folgende Spalten betreffen:
0 = Normal (styles.content.get)
1 = Links (styles.content.getLeft)
2 = Rechts (styles.content.getRight)
3 = Rand (styles.content.getBorder)
Will man in den Versionen 4.x die einzelnen Spalten auch noch anders beschriften, muss man sich schon an einigen Quell-Dateien zu schaffen machen.
TYPO3 6.0 – neuer Ansatz mit einem Backend Layout
In der neuen TYPO3 Version 6.o funktioniert der Lösungsweg mit dem erwähnten TSConfig Eintrag nun nicht mehr. Es gibt dafür jetzt aber eine bequemere Lösung, welche mit einem sogenannten Backend Layout arbeitet. Dieses Konzept wurde bereits mit der TYPO3 Version 4.5 eingeführt und erlaubt es, das Backend optisch der Struktur des Frontends anzupassen. In seiner rudimentärsten Form kann es deshalb auch dazu benutzt werden, alle Spalten auszublenden und nur noch eine einzelne Inhaltsspalte zu verwenden. Zusätzlich können damit auch bequem die Beschriftungen der einzelnen Spalten angepasst werden. Ein Backend Layout mit nur einer einzelnen Spalte könnte damit etwa so aussehen:
Das Backend Layout einrichten
Um die Integration des Backend Layouts möglichst übersichtlich zu machen empfiehlt es sich, einen speziellen Ordner anzulegen, um das gewünschte Layout darin zu speichern. Diesem Ordner geben wir hier den Namen Backend Layout.
Über das Modul Liste kann jetzt im neuen Ordner „Backend Layout“ ein neuer Datensatz angelegt werden. Der Typ des Datensatzes ist logischerweise „Backend-Layout“.
Die Maske zur Erfassung des Backend Layouts bietet einige Konfigurationsmöglichkeiten. Als erstes kann man einen Titel wählen, welcher das zu erstellende Layout möglichst treffend beschreiben sollte. So hat man es bei der Auswahl – sollten einmal mehrere Backend Layouts erstellt werden – einfacher, das gewünschte Layout zu finden. Zusätzlich hat man die Möglichkeit, für das Layout ein schematisches Bild zu bestimmen. Dies hilft vor allem den Redakteuren, sollten diese einmal die Wahl bekommen, aus mehreren Backend-Layouts selber wählen zu können.
Die eigentliche Definition des Layouts findet dann im Feld „Konfiguration“ statt. Hier kann man die Definitionen entweder direkt reinschreiben, oder aber den Assistenten verwenden, welcher über das rot umkreiste Icon auf der rechten Seite aufgerufen werden kann.
Der Assistent erleichtert die Arbeit schon bei einfachen Layouts
Mit dem Assistenten kann man sich die gewünschten Anzahl an Spalten und Zeilen beliebig zusammenklicken. Hier können dann auch die Beschriftungen oder Namen gesetzt werden, mit welchen die Spalten beschriftet werden. Für nur eine Spalte sieht der Assistent dann folgendermassen aus:
Mit der Spaltennummer wird bestimmt, wie der Inhalt der betreffenden Spalte im Typoscript angesprochen und in den entsprechenden Bereichen des Webseiten-Templates ausgegeben wird. Dabei ist die Nummerierung wieder die gleiche wie schon aus älteren TYPO3 Versionen bekannt:
0 = (styles.content.get)
1 = (styles.content.getLeft)
2 = (styles.content.getRight)
3 = (styles.content.getBorder)
Hat das Layout nur eine Spalte und diese wird wie im vorliegenden Beispiel mit 0 definiert, kann der Subpart der Seite wie gewohnt mit styles.content.get gefüllt werden.
Das erstellte Template den gewünschten Seiten zuweisen
Nun kann das erstellte Backend-Layout jeder gewünschten Seite über die Seiteneigenschaften zugewiesen werden. Soll das Layout für jede Seite gelten, definiert man das Layout am besten auf der obersten Wurzelseite der Webseite. Unter dem Reiter „Erscheinungsbild“ kann das neue Backend-Layout entweder nur für die betreffende Seite oder aber für alle Unterseiten dieser Seite ausgewählt werden.
Vielen Dank!
Sehr fein – die beste Einstiegsanleitung zu dieser Neuerung, die ich gefunden hab.
Vielen Dank!
Ein wichtiger Hinweis fehlt dem Beitrag noch:
Je nach Konfiguration von TYPO3 6.0 kann es vorkommen, dass die im BE Layout-Ordner selbst gebauten BE Layouts bei der Definition einer neuen Seite in Seiteneigenschaften / Erscheinungsbild doch nicht zur Auswahl angeboten werden.
In diesem Fall folgenden Code ins TSConfig der root-Seite schreiben:
TCEFORM.pages.backend_layout.PAGE_TSCONFIG_ID = ID des Layout-Ordners
TCEFORM.pages.backend_layout_next_level.PAGE_TSCONFIG_ID = ID des Layout-Ordners
Refresh und es sollte garantiert funzen;-)
Danke für diese nwichtigen Tip. Ist bei mir genau so gewesen. TSConfig
hat dan geholfen. Vielen Dank.
Danke für den Artikel! Alles ist gut nachvollziehbar!
Leider kommen in meinem Assistenten die Pfeile unten nicht. Die Pfele rechts sind da.
Ich kann also die Zahl der Zeilen nicht bestimmen.
Was kann ich tun?
Gruß troopa
Ich würde es einmal noch mit einem anderen Browser versuchen, vielleicht sind die fehlenden Pfeile ein Anzeigeproblem des Browsers. Wenn das nicht klappt, bin ich leider auch überfragt.
Grüsse Christoph
Ich verwende 6.1 mit Backend Layouts. Die verschiedenen colPos der Backend Layouts sind den einzelnen Inhaltselementen korrekt zugeordnet.
Im FE und bei Web>Seite erscheinen die Elemente in der richtigen Spalte, das jeweilige Backend Layout wird korrekt angewendet.
Anders in Web>Liste: Wenn ich hier das „+“ Zeichen anklicke, dann im SingleTableView „Spalten“ auswähle und mit „Felder setzen“ aktiviere, werden nur die Standard colpos, z.B.: „Links“, „Normal“, „Rechts“, angezeigt.
Die Namen der selbst erstellten colPos meiner Backend Layouts erscheinen nicht. Typo3 interpretiert also in Web>Liste die Nummern meines Backend Layouts falsch und ordnet ihnen die Standard-Bezeichnungen zu. Ist dagegen eine colpos größer als 4, wird nichts angezeigt. Beim Quckedit von „Spalten“ stimmt wieder alles!
Hat noch jemand dieses Problem und auch noch eine Lösung dafür?
Hallo Hans-Jochim
Also bei mir werden die Spalten auch wie von dir beschrieben nicht richtig angezeigt. In Version 4.7.x klappt das bei mir noch, ich nehme deshalb an, das es ein Bug der neusten Version ist. Eine Lösung kann ich dir aber auch nicht präsentieren – wenn ich was dazu erfahre werde ich es hier publizieren.
Beste Grüsse
Christoph
Was ist wenn ich mehr als 4 Spalten habe, welches styles.content.getXXXX nehme ich dann?
styles.content.get ist einfach nur ein CONTENT Objekt:
styles.content.get = CONTENT
styles.content.get {
table = tt_content
select.orderBy = sorting
select.where = colPos=0
select.languageField = sys_language_uid
}
du musst also das select.where einfach ändern, um eine andere Spalte anzusprechen
hth, lg
Hallo Wolfgang, ich möchte dem Marker TAB_CONTENT den Inhalt von Spalte 5 zuweisen, verstehe aber noch nicht wie das funktioniert.
Bis jetzt habe ich einfach:
TAB_CONTENT < styles.content.get
verwendet und alles war gut. Wie schaut nun der Code aus um auf Spalte 5 zuzugreifen. Mit deinem Beispiel bin ich leider nicht weiter gekommen. Kann aber auch sen das ich den Wald vor lauter Bäumen nicht mehr sehe, da Typo3 noch ganz neu für mich ist.
Viele Grüße
Malte
Hab das bereits selber gelöst. Hier für jeden der noch sucht…
TAB_CONTENT < styles.content.get
TAB_CONTENT.select.where = colPos=5
Das Ganze steht natürlich in:
page{
[...]
marks{
TAB_CONTENT < styles.content.get
TAB_CONTENT.select.where = colPos=5
#Für weitere Marker einfach entsprechend verfahren
}
}
Ich hoffe das hilft jemandem weiter.
Viele Grüße
Malte
Danke Christoph
Danke Malte
Danke. Ihr seit super.
Einfach, funktional, nützlich – vielen Dank!
Kurz und bündig erklärt. Perfekt.
Vielen vielen Dank.
Für Anfänger völlig ungeeignet, da man keine Ahnung hat, was man wo machen soll. Die klitzekleinen Grafiken helfen da nicht weiter.
Für Experten ist ein Tutorial nutzlos – ebenso wie ein für Anfänger gedachtes, aber 99% Vorwissen verlangendes Tutorial. Schade.
Kauf Dir Mal ein Buch Junge! Backendlayouts konfigurieren gehört meiner Meinung nach nicht zu den basics. Du rennst ja auch nicht los, wenn Du noch nicht mal gehen kannst. 😉
Vielen Dank für die nützliche, klare und auch für Anfänger verständliche Beschreibung. Schade finde ich nur, daß es dann immer wieder dümmliche Kommentare von Lese-und Stänker-Trollen wie Dominic gibt.
Trotzdem weiter so, Christoph und nochmals Danke!
Peter
Danke auch von mir 🙂
Vielen Dank!
Ich finde diese Anleitung sehr gut erklärt. In der Version 7.6 scheinen die älteren Bugs behoben zu sein. Hier habe ich mit den Backend-Layouts keinerlei Probleme mehr.