Skip to main content

🎨 Template

Template für eine Gemeindehomepage

Für diese Beispielinstallation wird das Standard-Template Cassiopeia verwendet.
Es ist das offizielle Joomla-Core-Template (ab Version 4 bis 6) und damit voll kompatibel, stabil und zukunftssicher.

Cassiopeia basiert auf modernem HTML5, CSS Grid und Flexbox – es ist vollständig responsiv, barrierefrei und leicht anpassbar.
Damit eignet es sich hervorragend für öffentliche Websites, wie eine Gemeindehomepage, die klar strukturiert, übersichtlich und wartungsarm sein soll.

Warum Cassiopeia beibehalten?

  • 💡 Zukunftssicher: wird von Joomla selbst gepflegt und mit jeder Hauptversion (auch Joomla 7 und später) weiterentwickelt
  • 🧱 Einfach anpassbar: Farben, Logos und Module lassen sich ohne Programmierkenntnisse ändern
  • ⚙️ Kompatibel: funktioniert mit allen Core-Erweiterungen und den meisten Drittanbieter-Extensions
  • 🔒 Sicher & performant: kein zusätzliches Framework, keine Fremdabhängigkeiten
  • 🔄 Upgrade-freundlich: auch bei einem späteren Wechsel auf Joomla 7 bleibt Cassiopeia in der Regel kompatibel, sodass kein Template-Wechsel erforderlich ist

Optional würde ich später auf das erweiterte Child-Template „Cassiopeia Extended“ wechseln, das zusätzliche Layout- und Farbeinstellungen bietet.
Für diese Dokumentation und Grundkonfiguration bleiben wir jedoch beim Standard-Template Cassiopeia, um die Basisfunktionen von Joomla zu zeigen und ein einheitliches Beispiel zu behalten.

Alternative: Helix Ultimate

Wer dennoch ein moderneres oder vielseitigeres Template bevorzugt (ja – ich ;-), kann sich das
Helix Ultimate Template von JoomShaper ansehen und installieren (System → Installieren → Erweiterungen).

Laut der offiziellen Produktseite ist Helix Ultimate ein „Free Universal Joomla Template“ und vollständig kompatibel mit Joomla 6. Es wird aktiv gepflegt und regelmäßig aktualisiert, bietet viele Design- und Layoutoptionen und eignet sich somit auch für komplexere Webseiten.

Template anpassen: Farben und Branding

Nach der Grundinstallation kannst du das Standard-Template Cassiopeia schnell an das Erscheinungsbild der Gemeinde anpassen.
Ziel ist ein seriöses, einheitliches Design mit Wiedererkennungswert – ohne zusätzliche Erweiterungen.

🎨 Farben und Schriftbild ändern

Im Backend: System → Site Templates Stile → Cassiopeia – Default → Reiter Erweitert

Hier kannst du das Erscheinungsbild des Standard-Templates Cassiopeia an deine Website anpassen.

  1. Titel (alternativ zum Logo):
    Ersetzt den Schriftzug CASSIOPEIA im Kopfbereich.
    Beispiel: Gemeinde Mumpfelhausen
  2. Unterüberschrift:
    Optionaler kleiner Text unterhalb des Titels, zum Beispiel Achtung: Seite im Aufbau!
  3. Schriftenschema:
    Auswahl der verwendeten Schriftfamilie.
    Empfehlung: Keine → nutzt Systemschriften (leistungsstark, DSGVO-konform).
  4. Template-Farbe:
    • Standard = Blau (Standardfarbton des Templates)
    • Alternativ = Rot (alternative Farbvariante)
      (beide Farbdesigns sind fest im Template enthalten und sofort einsetzbar)
  5. Layout:
    • Statisch = feste Seitenbreite
    • Fluid = passt sich der Bildschirmbreite an (empfohlen)
  6. Sticky Header:
    Aktivieren, wenn der obere Kopfbereich beim Scrollen sichtbar bleiben soll.
  7. „Zurück nach oben“ Link:
    Aktivieren, wenn ein Button eingeblendet werden soll, der Besucher bei langem Scrollen wieder nach oben führt.
  8. Mit Speichern & Schließen bestätigen.

💡 Hinweis:
Systemschriften sind am performantesten und vermeiden Datenschutzprobleme, da sie lokal auf dem Gerät geladen werden.
Das Nachladen externer Schriftarten ist aus Datenschutzgründen nicht empfohlen.

🪶 Logo einfügen

  1. Im gleichen Template-Dialog den Reiter Erweitert geöffnet lassen
  2. Im Feld Logo eine Bilddatei auswählen
    • Bereits vorhandene Logos findest du unter /images/banners oder /images/headers
    • Beispiel: joomla_black.png oder powered_by.png
  3. Falls du dein eigenes Logo verwenden möchtest:
    • Oben auf Hochladen klicken
    • Datei von deinem Rechner auswählen (z.B. logo_mumpfelhausen.png)
    • Danach erscheint sie im Verzeichnis /images/
    • Optional: Einen eigenen Ordner (z.B. /images/logo/) anlegen, um später eine bessere Übersicht zu behalten
  4. Die Datei markieren und Auswählen klicken
  5. Mit Speichern & Schließen bestätigen

💡 Hinweis:

  • Wenn ein Logo gesetzt ist, wird der zuvor eingetragene Titel (alternativ zum Logo) automatisch ausgeblendet.
  • Empfohlen ist ein JPG-Bild mit einer Breite von etwa 700–180 px.
  • Dateien werden standardmäßig im Joomla-Verzeichnis /images/ gespeichert.

✏️ Frontend-Bearbeitung (Module und Menüs)

Aktivieren/Deaktivieren unter
System → Konfiguration → Site → Frontend-Bearbeitung

→ Auswahl:

  • Module
  • Module & Menüs
  • Deaktiviert

💡 Nur eingeloggte Administratoren (mit passenden Rechten) sehen die Stift-Icons im Frontend.

Aus Sicherheitsgründen habe ich das Frontend-Login deaktiviert
(System → Verwaltung → Site Module → Modul ausgeblendet).
Solche Anmeldungen sollten nur im Backend erfolgen – idealerweise mit einem zusätzlichen .htaccess-Schutz und Passkeys.

Back to top