Inhaltselemente
Inhaltselemente sind ein einfacher und intuitiver Weg, Inhalte zu erstellen. Statt nur einen Rich-Text-Editor zu verwenden, bietet Contao für jede Art von Inhalt ein eigenes Element, etwa für Texte, Listen, Tabellen, Hyperlinks, Bilder oder Downloads. Hier ein Überblick über die Inhaltselemente des Contao-Kerns:
Textelemente
| Name | CSS-Klasse | Beschreibung |
|---|---|---|
| Überschrift | content-headline | Erzeugt eine Überschrift (h1 - h6). |
| Text | content-text | Erzeugt einen Fließtext, der mit TinyMCE formatiert werden kann. |
| HTML | - | Ermöglicht das Einfügen von eigenem HTML-Code. |
| Liste | content-list | Erzeugt eine geordnete oder ungeordnete Liste. |
| Beschreibungsliste | content-description-list | Erzeugt eine Beschreibungsliste mit Begriffen und Erläuterungen. |
| Tabelle | content-table | Erzeugt eine optional sortierbare Tabelle. |
| Code | content-code | Hebt Code-Schnipsel hervor und gibt sie auf dem Bildschirm aus. |
| Markdown | content-markdown | Wandelt Markdown-Text in HTML um. |
Link-Elemente
| Name | CSS-Klasse | Beschreibung |
|---|---|---|
| Hyperlink | content-hyperlink | Erzeugt einen Link zu einer anderen Website. |
| Top-Link | content-toplink | Erzeugt einen Link zum Seitenanfang. |
Datei-Elemente
| Name | CSS-Klasse | Beschreibung |
|---|---|---|
| Download | content-download | Erzeugt einen Link zum Herunterladen einer Datei. |
| Downloads | content-downloads | Erzeugt mehrere Links zum Herunterladen von Dateien. |
Medienelemente
| Name | CSS-Klasse | Beschreibung |
|---|---|---|
| Bild | content-image | Erzeugt ein einzelnes Bild. |
| Galerie | content-gallery | Erzeugt eine Bildergalerie mit Lightbox. |
| Video/Audio | content-player | Erzeugt einen HTML5-Video- oder -Audio-Player. |
| YouTube | content-youtube | Fügt ein YouTube-Video ein. |
Sonstiges
| Name | CSS-Klasse | Beschreibung |
|---|---|---|
| Akkordeon | content-accordion | Erzeugt ein Akkordeon-Element. |
| Elementgruppe | content-element-group | Fasst andere Inhaltselemente zusammen. |
| Inhalts-Slider | content-swiper | Erzeugt ein Inhalts-Slider-Element. |
Include-Elemente
| Name | CSS-Klasse | Beschreibung |
|---|---|---|
| Artikel | - | Bindet einen anderen Artikel ein. |
| Inhaltselement | (Klasse des Originals) | Bindet ein anderes Inhaltselement ein. |
| Formular | ce_form | Bindet ein Formular ein. |
| Modul | (Klasse des Originals) | Bindet ein Frontend-Modul ein. |
| Kommentare | ce_comments | Fügt der Seite ein Kommentarformular hinzu. |
| Artikel-Teaser | content-teaser | Zeigt den Teasertext eines Artikels an. |