Inhaltselemente
Inhaltselemente sind eine einfache und intuitive Möglichkeit, Inhalte zu erstellen. Anstatt einfach einen Rich Text Editor zu verwenden, bietet Contao für jeden Inhaltstyp wie Texte, Listen, Tabellen, Hyperlinks, Bilder oder Downloads ein separates Element. Hier ist eine Übersicht über die wichtigsten Inhaltselemente von Contao:
Textelemente
Name | CSS class | Description |
---|---|---|
Headline | content-headline | Erzeugt eine Überschrift (h1 - h6). |
Text | content-text | Generiert einen Rich Text, der mit TinyMCE formatiert werden kann. |
HTML | - | Ermöglicht Ihnen, benutzerdefinierten HTML-Code hinzuzufügen. |
List | content-list | Erzeugt eine geordnete oder ungeordnete Liste. |
Table | content-table | Erzeugt eine optional sortierbare Tabelle. |
Code | content-code | Hebt Codefragmente hervor und druckt sie auf dem Bildschirm aus. |
Markdown | content-markdown | Konvertiert Markdown-Text in HTML. |
Akkordeon-Elemente
Name | CSS class | Description |
---|---|---|
Accordion (single element) | ce_accordion | Generiert ein einzelnes Akkordeonelement (mit MooTools oder jQuery).MooTools or jQuery). |
Accordion (wrapper start) | ce_accordionStart | Erzeugt den öffnenden Teil der Akkordeonhülle. |
Accordion (wrapper stop) | - | Erzeugt den schließenden Teil der Akkordeonhülle. |
Inhaltsslider
Name | CSS class | Description |
---|---|---|
Content slider (wrapper start) | ce_sliderStart | Generiert den öffnenden Teil des Slider-Wrappers. |
Content slider (wrapper stop) | - | Generiert den schließenden Teil des Slider-Wrappers. |
Link-Elemente
Name | CSS class | Description |
---|---|---|
Hyperlink | content-hyperlink | Generiert einen Link zu einer anderen Website. |
Top link | content-toplink | Generiert einen Link, um zum Seitenanfang zu springen. |
Medienelemente
Name | CSS class | Description |
---|---|---|
Image | content-image | Erzeugt ein eigenständiges Bild. |
Gallery | content-gallery | Generiert eine Lightbox-Bildergalerie. |
Video/audio | content-player | Generiert einen HTML5-Video- oder Audioplayer. |
Youtube | content-youtube | Fügt ein YouTube-Video hinzu. |
Elemente herunterladen
Name | CSS class | Description |
---|---|---|
Download | content-download | Generiert einen Link zum Herunterladen einer Datei. |
Downloads | content-downloads | Generiert mehrere Links zum Herunterladen von Dateien. |
Elemente einschließen
Name | CSS class | Description |
---|---|---|
Article | - | Enthält einen weiteren Artikel. |
Content element | (parent class) | Enthält ein weiteres Inhaltselement. |
Form | ce_form | Enthält ein Formular. |
Module | (parent class) | Enthält ein Front-End-Modul. |
Article teaser | ce_teaser | Zeigt den Teasertext eines Artikels an. |
Comments | ce_comments | Fügt der Seite ein Kommentarformular hinzu. |