TYPO3 speichert alle Inhalte in der Datenbank tt_content. Diese werden ausgelesen und ein Output erzeugt. Und den müssen wir gestallten und in die richtige Form bringen. Die besten Erfahrungen habe ich gemacht mit einem Wrap um jedes Element, welche eine Klasse und eine spezifische ID besitzt. Natürlich bietet uns Typoscript auch alle Mittel die wir dafür benötigen.
Ein Artikel von Paul Lunow, erschienen 2008 auf Interaktionsdesigner.de.
Zuletzt überarbeitet am von
Denkst Du darüber nach zu gründen? Eine Familie oder ein Startup oder beides? In der zweiten Staffel meines Podcasts spreche ich mit tollen Menschen genau darüber. Lass Dich inspirieren und abonniere meinen Podcast: Auf Apple Podcast, Spotify und auf www.gründerväter.net.
Wie im (leicht gekürzten) Screenshot zu erkennen ist, geben wir die ID aus der Datenbank der ID vom DIV Container mit. Ausgelesen wird es auf dem gewohnten weg:
page.10.subparts.CONTENT {
20 = CONTENT
20 {
table = tt_content
select.orderBy = sorting
select.where = colPos = 0
select.languageField = sys_language_uid
}
}
Und jetzt kommt der Trick dank stdWrap:
tt_content.stdWrap {
insertData = 1
wrap = <div class="inhalt" id="box-{field:uid}">|</div>
}
Mit der Angabe insertData = 1 wird der Wrap geparst und Angaben in spitzen Klammern mit den aktuellen Daten ersetzt. Anschließend bekommt der Bodytag noch eine Klasse zugewiesen:
page.bodyTag = <body class="shop">
Und schon haben wir mit CSS die Möglichkeit jedes einzelne Element anzusprechen. Sicher ist es nicht ganz so universell sich auf die IDs festzulegen, aber da der größte Teil der Redakteure unserer Projekte keine neuen Inhalte anlegt sondern nur vorhandene aktualisiert, funktioniert diese vorgehensweise hervorragend. Insbesondere bei Anfragen der Art: Können Sie nicht mal schnell einen Rahmen um diesen Text legen… Alle Typoscriptangaben sind auf Rootebene angegeben, d.h. tt_content wird direkt angesprochen. Mit einem Container um den entsprechenden Marker sind die Inhalt auch schön gebündelt ansprechbar:
#left .inhalt {
width:100px;
font-size:10px;
}
#content .inhalt {
width:80%;
font-size:12px;
}
/* usw. usf. */
Denkst Du darüber nach zu gründen? Ein Startup, eine Familie oder beides? Dann ist mein neuer Podcast genau das richtige für Dich! Gründerväter Podcast.
Schreiben Sie mir! Ich spreche immer gern über spannende Ideen und weltbewegende Vorhaben. Kontakt.
Sie finden in diesem Blog Einträge zu effektiver und moderner Webentwicklung. Viel Spaß beim stöbern. Nutzen Sie Google um die Inhalte schnell zu durchsuchen.
Der Interaktionsdesigner ist ein Blog von Paul Lunow und beschäftigt sich zur Zeit primär mit spannenden Web Technologien, Zeitmanagement und effektiver Projektsteuerung.
Folgen Sie mir auf Twitter.
Sprechen Sie mich an, wenn Sie an Notion interessiert sind.
Auf der Suche nach einem verlässlichen Partner in Sachen Webentwicklung und TYPO3?
Matthaa, TYPO3 Agentur Nürnberg und Umgebung.
© 2021 Ein Blog von Paul Lunow