Entwicklung

Contao an eigene Anforderungen anpassen: Templates, Insert-Tags, Backend und Erweiterungen.

  • Twig in Contao 5: Fünf Learnings aus der Praxis

    Praxiserfahrungen mit der Twig-Template-Engine in Contao 5 — von fehlenden Modul-Templates über Dumping bis zu eigenen Varianten.

  • Eigene Insert-Tags in Contao erstellen

    Wie du wiederkehrende Werte wie Mitarbeiterzahlen oder „seit X Jahren" zentral pflegst — per eigenem Insert-Tag oder fertiger Erweiterung.

  • Contao Favicon ändern

    Zwei Wege zum Favicon in Contao: die Erweiterung von Hofff oder die Dateien aus einem Favicon-Generator, im head-Block der fe_page verlinkt.

  • Handorgel: das Vanilla-JS-Akkordeon in Contao

    Was hinter dem Akkordeon-Script Handorgel in Contao 5.2+ steckt — und wo du fertige SCSS-Styles als Ausgangspunkt findest.

  • Tutorial: Ein (Corner) Popup in Contao umsetzen

    Schritt für Schritt zu einem Hinweis-Popup in der Bildschirmecke, das sich schließen lässt und für die Session oder eine feste Zahl an Tagen ausgeblendet bleibt.

  • Contao Backend-Umgebungen individualisieren

    Mit eigenem Backend-CSS und einem Badge-Titel unterscheidest du lokale, DEV- und LIVE-Instanzen auf einen Blick.

  • TinyMCE unter Contao 4 anpassen

    Über das Template be_tinyMCE.html5 lassen sich Toolbar, eigene CSS-Datei und eigene Formatvorlagen im Contao-Editor updatesicher ergänzen.

  • Contao-Backend pro Umgebung einfärben

    Mit einer kleinen backend.css und der custom_css-Option bekommt jede Instanz (lokal, DEV, LIVE) eine eigene Header-Farbe.

  • Dateien für Contao richtig benennen

    Drei Regeln für Dateinamen in der Contao-Dateiverwaltung, die schwer auffindbare Fehler im Backend und Frontend verhindern.

Überschriften

Semantik, Dachzeilen und Styling von Überschriften

  • Neutrale Überschriften-Option per DCA ergänzen

    Warum h1–h6 für Modul-Überschriften oft falsch sind — und wie du das Überschriftenfeld in Contao per DCA um eine neutrale div-Option erweiterst.

  • Dachzeilen semantisch korrekt umsetzen

    Drei Wege, eine Überschrift mit Dachzeile umzusetzen — und warum eine einzige Überschrift mit Spans die beste Lösung für SEO und Screenreader ist.

  • Überschriften-Klasse per Twig ergänzen

    Ein kleines Twig-Template gibt allen Überschriften von Inhaltselementen in Contao 5 eine einheitliche CSS-Klasse.

Erweiterungen

Empfehlungen und Einschätzungen zu Contao-Erweiterungen

KI-Workflows

KI-Erweiterungen und Praxis-Workflows für Contao

Zurück zur Wissensdatenbank