Webdesign aus Köln
Open Source
Ich nutze Contao nicht nur – ich entwickle es mit. Über 40 Erweiterungen für Contao, die ich selbst entwickelt habe – frei verfügbar für alle, die mit dem System arbeiten.
Bei der täglichen Arbeit mit Contao stoße ich immer wieder auf Kleinigkeiten, die schneller von der Hand gehen könnten – für mich und für alle, die ihre Webseite selbst pflegen. Statt mich zu ärgern, baue ich Erweiterungen – und stelle sie als Open Source der ganzen Contao-Community zur Verfügung. Für Sie als Kunde heißt das: Ihr Entwickler kennt Contao nicht nur von außen, sondern bis in den Quellcode.
Hier steht jede einzelne davon: was sie tut, für welche Contao-Version sie gebaut ist und wo der Quelltext liegt.
Alle 49 Pakete, nach Aufgaben sortiert
Das Kennzeichen an jeder Karte nennt die kleinste Contao-Version, mit der die Erweiterung läuft.
Nachgemessen
Jede Installation über Composer zählt Packagist mit, das öffentliche Verzeichnis für PHP-Pakete. Die Zahlen unten stammen von dort.
8 Erweiterungen
Werkzeuge für die tägliche Arbeit im Contao-Backend – dort, wo Inhalte gepflegt werden.
Bündelt ein gutes Dutzend Komfortschalter fürs Contao-Backend, die jeder Redakteur für sich selbst anhakt: Seiten und Artikel beim Anlegen direkt veröffentlichen, per Klick auf die Zeile ins Element springen, längere Eingabefelder für CSS-Klassen.
Zeigt CSS-ID und CSS-Klassen von Seiten, Artikeln und Inhaltselementen direkt in den Backend-Listen – wer mit Klassen arbeitet, sieht sie, ohne jedes Element zu öffnen. Jeder Benutzer schaltet es für sich frei.
Schaltet das Contao-Backend auf dunkle Flächen um – angenehmer für alle, die abends lange im Redaktionsbereich sitzen.
Zeigt die Fußleiste des Backends sofort an statt erst nach dem Scrollen, mit reinem CSS und ohne Umweg über JavaScript.
Rüstet für Contao 5.7 den Knopf nach, mit dem sich ein Inhaltselement direkt aus der Artikelübersicht in eine Elementgruppe einfügen lässt, ohne deren Kindansicht vorher zu öffnen – in Contao 6 gehört er zum Kern.
Stellt vier Systemeinstellungen eine Einheitenauswahl zur Seite: Speicherzeiten lassen sich damit in Tagen und die maximale Upload-Größe in MB eintragen statt in Sekunden und Byte.
Blendet Nicht-Administratoren in der Mitgliederliste die Mitglieder aus, die sie nicht selbst angelegt haben. Die README weist es ausdrücklich als Anzeigefilter aus, nicht als Rechtesystem.
Legt im Backend unter „System“ den Punkt „Sicherung“ an: Datenbank und alle relevanten Dateien als ZIP herunterladen, auf dem Server ablegen oder per Cron automatisch sichern – und im Backend wieder einspielen.
8 Erweiterungen
Mehr Gestaltungsmöglichkeiten an Artikeln und Inhaltselementen, ohne für jede Kleinigkeit CSS zu schreiben.
Bringt ein CSS-Framework mit deutschen, sprechenden Klassennamen mit und macht die Klassen an Artikeln und Inhaltselementen auswählbar – Redakteure wählen „Spalten3“ aus einer Liste, statt ein Kürzel zu tippen.
Erweitert das Textelement um Bildpositionen, die Contao nicht mitbringt: Bild mittig über oder neben dem Text, bis zur Elementmitte an der Texthöhe, in voller Breite oder als Hintergrund.
Holt die Abstandsfelder älterer Contao-Versionen zurück: Abstände vor und hinter Artikeln, Inhaltselementen und Bildern lassen sich wieder direkt im Backend eintragen.
Ergänzt den Artikel um zwei Felder: eine maximale Breite und eine minimale Höhe, beide im Backend einstellbar.
Fügt dem Inhaltselement „Text“ ein zweites Textfeld hinzu – zwei Textblöcke wandern damit in ein Element statt in zwei.
Erlaubt ein zweites Bild im Inhaltselement „Text“, ohne dafür ein weiteres Element anzulegen.
Legt einen Link um ein ganzes Textelement – anklickbar ist dann die gesamte Fläche und nicht nur das verlinkte Wort.
Blendet bis zu vier Handlungsknöpfe am linken oder rechten Seitenrand ein; Beschriftung, Ziel und Seite werden im Backend gepflegt.
3 Erweiterungen
Erweiterungen rund um Bilder: wie sie angeordnet, bewegt und Suchmaschinen zugeordnet werden.
Ordnet die Bilder einer Galerie zeilenweise an: Jedes Bild behält sein Seitenverhältnis, die Zeile füllt die Breite randbündig aus – eine Bilderwand ohne Beschnitt.
Erlaubt mehrere Slider mit unterschiedlichen Einstellungen auf einer Seite, mit Überblendung, Vorschaubildern, Tastatursteuerung und eigenen Werten je Bildschirmbreite.
Rüstet das Contao-6-Feature „Seitenbild“ für Contao 5.7 nach: In den Seiteneinstellungen wird ein Bild gewählt, das Contao als primaryImageOfPage in die strukturierten Daten schreibt – damit steht fest, welches Bild Suchmaschinen der Seite zuordnen.
6 Erweiterungen
Elemente blenden sich ein, verschieben sich beim Scrollen oder schalten einander – ohne eigenes JavaScript.
Gibt jedem Element mit der Klasse „ivp“ automatisch Zustandsklassen, sobald es in den sichtbaren Bereich scrollt; mit den mitgelieferten Klassen blenden sich Abschnitte ohne eigenes JavaScript ein.
Zeigt jedes Element mit der Klasse „parallax“ mit Tiefenwirkung beim Scrollen; Geschwindigkeit und Richtung stellt eine zweite Klasse ein.
Bindet die Bibliothek jarallax.js samt Video-Unterstützung in Contao ein. Die README weist die Erweiterung selbst als noch im Aufbau aus.
Macht ein beliebiges Element zum Schalter für andere: Ein Klick oder das Erscheinen im sichtbaren Bereich setzt an den Zielelementen eine Zustandsklasse – Auf- und Zuklappen ohne eigenes Skript.
Stellt ein Inhaltselement für eine senkrechte Zeitleiste bereit, animiert mit reinem JavaScript – für Firmengeschichte, Projektabläufe oder Lebensläufe.
Legt ein Hintergrundbild oder ein Hintergrundvideo hinter einen ganzen Artikel, wahlweise mit Parallax-Effekt beim Scrollen.
8 Erweiterungen
Acht Bundles liefern je eine Google-Schrift als Datei mit, die von der eigenen Webseite ausgeliefert wird.
Faustina, Indie Flower, Lato, Merienda, Open Sans, Roboto, Tangerine und Titillium Web – je ein Bundle, das die Schriftdateien mitbringt und von der eigenen Webseite ausliefert. Weil die Dateien lokal liegen, entsteht beim Seitenaufruf keine Verbindung zu den Servern von Google.
3 Erweiterungen
Helfer und Sammelpakete, die vor allem beim Aufsetzen eines Projekts Zeit sparen.
Sammelt mehrere kleine Frontend-Helfer, die je Seitenlayout angehakt werden: Scroll-Richtung als Body-Klasse, Header-Höhe als CSS-Variable, Sprung zum ersten Formularfehler und eine Klasse, die Übergänge während des Seitenaufbaus unterdrückt.
Bringt die Symbole von Font Awesome und eigene SVG-Dateien als Insert-Tags ins Backend: Statt eine Grafik einzubinden, schreiben Redakteure ein kurzes Kürzel in den Text. Alle freien Font-Awesome-Stile sind enthalten, die Schreibweisen stehen in der README.
Ein Sammelpaket: Es installiert mit einem Befehl sechs dieser Erweiterungen, die in fast jedem meiner Projekte stecken – Backend-Einstellungen, Frontend-Helfer, Label Mover, inViewport, mobile Navigation und Text-Image-Positioning.
9 Erweiterungen
Diese Erweiterungen laufen nur unter Contao 4 oder werden nicht mehr weiterentwickelt. Sie stehen hier der Vollständigkeit halber – für neue Projekte sind sie nicht gedacht.
Zeigte CSS-Klassen und -IDs in der Artikelliste. Wird nicht weiterentwickelt – dieselbe Aufgabe erfüllt heute „Show CSS in Lists“.
Fügte im Artikel ein zusätzliches div mit der Klasse „inside“ ein. Wird nicht weiterentwickelt.
Ordnete die Inhaltselemente eines Artikels in zwei bis acht Spalten an, einzelne Elemente ließen sich davon ausnehmen. Wird nicht weiterentwickelt.
Stellte Logo, Kopf-Hintergrund und ein freies Bild am Startpunkt der Webseite ein und gab sie als Frontend-Module aus. Letzter Stand 2021, nur für Contao 4.
Band lightgallery.js mit Video-Unterstützung als Lightbox ein. Letzter Stand 2021, nur für Contao 4.
Fügte eine Galerie in ein Nachrichten-Element ein. Die README weist die Erweiterung selbst als Beta aus und nicht für den Produktiveinsatz geeignet.
Sprang nach einem Formularfehler an die fehlerhafte Stelle. Dieselbe Funktion steckt heute in „CustomContao“.
Erlaubte Hauptfarbe, zweite Farbe und drei Schriftgrößen direkt am Theme. Letzter Stand 2021, nur für Contao 4.
Ersetzte den Contao-Slider durch den Tiny Slider und ergänzte Überblendung und Ken-Burns-Effekt. Letzter Stand 2021, nur für Contao 4.
Einbauen
Alle Erweiterungen sind quelloffen und liegen auf Packagist. Installiert wird wie bei Contao üblich – über den Contao Manager oder auf der Kommandozeile mit Composer.
Unter „Pakete“ auf „Paket hinzufügen“ klicken, den Paketnamen eintragen – zum Beispiel heimseiten/contao-backup-bundle – und die Änderungen übernehmen.
composer require heimseiten/contao-backup-bundle. Erweiterungen, die eine Spalte in der Datenbank anlegen, brauchen danach noch vendor/bin/contao-console contao:migrate; in der README des jeweiligen Pakets steht, ob das nötig ist.
Sprechen Sie mich an – individuelle Contao-Entwicklung gehört zum Alltag. So sind die meisten dieser Erweiterungen entstanden: aus einer Stelle, an der im Projekt etwas fehlte.
Funktion anfragen Contao-Agentur Köln Contao-Updateservice
Alle Pakete auf einen Blick: