Wenn du neu im Umgang mit Joomla 4 bist, lies bitte Erste Schritte mit Joomla 4.

Dieses Tutorial ist für Joomla 4 geschrieben. Für Informationen zur Erstellung eines Templates für Joomla 3, siehe Erste Schritte mit Templates.

Du benötigst Joomla 4.x für dieses Tutorial. Die aktuellste stabile Version von Joomla 4 findest du unter downloads.joomla.org/cms(https://downloads.joomla.org/cms) oder du erstellst eine kostenlose Website unter https://launch.joomla.org.

Prüfe die neueste Version von Joomla 4 auf GitHub oder lade sie von der Entwickler-Website herunter.

Für wen ist dieses Tutorium gedacht?

Am Ende dieser Textreihe wird es kein fertiges Beispiel-Template geben. Ich habe alles allgemein gehalten. Mein Hauptziel ist es, zu zeigen, wie Cassiopeia und Joomla funktionieren - und es dabei selbst besser zu verstehen.

Dieses Tutorial ist in erster Linie für jene Joomla User gedacht, die eine neue Website mit Joomla 4 erstellen, Cassiopeia anpassen wollen und bisher wenig Erfahrung mit Joomla 4 haben.

Was bietet Cassiopeia?

Cassiopeia bietet eine optimale Grundlage, um die eigene Joomla-Website an die individuellen Bedürfnisse anzupassen.

Cassiopeia ist

  • benutzerfreundlich,
  • barrierefrei und
  • leicht anpassbar.

Das Standard-Template in Joomla 4 basiert auf der aktuellen Version des Frontend-Frameworks Bootstrap 5. Die Modulpositionen des Templates wurden umbenannt, so dass Module nun einfacher und intuitiver den entsprechenden Positionen zugewiesen werden können. Das Template ist vollständig WCAG 2.1 Level AA konform und erfüllt damit die Anforderungen an barrierefreie Webinhalte.

Die Struktur dieses Tutorials

Jedes Kapitel behandelt ein bestimmtes Thema, manchmal mit Hilfe der Beispieldateien. In diesem Fall installiere bitte auch die Blog-Beispieldateien in einer Testumgebung, damit wir die gleichen Bedingungen haben. Klicken Sie dazu auf die Schaltfläche 'Installieren' neben dem Text Blog-Beispieldateien im Dashboard.

Blog-Beispieldateien installieren

Das Frontend sollte nun wie in der folgenden Abbildung dargestellt aussehen.

Cassiopeia im Frontend

Wenn du dich für ein bestimmtes Thema interessierst, kannst du dir gerne ein separates Kapitel ansehen. Mit diesem Tutorial passt du eine Joomla 4 Website mit Cassiopeia und Blog-Beispieldaten an deine Bedürfnisse an. Du erfindest das Rad nicht neu, sondern stimmst das Räderwerk von Joomla und Cassiopeia auf deine individuellen Bedürfnisse ab.