Frontend
Frontend
bezeichnet bei Joomla die öffentliche, für Besucher sichtbare Website-Vorderseite.
Diese zeigt Inhalte an, die im Backend erstellt und konfiguriert worden sind – z. B. Artikel, Menüs, Module oder Komponenten-Ausgaben. Das Frontend ist das, was „normale Besucher“ der Website sehen, wenn sie die Domain im Browser aufrufen. nik-o-mat.de
Backend
dagegen ist die Administrationsoberfläche (/administrator), über die Inhalte, Struktur und Design gepflegt werden. IONOS
Funktionsweise des Frontends
Inhalte darstellen
Im Frontend werden Inhalte angezeigt, die im Backend strukturiert wurden:
Artikel
(Text, Bilder, Videos etc.)
Kategorien
(Organisation von Artikeln)
Menüs
Navigation zu Inhalten
Module
(z. B. Navigation, News-Ticker, Suche)
Komponenten
(größere Funktionseinheiten wie Kontaktliste, Kalender, Shop-Komponente) IONOS+1
Die Darstellung im Frontend wird durch Templates gesteuert – HTML/PHP-Vorlagen, die definieren, wie der Inhalt strukturiert und gestylt wird. Wikipedia
Was man im Frontend arbeiten kann
Klassische Besucher-Interaktionen - jeder Besucher -
- · Inhalte lesen
- · Navigation nutzen
- · Formulare ausfüllen (z. B. Kontaktformulare)
- · Geschützte Bereiche sehen, wenn angemeldet nik-o-mat.de
- · Frontend-Bearbeitung (wenn aktiviert)
Frontend-Bearbeitung - nur berechtigte Nutzer -
Dies setzt voraus, dass im Backend Frontend-Bearbeitung aktiviert ist und der Benutzer ausreichende Rechte besitzt. LTHEME
- Artikel direkt im Frontend bearbeiten oder neu erstellen
- Titel, Inhalt und Veröffentlichungseinstellungen anpassen
- Nach dem Login als autorisierter Benutzer per Inline-Buttons Inhalte ändern
Inline-Bearbeitung von Modulen
Frontend-Inline-Bearbeitung kann auch Module direkt im Frontend editierbar machen, wenn entsprechende Optionen in der Globalen Konfiguration aktiviert werden –
z. B. Modul-Einstellungen durch Klick auf ein Bearbeitungssymbol. Joomlashack
Änderungen im Frontend Joomla 5 - Joomla 6
Die offiziellen Joomla-Ankündigungen und Begleitartikel zu Joomla 6.0 zeigen vor allem Verbesserungen im Gesamt-CMS, die sich auch sichtbar im Frontend-Bereich auswirken: joomla.org+1
4.1 Verbesserte Standard-Templates
- Cassiopeia Child-Template
mit erweiterten Far- und Schrift-Optionen im Backend → beeinflusst Frontend-Darstellung ohne eigenes CSS.
Joomla Community Magazine™ - CSS-Transitions in Cassiopeia (Frontend)
sorgen für weichere Übergänge und ein moderneres Gefühl beim Navigieren im Frontend.
joomla.org
4.2 Inhalts-Versionierung
- Die Versionierung wurde ausgebaut:
sie umfasst nun auch custom fields (benutzerdefinierte Felder). Das bedeutet: Vorherige Versionen von Inhalten inklusive zusätzlicher Feldinhalte können wiederhergestellt werden, was beim Bearbeiten über Frontend oder Backend wichtig ist.
Joomla Community Magazine™
4.3 Neue Feldtypen
- Joomla 6 führt neue Custom Field-Typen ein,
die im Frontend genutzt werden können, z. B. „Notes“ (Hinweis) und „Numbers“ (Zahl) – diese erscheinen in Artikeln/Ansichten.
joomla.org
4.4 Backward-Compatibility-Plugin
- Das Plugin „Behaviour – Backward Compatibility 6“
hilft beim Up- oder Cross-Update von Joomla 5 auf Joomla 6. Dies betrifft auch Frontend-Erweiterungen (Module/Plugins), indem inkompatible Dritthersteller-Erweiterungen im Frontend zunächst weiterarbeiten.
joomla.org
4.5 Automatische Updates
- Automatische Core-Updates
wirken zwar primär im Backend, tragen aber zur Sicherheit und Stabilität der gesamten Website inkl. Frontend bei. Joomla® User Group Wien
Konkrete Unterschiede Frontend Joomla 5 vs. Joomla 6
|
Joomla 6 (neu/verbessert) |
||
|
Cassiopeia + Child-Template |
||
|
CSS-Transitions für sanftere Navigation |
||
|
Inhalte + Custom-Fields versioniert |
||
|
Neue „Notes“ & „Numbers“ Felder |
||
|
Backward-Compatibility-Plugin |
Zusammenfassung
Frontend bei Joomla ist die öffentliche Website-Anzeige, die aus Backend-Inhalten generiert wird. Nutzer mit passenden Berechtigungen können dort:
- Inhalte lesen
- (optional) Artikel direkt bearbeiten
- Module inline ändern
- navigieren anhand von Menüs
Joomla 6 bringt im Vergleich zu Joomla 5 vor allem Verbesserungen in Darstellung, Versionierung und Custom-Fields, die sich für Redakteure im Frontend-Kontext positiv auswirken, ohne den grundlegenden Frontend-Workflow zu verändern.
Joomla Community Magazine™
Backend
Im Joomla 6 Backend steuerst du die gesamte Website-Administration: Inhalte, Struktur, Benutzer, Design, Erweiterungen usw. Das Backend ist eine administrative Oberfläche, die du über die Adresse https://joomla6.rneuhoff.de/administrator erreichst. Dort führst du alle redaktionellen und konfigurativen Aufgaben aus, bevor die Ergebnisse im Frontend (öffentliche Website) sichtbar werden. docs.joomla.org
Wichtigste Bereiche des Kontrollzentrums
mit Funktionsweise und typischer Navigation.
1. Backend-Startseite / Kontrollzentrum
Nach dem Login erscheint das Administrations-Dashboard. Dort siehst du:
Schnellzugriffe
(Icons) für häufige Aufgaben
System-Widgets
wie neueste Inhalte, Systemstatus
Top-Navigation
mit Hauptmenüs
Benachrichtigungen
(z. B. Updates, Systemfehler, Warnungen) docs.joomla.org
Navigation erfolgt meist über die obere Menüleiste bzw. ausklappbare Menübereiche.
2. Übersicht der Backend-Bereiche mit Pfadangaben
Im Backend sind Menüeinträge meist in übergeordnete Gruppen gegliedert. Die folgende Liste beschreibt Zweck + typischen Pfad (Menü) für Einsteiger.
2.1 „Neuer Beitrag“ / Inhalt → Artikel → Neu
- Zweck: Neuen Inhalt (Artikel) erstellen.
- Pfad: Inhalt → Beiträge → Neu.
- Öffnet das Bearbeitungsformular, um Titel, Text, Kategorie, Medien usw. einzugeben.
- Artikel werden später über Menüs im Frontend angezeigt.
docs.joomla.org
2.2 Beiträge / Inhalt → Beiträge
- Zweck:
Liste aller vorhandenen Artikel anzeigen, filtern, bearbeiten, veröffentlichen oder löschen. - Pfad:
Inhalt → Beiträge. - Klassenübersicht
mit Status, Kategorien, Autor und Veröffentlichungsdatum.
docs.joomla.org
2.3 Kategorien / Inhalt → Kategorien
- Zweck:
Kategorien zur Strukturierung deiner Beiträge verwalten (z. B. News, Blog, Produkte). - Pfad:
Inhalt → Kategorien. - Kategorien
helfen bei der Organisation und im Menü-System.
docs.joomla.org
2.4 Medien / Inhalt → Medien
- Zweck:
Dateien wie Bilder, PDFs, Videos verwalten und hochladen. - Pfad:
Inhalt → Medien. - Hier kannst du Ordner erstellen
und Dateien direkt auf den Server hochladen.
docs.joomla.org
2.5 Menüs / Menüs → Menüverwaltung
- Zweck:
Navigationsstruktur der Website steuern. - Pfad:
Menüs → Menüverwaltung. - Erstelle oder bearbeite Menüs und Menüeinträge
(z. B. Einzelner Beitrag, Kategorie-Blog).
docs.joomla.org
2.6 Benutzer / Benutzer → Benutzer
- Zweck:
Benutzerkonten, Gruppen und Berechtigungen verwalten. - Pfad:
Benutzer → Benutzer. - Hier legst du Redakteure, Administratoren, Registrierte Nutzer usw. an
und steuerst Zugriffsrechte.
docs.joomla.org
2.7 Module / Erweiterungen → Module
- Zweck:
Module steuern kleine Inhalts- oder Funktionsblöcke (Navigation, Login, Neueste Beiträge). - Pfad:
Erweiterungen → Module. - Module
können im Frontend in definierten Positionen angezeigt werden.
docs.joomla.org
2.8 Erweiterungen / Erweiterungen → Verwalten / Installieren
- Zweck:
Installation, Deinstallation, Aktualisierung von Erweiterungen (Plugins, Komponenten, Templates, Sprachen). - Pfad:
Erweiterungen → Verwalten bzw. Erweiterungen → Installieren. - Erweiterungen
erweitern den Funktionsumfang deiner Website.
Joomla Documentation
2.9 Sprachen / Erweiterungen → Sprachen
Zweck:
Webseiten-Mehrsprachigkeit verwalten, Sprachpakete installieren oder Standardsprache festlegen.
Pfad:
Erweiterungen → Sprachen.
Bestimmt Spracheinstellungen im
Backend- und Frontend-Spracheinstellungen.
Joomla Documentation
2.10 Konfiguration / System → Allgemeine Konfiguration
- Zweck:
Globale Einstellung der Website (Name, Metadaten, SEO, Session, Server, System). - Pfad:
System → Allgemeine Konfiguration. - Entscheidend für
Grundverhalten und Systemeigenschaften.
Joomla Documentation
2.11 Templates / Erweiterungen → Templates
- Zweck:
Layout- und Designsteuerung für Frontend und Backend. - Pfad:
Erweiterungen → Templates. - Hier wählst du Standard-Templates
und kannst Anpassungen vornehmen.
Joomla Documentation
2.12 Profil bearbeiten / Benutzer → Mein Profil
- Zweck:
Eigene Konto-Einstellungen (Name, Passwort, E-Mail) bearbeiten. - Pfad:
Benutzer → Mein Profil. - Nützlich, um private Infos
oder Login-Einstellungen zu aktualisieren.
docs.joomla.org
2.13 Aktualisierung / System → Joomla!-Aktualisierung
Zweck:
Prüft und installiert verfügbare Core-Updates.
Pfad:
System → Joomla!-Aktualisierung.
Hält Joomla sicher und aktuell.
Joomla Documentation
2.14 Hilfe / Kontextabhängige Hilfe
- Zweck:
Öffnet dokumentierte Hilfe zu der gerade angezeigten Seite. - Pfad:
In praktisch jeder Backend-Seite oben rechts über das „Hilfe“-Symbol. - Die Hilfe
zeigt Erläuterungen zu Bedienfeldern und Funktionen.
docs.joomla.org
3. Grundlegende Backend-Funktionalität für Einsteiger
- Die Hauptnavigation
im oberen Bereich führt dich zu allen Bereichen. - Breadcrumbs
zeigen den aktuellen Pfad. - Werkzeugleisten oben in Listen/Editoren enthalten
Aktionen wie Speichern, Speichern & Schließen, Löschen.
docs.joomla.org
Arbeiten mit Elementen
- In Listen
wie „Beiträge“ oder „Module“: - Du kannst Einträge filtern, sortieren,
veröffentlichen/deaktivieren, oder neue erstellen. - Markiere Einträge in der Liste
und nutze Aktionen in der Toolbar. - Einzelne Elemente öffnest du
durch Klick auf Titel zur Bearbeitung.
docs.joomla.org
Zustände und Sichtbarkeit
- Veröffentlicht/Versteckt/Archiviert/Papierkorb
steuern, ob Inhalte im Frontend sichtbar sind. - Veröffentlichen bedeutet:
Im Frontend sichtbar. - Archiviert/Papierkorb bedeutet:
Entfernt aus der aktiven Ansicht, aber ggf. wiederherstellbar.
docs.joomla.org
Zusammenfassung
Das Joomla 6 Backend ist die zentrale Administrationsplattform, die Inhalte, Struktur, Layout und Systemverhalten steuert. Als Einsteiger nutzt du:
- Menü-Navigation
über Hauptgruppen (Inhalt, Menüs, Benutzer, Erweiterungen, System) - Werkzeugleisten
für zentrale Aktionen - Kontextmenüs und Hilfe
für Informationen direkt zu jedem Bereich
Mit dieser Übersicht kannst du sicher durch das Backend navigieren und deine Website effizient verwalten.
docs.joomla.org
Unterschied Joomla 5 → Joomla 6 (wichtig zu verstehen)
| Bereich | Joomla 5 | Joomla 6 |
|---|---|---|
| Update-Mechanismus | klassischer Updater | neuer „Pre-Update-Checker“ (prüft Erweiterungen vorher) |
| PHP-Anforderungen | ab PHP 8.1 | ab PHP 8.2 (streng geprüft) |
| Erweiterungen | konnten Updates blockieren | werden vor Update automatisch analysiert |
| Fehlermeldungen | oft erst nach Update sichtbar | werden vor Update angezeigt |
| Sicherheit | nur Download + Install | zusätzlich Integritäts- und Kompatibilitätsprüfung |
| Wartung | eher reaktiv | präventiv (warnt vor Problemen) |
👉 Wichtig:
In Joomla 6 wird nicht mehr „blind“ aktualisiert. Das System verhindert aktiv kaputte Updates.
Wo finde ich die Updates?
Backend Pfad: https://joomla6.rneuhoff.de/administrator/index.php?option=com_joomlaupdate
Menü: System → Wartung → Joomla aktualisieren
Arten von Updates
| Typ | Bedeutung | Beispiel |
|---|---|---|
| Patch | kleine Fehlerkorrektur | 6.0.1 → 6.0.2 |
| Minor | neue Funktionen | 6.0 → 6.1 |
| Major | große Änderungen | 5.x → 6.x |
Schritt für Schritt: Joomla aktualisieren
Erst Erweiterungen → dann Joomla → dann Datenbank reparieren
1️⃣ Vorprüfung (neu in Joomla 6)
Klicke: Vor dem Update prüfen. Joomla kontrolliert dann:
- PHP Version
- Erweiterungen
- Template Kompatibilität
- Datenbankstruktur
Beispielmeldung
Plugin xyz ist nicht kompatibel mit Joomla 6 - dann → Update abbrechen und Plugin aktualisieren
2️⃣ Backup erstellen (Pflicht!)
Beispiel Pfad Server: /www/htdocs/w00abcde/joomla6.rneuhoff.de/
Typisches Backup-Archiv: backup_joomla6_2026-02-17.zip
3️⃣ Update starten
Button: Joomla aktualisieren - Das System lädt automatisch:
https://downloads.joomla.org/latest
4️⃣ Datenbank reparieren
Nach Update: System → Wartung → Datenbank
URL: https://joomla6.rneuhoff.de/administrator/index.php?option=com_installer&view=database
Button: Reparieren
Farbstatus im Update-Screen (mit Farbangaben)
| Farbe | Bedeutung |
|---|---|
| Grün / green | alles kompatibel |
| Gelb / yellow | Warnung |
| Rot / red | Update blockiert |
| Blau / blue | Information |
Beispiel:
PHP Version 8.2 ✔ (grün / green)
Plugin veraltet ⚠ (gelb / yellow)
Template inkompatibel ✖ (rot / red)
Erweiterungen aktualisieren
Pfad: System → Wartung → Erweiterungen aktualisieren
URL: https://joomla6.rneuhoff.de/administrator/index.php?option=com_installer&view=update
Beispiel:
Cassiopeia-extended Template Update verfügbar
Automatische Updates (neu wichtig)
Aktivieren: System → Konfiguration → Server → Update-Benachrichtigungen
Empfehlung:
E-Mail aktivierenBeispielmail: Neue Joomla Version 6.0.3 verfügbar
Typische Fehler nach Updates
| Problem | Ursache | Lösung |
|---|---|---|
| Weiße Seite | PHP zu alt | PHP im Hosting ändern |
| Layout kaputt | Template veraltet | Template aktualisieren |
| Editor weg | Plugin deaktiviert | Plugin aktivieren |
| 500 Fehler | Erweiterung inkompatibel | deaktivieren via FTP |
Praxisbeispiel (Du aktualisierst: 6.0.0 → 6.0.2)
1. Ablauf:
- Aufruf https://joomla6.rneuhoff.de/administrator
- Menü System → Joomla aktualisieren
- Vorprüfung → alles grün / green
- Backup erstellen
- Aktualisieren klicken
- Datenbank reparieren
- Cache leeren
Fertig ✔
Unterschied: Live-Update vs. Upload-Update
In Joomla 6 gibt es zwei Wege, den Core zu aktualisieren. Beide landen am selben Ziel — aber sie werden in völlig unterschiedlichen Situationen eingesetzt.
Backend-Aufruf: https://joomla6.rneuhoff.de/administrator/index.php?option=com_joomlaupdate
Menü: System → Wartung → Joomla aktualisieren
1. Live-Update (Standard-Methode)
Was passiert technisch?
Joomla verbindet sich selbst mit dem Update-Server: https://downloads.joomla.org lädt das Paket automatisch herunter,
entpackt es und ersetzt die Dateien.
Du klickst nur: Joomla aktualisieren
Voraussetzungen
- Internetverbindung vom Server erlaubt
- PHP-Memory ausreichend
- keine Firewall blockiert Downloads
- Schreibrechte vorhanden
Vorteile
- einfach
- sicher (Prüfsummenprüfung)
- empfohlen
- automatische Kompatibilitätsprüfung (neu in Joomla 6)
Beispiel Update: 6.0.1 → 6.0.2
Ablauf:
- Vor-Update-Check = grün / green
- Klick „Aktualisieren“
- Joomla erledigt alles selbst
Fertig ✔
Typische Fehlermeldung
Download failed → Server darf keine externen Verbindungen aufbauen2. Upload-Update (manuell)
Was passiert technisch?
Du lädst das Update selbst herunter und gibst Joomla nur die ZIP-Datei.
Download: https://downloads.joomla.org/cms/joomla6/
Dann im Backend: Upload & Aktualisieren
Wenn Live-Update nicht funktioniert:
| Problem | Beispiel |
|---|---|
| Hosting Firewall | All-inkl Sicherheitssperre |
| Kein Internet vom Server | Firmenserver |
| Timeout | zu großes Update |
| beschädigtes Update | Reparaturinstallation |
Beispiel-Datei: Joomla_6.0.2-Stable-Update_Package.zip
Ablauf
- Datei lokal laden
- Backend öffnen
- Upload & Aktualisieren
- Datenbank reparieren
Wichtig: Unterschied in der Sicherheit
| Punkt | Live | Upload |
|---|---|---|
| Prüfsumme | automatisch | erst nach Installation |
| Fehlerquote | sehr gering | höher |
| Bedienung | einfach | technisch |
| Empfehlung | Standard | Notfall |
Farbstatus im Update-Screen
| Farbe deutsch / english | Bedeutung |
|---|---|
| grün / green | alles ok |
| gelb / yellow | Warnung |
| rot / red | Update blockiert |
| blau / blue | Information |
Unterschied: Update vs. Neuinstallation
über bestehende Installation (Joomla 6)
Das wird sehr gern gefragt, weil beides ähnlich aussieht — aber technisch völlig anders ist.
Update = Wartung
Neuinstallation = Reparatur
Grundidee
| Begriff | Bedeutung |
|---|---|
| Update | Nur Änderungen werden eingespielt |
| Neuinstallation über bestehende Installation | Joomla wird komplett neu darüberkopiert |
👉 Update = Reparatur + Aktualisierung
👉 Neuinstallation = komplettes Ersetzen der Core-Dateien
1️⃣ Normales Update (Standardweg) immer im Normalsfall benutzen
Backend: System → Wartung → Joomla aktualisieren
URL: https://joomla6.rneuhoff.de/administrator/index.php?option=com_joomlaupdate
Was passiert technisch?
Joomla lädt ein Differenz-Paket:
- ersetzt nur geänderte Dateien
- Datenbank wird angepasst
- Erweiterungen bleiben unberührt
Beispiel: 6.0.1 → 6.0.2
Vorteile
- schnell
- sicher
- wenig Risiko
- Standardverfahren
Beispiel-Anzeige
Farbe:
- grün / green → kompatibel
- gelb / yellow → Warnung
- rot / red → blockiert
2️⃣ Neuinstallation über bestehende Installation (Reparaturinstallation)
Backend: System → Wartung → Erweiterungen → Installieren
URL: https://joomla6.rneuhoff.de/administrator/index.php?option=com_installer&view=install
Du installierst die komplette Joomla-ZIP erneut. Datei: Joomla_6.0.2-Stable-Full_Package.zip
Was passiert technisch?
Alle Joomla-Core Dateien werden überschrieben:
| Wird ersetzt | Bleibt erhalten |
|---|---|
| /administrator | Bilder |
| /includes | Artikel |
| /libraries | Module |
| /components | Benutzer |
| /layouts | Datenbank |
👉 Deine Inhalte bleiben, aber Joomla wird komplett neu aufgebaut.
Wann benutzt man das? Typische Situationen:
| Problem | Lösung |
|---|---|
| White Screen | Neuinstallation |
| 500 Fehler | Neuinstallation |
| beschädigte Dateien | Neuinstallation |
| Hack bereinigen | Neuinstallation |
| Update abgebrochen | Neuinstallation |
Wichtig
Die Version darf gleich oder höher sein:
Beispiele:
| Installierte Version | Installierte ZIP |
|---|---|
| 6.0.2 | 6.0.2 ✔ Reparatur |
| 6.0.1 | 6.0.2 ✔ Update |
| 6.0.2 | 6.0.1 ✖ verboten |
Entscheidender Unterschied
| Punkt | Update | Neuinstallation |
|---|---|---|
| ersetzt Dateien | teilweise | komplett |
| Risiko | gering | höher |
| Geschwindigkeit | schnell | langsamer |
| Zweck | Aktualisieren | Reparieren |
| Standard | ✔ | Notfall |
Praxisbeispiel
Fall 1 — normales Update
Du siehst: Neue Version verfügbar → Update klicken ✔
Fall 2 — Seite zeigt 500 Fehler
Frontend: https://joomla6.rneuhoff.de
nur weiße Seite
→ komplette Joomla ZIP installieren ✔