Direkt zu den Inhalten springen

TYPO3-Inhaltstypen im ChiWauWau TYPO3-Template

Die ChiWauWau-TYPO3-Inhaltstypen setzen auf den originalen Inhaltselementen von TYPO3 auf und kombinieren ausschließlich Standardfunktionen. Dadurch bleiben Updates planbar und das Template bleibt kompatibel mit dem Core.

Alle Inhaltstypen sind in jedem Theme enthalten und dort bereits passend gestylt. Auf dieser Übersichtsseite sehen Sie die Module im ChiWauWau-Style.

Mithilfe der hier dargestellten Inhaltselemente können Sie Ihre eigene Seite vollkommen frei gestalten.

Grundeinstellungen des Templates

Im Template-Bereich steuern Sie das Erscheinungsbild der gesamten Website zentral – ohne Eingriff in den Code.

Allgemein SEO-Einstellungen Farben Schrift Menüs Footer

Allgemein

Die Abstände zwischen den Elementen lassen sich einheitlich festlegen. So entsteht ein ruhiges, konsistentes Layout über alle Seiten hinweg.

Inhaltselemente

Für alle Module gilt:

  • Abstände nach oben können reduziert werden, damit Elemente dichter zusammenrücken.
  • Jedes Modul kann in der normalen 12-Spalten-Grid-Breite oder mit leichter Überbreite dargestellt werden. 
  • Der Hintergrund lässt sich hellgrau, dunkelgrau oder in der Primärfarbe setzen; optional kann ein Bild hinterlegt und als Parallax genutzt werden.

Für alle Bilder gilt:

  • Bilder können mit Zoom, mit Rahmen oder rund dargestellt werden.
  • Bilder lassen sich zum Text oben, unten, in der Mitte oder zum Beginn des Fließtextes ausrichten.
  • Bilder können beliebig beschnitten werden.

Text-Elemente


Element „Überschrift“

Mit diesem Element lässt eine Überschrift einfügen.


Element „Text“

Mit diesem Element kann man einen Text mit einer Überschrift einfügen.


Element „Tabelle“

Mit dem Element „Tabelle“ kann eine dynamische Tabelle eingefügt werden. Diese kann ohne oder mit Rahmenlinien, auf 100 %, mit Streifen und responsiv angepasst angezeigt werden.

Tabelle gestreift
Lorem ipsum dolor Lorem totam rem
Lorem eiusmod tempor Lorem
Lorem ipsum dolor totam rem eiusmod tempor
eiusmod tempor Lorem Lorem ipsum dolor
Tabelle mit Rahmen
Lorem ipsum dolor Lorem totam rem
Lorem eiusmod tempor Lorem
Lorem ipsum dolor totam rem eiusmod tempor
eiusmod tempor Lorem Lorem ipsum dolor

Zahlenzähler

Mit diesem Element lassen sich bis zu sechs Zahlen nebeneinander darstellen. Die Zahlen zählen automatisch hoch und können mit einem Fortschritsbalken angezeigt werden. Dieser ist entweder ein ganzer, ein dreiviertel oder ein halber Kreis.

0

Lorem

ipsum dolor sit amet
0

Lorem

ipsum dolor sit amet
0

Lorem

ipsum dolor sit amet
0

Lorem

ipsum dolor sit amet

Text und Bild-Elemente


Text und Bilder

Bei diesem Element können die Bilder rechts oder links vom Text angeordnet werden. Es können beliebig viele Bilder eingefügt werden, wobei auch bestimmt werden kann, wie viele der Bilder (1-3) nebeneinander stehen sollen. Zusätzlich kann zwischen den folgenden Text-Bild-Spaltenbreiten gewählt werden:

  • 50:50
  • 33:66
  • 66:33
  • 25:75
  • 75:25

Text und Medien

Bei diesem Element können Videos rechts oder links vom Text angeordnet werden. Es können beliebig viele Videos eingefügt werden, wobei auch bestimmt werden kann, wie viele der Videos (1-3) nebeneinander stehen sollen. Zusätzlich kann zwischen den folgenden Spaltenbreiten gewählt werden:

  • 50:50
  • 33:66
  • 66:33
  • 25:75
  • 75:25

Das Video kann mit einem Autoplay und einer Endlosschleife versehen werden. Außerdem kann ein Vorschaubild für das Video gewählt werden.


Grid Anordnung

Das Element „Grid Anordnung“ hat einen Einleitungstext, darunter lassen sich 2 bis 4 Spalten von Bild und Text nebeneinander darstellen. Der Text kann linksbündig, rechtsbündig, oder mittig dargestellt werden. 

Die Bilder können vollflächig als Bilder, oder verkleinert als Icons abgebildet werden.

Spalte 1 Überschrift

Bei dem Element „Grid Anordnung“ können die Bilder wieder im beliebigen Format dargestellt werden. Ebenso kann eine Zoom-Möglichkeit zu den Bildern hinzugefügt werden.

Spalte 2 Überschrift

Bei dem Element „Grid Anordnung“ können die Bilder wieder im beliebigen Format dargestellt werden. Ebenso kann eine Zoom-Möglichkeit zu den Bildern hinzugefügt werden.

Spalte 3 Überschrift

Bei dem Element „Grid Anordnung“ können die Bilder wieder im beliebigen Format dargestellt werden. Ebenso kann eine Zoom-Möglichkeit zu den Bildern hinzugefügt werden.

Spalte 1 Überschrift

Die Icons werden in einer Maximalbreite angezeigt.

Spalte 2 Überschrift

Die Icons werden in einer Maximalbreite angezeigt.

Spalte 3 Überschrift

Die Icons werden in einer Maximalbreite angezeigt.

Spalte 4 Überschrift

Die Icons werden in einer Maximalbreite angezeigt.


Icons mit Text

Im Element „Icons mit Text“ lässt sich eine Liste von Icons mit Text daneben darstellen. Dabei kann ein Icon für alle Punkte gesetzt werden, oder für jeden ein einzelnes Icon.

Icon 1

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.

Icon 2

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.

Icon 3

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.


Testimonials

Im Element „Testimonials“ können eine Reihe von Testimonials nebeneinander dargestellt werden.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

John Doe

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

John Doe

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

John Doe


Slider mit Inhalten

Im Element „Slider mit Inhalten“ können beliebig viele Slides mit je einem Bild und Text erstellt werden.


Tab-Navigation

Im Element „Tab-Navigation“ können eine Reihe von Tab-Elementen nebeneinander dargestellt werden.

Tab 1 Tab 2 Tab 3 Tab 4

Tab 1

Ein Tab besteht je aus einem Bild und einem Textblock. Dabei kann gewählt werden, ob das Bild links oder rechts angezeigt wird, und zwischen folgenden Formaten gewählt werden: 

  • 50:50
  • 33:66
  • 66:33
  • 25:75
  • 75:25

Außerdem können die Bilder frei beschneiden oder in bestimmten Formaten wie 1:1, 16:9 oder 4:3 angezeigt werden. Überdies können die Bilder entweder verlinkt oder mit einem Zoom versehen werden.


Teaser

Im Element „Teaser“ können zwei bis vier Elemente nebeneinander dargestellt werden.

Jedes Element kann zu einer internen oder externen Seite, einem bestimmten Inhaltselement, einer Datei oder einer E-Mail-Adresse verlinkt werden. 

Zusätzlich kann gewählt werden, ob ein Button angezeigt , oder das ganze Element verlinkt werden soll.

Teaser 1

Teaser 2

Teaser 3


Timeline

Im Element „Timeline“ können eine Reihe von Text-Bild-Kombinationen als Timeline dargestellt werden.

Timeline-Element 1

Timeline-Element 2

Timeline-Element 3

Timeline mit Icons

Im Element „Timeline“ können die Bilder auch durch Icons ersetzt und innerhalb der Punkte angezeigt werden.

Timeline-Element 1
Timeline-Element 2

Akkordeon


Kopfbild

Das Element „Kopfbild“ besteht aus einem Namen und einem Slogan. 

Bild-Elemente


Element „nur Bilder“


Element „Bilder-Slider“

Beim Slider kann eingestellt werden, wie viele Bilder nebeneinander dargestellt werden sollen. Außerdem kann ein Autoplay aktiviert werden. Die Zeit zum nächsten Bildwechsel lässt sich in Millisekunden einstellen.

Element „Parallax“

Element „Masonry“

Container

Das ChiWauWau-TYPO3-Template ist mit der Grid-Extension Container kompatibel. Wird diese Extension zusätzlich zu Template und Theme installiert, stehen im Inhaltselemente-Wizard verschiedene Grid-Anordnungen zur Verfügung. So lassen sich Elemente nebeneinander platzieren und Layouts noch flexibler aufbauen.

Es gibt folgende Grids:

  • Eine Spalte 100 %
  • Zwei Spalten 50 %
  • Zwei Spalten 33 % - 66%
  • Zwei Spalten 25% - 75%
  • Zwei Spalten 66% - 33%
  • Zwei Spalten 75% - 25%
  • Drei Spalten 33 %
  • Vier Spalten 25 %

Spezielle Elemente


Blog-Übersicht

Bei der Blog-Artikel-Übersicht stehen drei Darstellungen zur Wahl: Grid, Links-Rechts-Wechsel und Timeline. Die Sortierung kann aufsteigend oder absteigend erfolgen. Zusätzlich lässt sich ein Standard-Vorschaubild hinterlegen.

Zu jedem Artikel können Kategorien angelegt werden. Über einen Filter lässt sich die Übersicht danach eingrenzen. Optional kann eine Paginierung aktiviert und die Anzahl der angezeigten Artikel pro Seite festgelegt werden.

Außerdem steuern Sie, wie viele Artikel insgesamt maximal erscheinen sollen – und ob nur Beiträge einer bestimmten Kategorie ausgegeben werden.

TYPO3

30. July 2026

TYPO3 Visual Editor: Visuelles Frontend-Editing

Texte und Übersetzungen direkt im Frontend bearbeiten. Von der alten Core-App feedit bis zum Side-by-Side-Editing – so funktioniert visuelles Editieren heute.

Weiterlesen

TYPO3

01. July 2026

TYPO3 wird Silver Sponsor der PHP Foundation: Schönes PR oder echte Hilfe für Ihre Website?

Gut fürs Marketing oder echte Verbesserung für Ihre Website? Wir schauen kritisch, was das Sponsoring wirklich für Stabilität, Sicherheit und Mittelstand bringt.

Weiterlesen

TYPO3

15. June 2026

TYPO3 AI Foundation: Kommt jetzt die smarte Revolution oder nur neues Spielzeug?

TYPO3 AI Foundation kommt bald: Smarte KI-Features oder unnötiger Hype? Ehrliche Einschätzung, für wen sich KI in TYPO3 lohnt und wo Sie besser die Finger davon lassen.

Weiterlesen


Formulare

Mit der Core-Extension Form lassen sich beliebige Formulare erstellen. Jedes Theme bringt den passenden Stil für diese Formulare bereits mit.

Neugierig auf die Themes? Dann klicken Sie sich durch – die Auswahl wartet.

Zu den Themes