Headlines
Headlines - Überschriften
Headerbild


Überschriftem im TYPO3 Backend einfügen
Überschriften können auf drei unterschiedlichen Wegen in TYPO3 hinzugefügt werden:
- Inhaltselement "Überschrift"
Das macht man meist bei der H1 oder wenn man eine Überschrift benötigt, die man flexibel zwischen anderen Content Elementen im Backend bewegen möchte. Die Trennung ermöglich auch Datenbankseitig bei Migration einen besseren Zugriff, da man direkt in der Datenbank auf das Feld zugreifem kann. Bei den folgenden anderne Überschriften schränken sich diese Möglichkeiten ein - Überschriftten-Feld im Inhaltselement
Überschriftten-Feld im Inhaltselement "Text", "Text mit Bild" und eigentlich alle weiteren Inhaltselemente. Das Feld wird auch im Backend zur Bezeichnung der Inhaltselement genutzt. Es sollte immer genutzt und gut benannt werden, damit man in der Backend-Listen-Ansichten weiß, was das Inhaltelement enthält. Mit Type = hidden lässt sich die Anzeige nach belieben im Frontend ausblenden. - Überschrift im Texteditor
Bei allen Inhaltselementen, die einen Texteditor haben, wie beispielsweise "Text" oder "Text mit Bild".
Beispiele auf dieser Seite
Die Möglichkeiten und Wege werden hier auf dieser Seite getestet. Jeder Test wird mit einer Trennlinie begonnen und abgeschlossen.
Erkenntnisse, die aus den Beispielen gewonnen wurden:
Aus den Test wurden flogende Erkenntnisse gewonnen:
- Verschmelzen von Abständen
Ist eine H2 direkter Nachfolger einer H1, so werden die Abstände (margins) der Überschriften nicht addiert! Je nach dem welche Überschrift den größten Abstand hat, dieser wird genommen. Beispiel: H1-Abstand-unten = 25px, H2-Abstand-oben= 40px der Abstand zwischen H1 und H2 ist nicht 65px sondern 40px! - Überschrift neben Bild Abstand nach oben!
Inhaltselement "Überschrift" (H1)
Das ist ein Inhaltslement vom Typ "Text" ohne Überschrift und nur mit Standard Abständen, die in den Theme Kosntanten gesetzt sind. Das gilt übrigens für alle Elememte die auf dieser Seite erscheinen. Es gibt keine weiteren Abstandseinstellungen über eine custom.css oder über Abstand davor/danach oder andere Abstandsmöglichkeiten. Alles ist clean ... die Abstände auf der Seite hier kommen nur aus dem Theme! Beachte: Die vorangegangene Überschrifit ist ein extra Inhaltselement!
Das ist Blindtext, ich schreibe den oberen Absatz einfach noch mal: Das ist ein Inhaltslement vom Typ "Text" ohne Überschrift und nur mit Standard Abständen, die in den Theme Kosntanten gesetzt sind. Das gilt übrigens für alle Elememte die auf dieser Seite erscheinen. Es gibt keine weiteren Abstandseinstellungen über eine custom.css oder über Abstand davor/danach oder andere Abstandsmöglichkeiten. Alles ist clean ... die Abstände auf der Seite hier kommen nur aus dem Theme!
H1 innerhalb von "Text" mit Überschrift
Das ist ein Inhaltslement vom Typ "Text" mit Überschrift. Und die vorangegange Überschrift ist Teil des Inhaltselements und vom Typ H1. Auch hier gilt: nur mit Standard Abständen, die in den Theme Kosntanten gesetzt sind. Das gilt übrigens für alle Elememte die auf dieser Seite erscheinen. Es gibt keine weiteren Abstandseinstellungen über eine custom.css oder über Abstand davor/danach oder andere Abstandsmöglichkeiten. Alles ist clean ... die Abstände auf der Seite hier kommen nur aus dem Theme!
H1 im Texteditor
Das ist Blindtext, ich schreibe den oberen Absatz einfach noch mal: Das ist ein Inhaltslement vom Typ "Text" mit Überschrift. Und die vorangegange Überschrift ist Teil des Inhaltselements und vom Typ H1. Auch hier gilt: nur mit Standard Abständen, die in den Theme Kosntanten gesetzt sind. Das gilt übrigens für alle Elememte die auf dieser Seite erscheinen. Es gibt keine weiteren Abstandseinstellungen über eine custom.css oder über Abstand davor/danach oder andere Abstandsmöglichkeiten. Alles ist clean ... die Abstände auf der Seite hier kommen nur aus dem Theme!
H1 innerhalb von "Text" mit Überschrift
- Jetzt kommt ein Listen-Test! Was bedeutet das?
- Wie zuvor wurde ein Inhaltselement von Type "Text" mit Überschrift ersetllt.
- In dem Editortext wurde dann nur diese Liste eingestellt
- Damit wird der Abstand zwischen Überschrift und Liste getestet.
H1 innerhalb von "Text und Bilder" mit Überschrift

Jetzt wird es interessant! Inhaltselement "Text und Bilder" ... es kommen also Bilder dazu in verschiedenen Varianten.

H1 innerhalb von "Text und Bilder" mit Überschrift
Jetzt wird es interessant! Inhaltselement "Text und Bilder" ... es kommen also Bilder dazu in verschiedenen Varianten.

Bootstrap Helper mt-0
Manuelle im Editor Source eingegegebenm, damit der obere Abstand 0 ist (mt-0 = Margin Top 0).
H1 Inhaltselement "Überschrift"
H1 Inhaltselement "Überschrift"
Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien.
Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik.
Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ sich nicht beirren. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte sich auf den Weg. Als es die ersten Hügel des Kursivgebirges erklommen hatte, warf es einen letzten Blick zurück auf die Skyline seiner Heimatstadt Buchstabhausen, die Headline von Alphabetdorf und die Subline seiner eigenen Straße, der Zeilengasse. Wehmütig lief ihm eine rhetorische Frage über die Wange, dann setzte es seinen Weg fort. Unterwegs traf es eine Copy. Die Copy warnte das Blindtextchen, da, wo sie herkäme wäre sie
Überschrift im Texteditor (H2)
Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien.
Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik.
Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ sich nicht beirren. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte sich auf den Weg. Als es die ersten Hügel des Kursivgebirges erklommen hatte, warf es einen letzten Blick zurück auf die Skyline seiner Heimatstadt Buchstabhausen, die Headline von Alphabetdorf und die Subline seiner eigenen Straße, der Zeilengasse. Wehmütig lief ihm eine rhetorische Frage über die Wange, dann setzte es seinen Weg fort. Unterwegs traf es eine Copy. Die Copy warnte das Blindtextchen, da, wo sie herkäme wäre sie
Überschrift im Texteditor (H3)
Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ sich nicht beirren. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte sich auf den Weg. Als es die ersten Hügel des Kursivgebirges erklommen hatte, warf es einen letzten Blick zurück auf die Skyline seiner Heimatstadt Buchstabhausen, die Headline von Alphabetdorf und die Subline seiner eigenen Straße, der Zeilengasse. Wehmütig lief ihm eine rhetorische Frage über die Wange, dann setzte es seinen Weg fort. Unterwegs traf es eine Copy. Die Copy warnte das Blindtextchen, da, wo sie herkäme wäre sie
Überschrift im Texteditor (H3)
Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ sich nicht beirren. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte sich auf den Weg. Als es die ersten Hügel des Kursivgebirges erklommen hatte, warf es einen letzten Blick zurück auf die Skyline seiner Heimatstadt Buchstabhausen, die Headline von Alphabetdorf und die Subline seiner eigenen Straße, der Zeilengasse. Wehmütig lief ihm eine rhetorische Frage über die Wange, dann setzte es seinen Weg fort. Unterwegs traf es eine Copy. Die Copy warnte das Blindtextchen, da, wo sie herkäme wäre sie

