Webdesign und Webentwicklung mit Joomla

Eine gut gestaltete und funktionale Website ist ein wesentlicher Faktor für den Erfolg vieler Unternehmen und Organisationen. Mit dem Content-Management-System Joomla hast du ein mächtiges und flexibles Werkzeug an der Hand, um Websites und Webanwendungen zu erstellen und zu verwalten. Lass uns gemeinsam einen genaueren Blick auf die Webentwicklung und das Webdesign mit Joomla werfen.

Joomla wird stetig weiterentwickelt und ist heute eine feste Größe in der Welt der Content-Management-Systeme. Es ist nicht ohne Grund die bevorzugte Wahl vieler Webentwickler und Designer weltweit.

Joomla überzeugt durch seine Benutzerfreundlichkeit, seine vielseitigen Erweiterungsmöglichkeiten und eine aktive Community. So wird ständig an der Verbesserung des Systems gearbeitet.

Im Vergleich zu anderen CMS wie WordPress oder Drupal bietet Joomla eine sehr ausgewogene Mischung aus einfacher Handhabung und fortschrittlichen Funktionen. Das ist ideal für den Nutzer ebenso wie für erfahrene Webentwickler.

Inhalt

1. Grundlagen von Joomla

2. Installation und Konfiguration von Joomla

3. Templates und Design

4. Erweiterungen und Funktionalität

5. SEO mit Joomla

6. Sicherheit

7. Praxisbeispiele und Best Practices

8. Zusammenfassung und Ausblick

 

1. Grundlagen von Joomla

Was ist Joomla?

Joomla ist ein Open-Source-Content-Management-System (CMS). Du kannst damit dynamische Webseiten und leistungsstarke Online-Anwendungen erstellen und verwalten. Seit seiner Gründung im Jahr 2005 aus dem Mambo-Projekt heraus hat sich Joomla zu einem der weltweit beliebtesten CMS entwickelt.

Joomla basiert auf PHP und MySQL. Es bietet eine breite Palette an Funktionen und Erweiterungsmöglichkeiten. Damit ist es eine hervorragende Wahl für die Umsetzung unterschiedlichster Webprojekte – sei es eine einfache Firmenhomepage oder ein komplexes Onlineportal.

Vorteile von Joomla gegenüber anderen CMS

Joomla hebt sich durch verschiedene Vorteile von anderen Content-Management-Systemen ab:

1. Benutzerfreundlichkeit: Die intuitive Benutzeroberfläche von Joomla macht es dir leicht, Inhalte zu erstellen und zu verwalten – egal, ob du Anfänger bist oder bereits viel Erfahrung hast.
2. Erweiterbarkeit: Dank der vielen Erweiterungen und Plugins im offiziellen Joomla Extension Directory (JED) lässt sich die Funktionalität deiner Website nahezu unbegrenzt ausbauen. Zudem bietet Joomla ein eigenes PHP-Framework, mit dem du maßgeschneiderte Weblösungen für spezielle Anforderungen entwickeln kannst. Besonders im professionellen Umfeld, wo spezielle Anwendungen und Workflows gefragt sind, zeigt Joomla dadurch seine Stärke.
3. Flexibilität: Joomla ist für eine Vielzahl von Anwendungsfällen geeignet – von einfachen Webseiten über komplexe E-Commerce-Plattformen und individuelle Webanwendungen bis zu sozialen Netzwerken.
4. Community und Support: Mit einer aktiven und engagierten Community steht eine Fülle an Unterstützung zur Verfügung, sei es durch Foren, Dokumentationen oder persönlichen Treffen, z. B. in den regionalen Joomla User Groups. Die kontinuierliche Verbesserung des CMS ist das Ergebnis dieser starken Gemeinschaft.
5. Mehrsprachigkeit: Joomla unterstützt nativ mehrsprachige Websites. Das macht es zur idealen Lösung für global agierende Unternehmen und Organisationen.
6. Barrierefreiheit: Auch vor Einführung des Barrierefreiheitsstärkungsgesetzes (BFSG) im Jahr 2025 spielt der ungehinderte Zugang zu Online-Angeboten eine wichtige Rolle. Er gewinnt nun nochmals an Bedeutung. Joomla bietet hervorragende Voraussetzungen für die Umsetzung von barrierefreien Websites und Internetanwendungen.

Joomla-Architektur

Die Architektur von Joomla ist modular aufgebaut. Es besteht aus mehreren Kernelementen:

1. Module: Kleine Inhaltsblöcke, die flexibel an verschiedenen Positionen auf deiner Website platziert werden können. Beispiele dafür sind Menüs, Suchfelder oder Newsfeeds.
2. Komponenten: Sie sind die zentralen Funktionseinheiten von Joomla. Jede Komponente erfüllt eine spezifische Aufgabe, wie die Verwaltung von Inhalten (com_content) oder Benutzern (com_users).
3. Plugins: Sie erweitern die Funktionalität und reagieren auf bestimmte Ereignisse während der Ausführung einer Joomla-Anwendung. Du kannst Plugins beispielsweise nutzen, um zusätzliche Filter oder Authentifizierungsmechanismen einzuführen.
4. Templates: Templates bestimmen das Aussehen und Layout deiner Joomla-Website. Sie bestehen aus einer Kombination von HTML, CSS und PHP und ermöglichen eine umfassende Gestaltung von Webdesign und Usability.
5. Sprachen: Joomla unterstützt mehrere Sprachen und ermöglicht es, sowohl das Backend als auch das Frontend einer Website mehrsprachig zu gestalten.

Dank seiner modularen Struktur können Webentwickler und Webdesigner mit Joomla hochgradig angepasste und flexible Webanwendungen und Websites erstellen.

2. Installation und Konfiguration von Joomla

Systemanforderungen

Bevor du mit der Installation von Joomla beginnst, ist es wichtig sicherzustellen, dass dein Webserver die notwendigen Systemanforderungen erfüllt. Aktuell benötigt Joomla die folgenden Voraussetzungen (Stand 08.2024):

• Webserver: Apache 2.4, Nginx 1.21 oder Microsoft IIS 10
• Datenbank: MySQL 8.0.13, MariaDB 10.4 oder PostgreSQL 12.0
• PHP 8.1 oder höher
• Erforderliche PHP-Erweiterungen: json, simplexml, dom, zlib, gd, mysqlnd oder pdo_mysql bzw. pdo_pgsql sowie weitere andere je nach spezifischen Anforderungen.

Die jeweils aktuellen Anforderungen findest du auf der Website des Joomla-Projektes.

Kurze Schritt-für-Schritt-Anleitung zur Installation

1. Download und Vorbereitung

• Lade das neueste Joomla-Installationspaket von der offiziellen Joomla-Website
• Entpacke das Paket auf deinem lokalen Rechner.

2. Upload auf den Webserver

Mit einem FTP-Client wie FileZilla kannst du die entpackten Dateien nun auf deinen Webserver hochladen. Die Dateien sollten im öffentlichen Root-Verzeichnis des Servers liegen (z. B. public_html oder htdocs).

3. Datenbank erstellen

• Logge dich in ein Datenbank-Management-Tool (z. B. phpMyAdmin) ein und erstelle eine neue MySQL-Datenbank für deine Joomla-Installation. Notiere dir Datenbanknamen, Benutzernamen und Passwort!

4. Joomla-Web-Installer starten

• Rufe nun deine Domain in einem Webbrowser auf (z. B. https://www.deine-domain.de), um den Joomla-Web-Installer zu starten.
• Wähle die gewünschte Sprache aus und gib grundlegende Informationen zur Website ein (Name, Beschreibung, E-Mail-Adresse, Administrator-Benutzername und -Passwort).

5. Datenbankkonfiguration

• Gib die zuvor erstellten Datenbankinformationen ein (Datenbanktyp, Servername, Datenbankname, Benutzername und Passwort).
• Klicke auf „Weiter“, um die Installation abzuschließen.

6. Abschließende Konfiguration

• Überprüfe die Einstellungen auf der Übersichtsseite und klicke auf „Installieren“.
• Wenn gewünscht, kannst du nach der Installation zusätzliche Beispielinhalte auswählen.

Erste Konfiguration und wichtige Einstellungen

1. Globale Konfiguration

• Logge dich ins Backend deiner Joomla-Website ein (https://www.deine-domain.de/administrator).
• Navigiere zu „System“ → „Konfiguration“, um grundlegende Einstellungen vorzunehmen, wie Site-Name, Meta-Daten und SEO-Einstellungen (suchmaschinenfreundliche URLs aktivieren).

2. Benutzerverwaltung

Gehe zu „Benutzer“ → „Benutzerverwaltung“, um neue Benutzer hinzuzufügen, Benutzergruppen zu erstellen und Berechtigungen festzulegen.

3. Template-Auswahl und Anpassung

Wähle ein Template unter „System“ → „Templates“ → „Site Template Stile“ aus und passe es nach deinen Wünschen an. Weitere Informationen zu Templates findest du im nächsten Abschnitt.

4. Erweiterungen installieren

• Gehen zu „System“ → „Installieren“ → „Erweiterungen“, um zusätzliche Erweiterungen, Module und Plugins zu installieren.

Nun ist deine Joomla-Website betriebsbereit und für die Erstellung und Verwaltung von Inhalten optimiert.

3. Templates und Design

Einführung in Joomla-Templates

Templates spielen eine zentrale Rolle im Design und Layout von Joomla-Websites. Sie sind maßgeblich für das visuelle Erscheinungsbild und die Benutzererfahrung deiner Website verantwortlich.

Joomla-Templates setzen sich aus einer Kombination von HTML, CSS, JavaScript und PHP zusammen. Sie definieren sowohl die Struktur als auch das Aussehen der Seiteninhalte.

Templates sind äußerst flexibel und modular aufgebaut. Daher kannst du auch das Layout und Design deiner Website anpassen, ohne dabei die eigentlichen Inhalte zu verändern.

Für Joomla stehen dir sowohl kostenfreie als auch kostenpflichtige Templates zur Verfügung. Mit dem entsprechenden Know-how kannst du zudem eigene Templates entwickeln, um die spezifischen Anforderungen deiner Website perfekt zu erfüllen. Oder du beauftragst eine professionelle Joomla-Agentur, die dir ein maßgeschneidertes Joomla-Template erstellt.

Auswahl und Anpassung von Templates

1. Template-Auswahl

• Gehe zu „System“ → „Templates“ → „Site Template Stile“, um eine Liste der installierten Templates anzuzeigen.
• Wähle das gewünschte Template aus und setze es als Standard.

2. Template-Overrides

• Joomla ermöglicht es, Standard-Layouts und -Stile durch sogenannte Overrides zu verändern, ohne das ursprüngliche Template zu bearbeiten.
• Overrides können für Komponenten, Module und Templates erstellt werden. Klicke dazu in „System“ → „Templates“ → „Site Templates“ auf das gewünschte Template und wähle im Tab „Overrides“ den gewünschten Override aus. Joomla erstellt dann automatisch die notwendigen Dateien im entsprechenden Verzeichnis (/html-Ordner im Template-Verzeichnis). Diese kannst du dann direkt im Browser bearbeiten.
• Der Einsatz von Overrides verhindert ein Überschreiben deiner Änderungen bei einem Update.

3. Anpassung von CSS und JavaScript

• Passe die CSS-Dateien des Templates an, um das Design nach deinen Wünschen zu ändern. Dies kann direkt über „System“ → „Templates“ → „Site Templates“ durch Klick auf das entsprechende Template oder durch Bearbeitung der Dateien auf dem Server geschehen.
• Füge benutzerdefiniertes JavaScript hinzu, um etwa interaktive Elemente und dynamische Funktionen zu implementieren.

4. Verwendung von Template-Frameworks und Content Buildern

• Es gibt verschiedene Template-Frameworks und Content Builder wie Gantry, T3, Helix und YOOtheme, die erweiterte Funktionen und einfache Anpassungsmöglichkeiten bieten.
• Du bekommst so neue Drag-and-drop-Layouts, erweiterte Typografie-Optionen und integrierte Erweiterungen, welche die Erstellung und Pflege deiner Website erleichtern können.

Exkurs: Grundlagen zur Erstellung eigener Templates

1. Grundlagen eines Joomla-Templates

Ein Joomla-Template besteht aus mehreren Dateien und Verzeichnissen, darunter:

• php: Das ist die Hauptdatei des Templates, welche die Grundstruktur der Seite definiert.
• xml: Eine XML-Datei, die Informationen über das Template enthält (Name, Version, Autor etc.).
• css-Verzeichnis: Dieses Verzeichnis enthält alle CSS-Dateien des Templates.
• js-Verzeichnis: Hier liegen die JavaScript-Dateien des Templates.
• images-Verzeichnis: In diesem Verzeichnis liegen die Bilddateien des Templates.
• html-Verzeichnis: Hier werden die Overrides für Komponenten und Module gespeichert.

2. Schritte zur Erstellung eines eigenen Templates

• Erstelle ein neues Verzeichnis im /templates-Ordner deiner Joomla-Installation. Benenne es nach deinem Template.
• Erstelle die notwendigen Dateien und Verzeichnisse (index.php, templateDetails.xml, css, js, images, html).
• Definiere die Grundstruktur und das Layout in der index.php.
• Füge notwendige CSS- und JavaScript-Dateien hinzu und binde sie in der index.php ein.
• Passe die templateDetails.xml an, um die Informationen über dein Template zu speichern.

3. Testen und Aktivieren deines Templates

Nachdem du dein Template erstellt hast, kannst du es im Backend von Joomla installieren und aktivieren.

• Gehe zu „System“ → „Installieren“ → „Erweiterungen“. Wähle deine Template-Datei aus und installiere sie.
• Setze das neue Template als Standard. Teste nun die Website, um sicherzustellen, dass alles wie gewünscht funktioniert.

Tipp: Auf der Website webentwickler.tools findest du einen Generator, der dir eine fertige Datei-Struktur für Templates und Erweiterungen erzeugt. Damit musst du die benötigten Dateien nicht aufwendig per Hand anlegen und kannst gleich mit der eigentlichen Programmierung beginnen.

Verwendung von Drittanbieter-Templates

Es gibt viele Drittanbieter, die professionelle und gut gestaltete Joomla-Templates anbieten. Diese Templates sind oft mit zusätzlichen Funktionen ausgestattet und bieten umfangreiche Anpassungsmöglichkeiten. Einige der bekanntesten Anbieter sind RocketTheme, JoomShaper und Shape5.

4. Erweiterungen und Funktionalität

Überblick über Joomla-Erweiterungen

Joomla ist bekannt für seine Anpassungsfähigkeit, die durch eine Vielzahl von Erweiterungen erreicht wird. Diese Erweiterungen lassen sich in drei Hauptkategorien einteilen:

1. Komponenten: Sie sind die größten und umfassendsten Erweiterungen in Joomla. Komponenten funktionieren als eigenständige Mini-Anwendungen innerhalb des Systems. Beispiele sind ein Blog-System, ein E-Commerce-Shop oder ein Forum.
2. Module: Diese kleineren Erweiterungen stellen spezielle Funktionen oder Inhalte in verschiedenen Bereichen einer Seite dar. Beispiele dafür sind Login-Formulare, Suchfelder oder Slideshow-Banner.
3. Plugins: Plugins bieten zusätzliche Funktionalitäten, die auf bestimmte Ereignisse reagieren, wie das Einfügen von Inhalten oder das Filtern von Texten während der Anzeige.

Neben diesen Hauptkategorien gibt es, wie bereits erwähnt, Templates, die das Design und Layout der Website gestalten, sowie Sprachpakete, die die Benutzeroberfläche in verschiedene Sprachen übersetzen.

Installation und Verwaltung von Erweiterungen

Die Verwaltung von Erweiterungen erfolgt über den Erweiterungsmanager im Backend deiner Joomla-Website.

Hier sind die grundlegenden Schritte zur Installation einer neuen Erweiterung:

1. Erweiterung herunterladen:

Besuche das Joomla Extension Directory (JED) oder die Website eines Drittanbieters und lade die gewünschte Erweiterung als ZIP-Datei herunter.

2. Erweiterung installieren:

• Gehe im Joomla-Backend zu „System“ → „Installieren“ → „Erweiterungen“.
• Lade hier die heruntergeladene ZIP-Datei über den Tab „Paket hochladen“ hoch.

3. Erweiterung aktivieren:

• Nach der Installation findest du die Erweiterung unter „System“ → „Verwalten“ → „Erweiterungen“.
• Konfiguriere sie hier nach deinen Bedürfnissen.

Empfehlenswerte Joomla-Erweiterungen für Webdesign und Webentwicklung, die in der Praxis häufig eingesetzt werden:

JCE Editor (Joomla Content Editor)

• Ein erweiterter WYSIWYG-Editor, der das Erstellen und Bearbeiten von Inhalten erleichtert.
• Der JCE Editor bietet dir zusätzliche Formatierungsoptionen und eine benutzerfreundliche Oberfläche.

Akeeba Backup

• Eine unverzichtbare Erweiterung für die Datensicherung.
• Akeeba Backup ermöglicht es dir, vollständige Backups deiner Joomla-Website zu erstellen und wiederherzustellen.

RSForm!Pro

• Eine leistungsstarke Formular-Komponente, die das Erstellen und Verwalten von Formularen erleichtert.
• RSForm!Pro unterstützt bedingte Logik, benutzerdefinierte Stile und verschiedene Integrationen.

4SEO (ehemals sh404SEF)

• Eine SEO-Erweiterung, die suchmaschinenfreundliche URLs erstellt und weiterführende SEO-Einstellungen ermöglicht bzw. erleichtert.
• 4SEO bietet Funktionen wie URL-Umleitungen, Meta-Daten-Management und Google Analytics-Integration.

Verwaltung und Aktualisierung von Erweiterungen

Die regelmäßige Aktualisierung deiner installierten Erweiterungen ist entscheidend für die Sicherheit und das reibungslose Funktionieren deiner Joomla-Website.

Der Joomla-Erweiterungsmanager bietet dir eine einfache Möglichkeit, verfügbare Updates zu überwachen und direkt zu installieren.

1. Überprüfung auf Updates:

Gehe zu „System“ → „Updates“ → „Erweiterungen“, um eine Liste der installierten Erweiterungen anzuzeigen, für die Updates verfügbar sind.

2. Updates installieren:

• Wähle die Erweiterungen aus, die aktualisiert werden sollen, und klicke auf „Aktualisieren“.
• Joomla lädt nun die neuesten Versionen der Erweiterungen herunter und installiert sie automatisch.

Wichtig: Vor dem Update von Joomla oder Joomla-Erweiterungen solltest du immer ein Backup deiner Website machen!

Durch die Verwendung von Erweiterungen kannst du die Funktionalität und Flexibilität deiner Joomla-Website umfangreich anpassen.

Du kannst auch eigene Erweiterungen programmieren, ganz individuell auf die spezifischen Bedürfnisse deines Projekts angepasst.

Als spezialisierte Joomla-Agentur machen wir dies regelmäßig für unsere Kunden. Joomla bietet damit eine hervorragende Basis, um selbst komplexe Aufgaben in der Digitalisierung von Geschäftsprozessen umzusetzen.

5. SEO mit Joomla

SEO-Grundlagen

Suchmaschinenoptimierung (SEO) ist entscheidend für den Erfolg deiner Website. So kannst du die Sichtbarkeit und Reichweite in Suchmaschinen wie Google deutlich erhöhen.

Eine gut optimierte Website bekommt mehr Besucher und steigert somit deinen Erfolg. Joomla stellt dir zahlreiche integrierte SEO-Funktionen zur Verfügung. Zudem gibt es spezielle Erweiterungen, die dich bei der Optimierung deiner Website unterstützen.

SEO-Optimierung in Joomla

1. Suchmaschinenfreundliche URLs

Aktiviere unter „System“ → „Konfiguration“ im ersten Tab „Site“ die Optionen „Suchmaschinen-freundliche URLs“ und „URL-Rewrite nutzen“. Hierfür musst du ggf. etwas weiter nach unten scrollen. Dies sorgt dafür, dass URLs klar und verständlich sind. Das ist sowohl für Benutzer als auch für Suchmaschinen vorteilhaft.

2. Meta-Daten und Titel

Jeder Beitrag und jede Seite sollte einen aussagekräftigen Titel und eine individuelle Kurzbeschreibung (Meta-Description) besitzen.

Diese kannst du im Backend unter „Inhalt“ → „Beiträge“ → [Beitrag bearbeiten] → „Veröffentlichung“ einstellen. Titel und Beschreibung helfen Suchmaschinen, den Inhalt deiner Seite besser zu verstehen.

Zudem werden sie regelmäßig in den Suchergebnissen angezeigt. Betrachte sie daher als deine kostenlose „Mini-Werbeanzeige“ in Google & Co. Gestalte sie so, dass der Internetnutzer versteht, was ihn erwartet. Motiviere ihn, auf dein Suchergebnis zu klicken.

3. Bilder optimieren

Verwende für Bilder beschreibende Dateinamen und befülle das Alt-Attribut (Alt-Text). Sie sollten relevante Suchbegriffe enthalten und den Inhalt des Bildes möglichst beschreiben. Dies verbessert sowohl die Zugänglichkeit als auch das Ranking in Bildersuchen.

Achte zudem darauf, dass du deine Bilder vor dem Hochladen auf die tatsächlich benötigte Auflösung verkleinerst und gut komprimierst. Schnelle Ladezeiten sind ebenfalls ein Faktor für Suchmaschinen.

4. Interne Verlinkung

Eine effektive interne Verlinkungsstrategie verbessert die Navigation und hilft Suchmaschinen, die Struktur deiner Website zu verstehen. Verlinke daher relevante Inhalte untereinander. Dies verbessert die Benutzererfahrung, erhöht die Verweildauer und kann sich positiv auf dein Ranking auswirken.

5. Responsive Design

Deine Joomla-Website sollte für Mobilgeräte optimiert sein. Viele Menschen surfen heute mit dem Handy im Internet. Daher bevorzugt auch Google mobilfreundliche Websites in den Suchergebnissen.

Als ideal hat sich hier die Technik des „Responsive Webdesign“ etabliert. So stellst du sicher, dass deine Website auf allen Geräten gut aussieht und funktioniert.

Praktische Tipps zur Suchmaschinenoptimierung

1. Content is King

Hochwertige, relevante und regelmäßig aktualisierte Inhalte sind das A und O für erfolgreiche SEO. Schreibe für deine Zielgruppe. Stelle sicher, dass deine Inhalte sowohl informativ als auch ansprechend sind.

2. Page Speed

Die Ladegeschwindigkeit deiner Website hat direkten Einfluss auf dein Ranking. Nutze Tools wie Googles PageSpeed Insights, um die Geschwindigkeit deiner Website zu überprüfen und ergreife geeignete Optimierungsmaßnahmen.

3. SSL-Zertifikat

Eine sichere Website (HTTPS) ist ein wichtiger Ranking-Faktor für Google. Sorge dafür, dass deine Website über ein gültiges SSL-Zertifikat verfügt.

4. Social Media Integration

Social Media kann dir zusätzliche Besucher bringen und indirekt dein SEO-Ranking verbessern. Integriere Social-Media-Buttons auf deiner Website, um die Sichtbarkeit deiner Social-Media-Seiten und das Engagement zu steigern.

5. Backlinks

Hochwertige Backlinks von vertrauenswürdigen Websites verbessern das Ranking deiner Website erheblich. Baue relevante Backlinks auf, indem du etwa Gastbeiträge verfasst, Kooperationen eingehst und hochwertigen Content erstellst.

6. Sicherheit

Sicherheitsgrundlagen in Joomla

Sicherheit ist von größter Bedeutung. Tue dein Möglichstes, um deine Joomla-Website und deine Besucher vor Hackerangriffen, Malware und Datenverlust zu schützen.

Joomla bietet von Haus aus eine solide Basis an Sicherheitsfunktionen. Es liegt jedoch in deiner Verantwortung, zusätzliche Maßnahmen zu ergreifen.

Wichtige Sicherheitsmaßnahmen für Joomla

1. Regelmäßige Updates

Halte Joomla und alle installierten Erweiterungen immer auf dem neuesten Stand. Updates umfassen oft Sicherheits-Patches, die erkannte Schwachstellen beheben.

Aktiviere die Update-Benachrichtigungen im Joomla-Backend, um rechtzeitig über verfügbare Updates informiert zu werden.

2. Starke Passwörter

• Verwende starke, komplexe Passwörter für alle Benutzerkonten. Dies gilt natürlich besonders für Administratorkonten. Ein sicheres Passwort sollte mindestens 13 Zeichen lang sein und eine Kombination aus Buchstaben, Zahlen und Sonderzeichen enthalten.
• Ändere deine Passwörter regelmäßig und verwende nicht dieselben Passwörter auf mehreren Websites.

3. Multi-Faktor-Authentifizierung (MFA)

Aktiviere die Multi-Faktor-Authentifizierung für alle Administratorkonten. Diese zusätzliche Sicherheitsebene erfordert neben dem Passwort einen zweiten Authentifizierungsfaktor, etwa einen Code aus einer Authenticator-App.

4. Zugriffsrechte und Benutzerrollen

• Vergib nur die notwendigen Rechte an Benutzer und vermeide es, Administratorrechte an Benutzer zu vergeben, die diese nicht benötigen.
• Nutze das integrierte Zugriffssteuerungssystem (ACL), um detaillierte Berechtigungen für verschiedene Benutzerrollen festzulegen.

5. Regelmäßige Backups

• Erstelle regelmäßig Backups von deiner Joomla-Website, einschließlich der Datenbank und aller Dateien. Verwende Erweiterungen wie Akeeba Backup, um automatisierte und leicht wiederherstellbare Backups zu erzeugen.
• Speichere deine Backups an einem sicheren, externen Ort, um sie vor physischen Schäden oder Serverausfällen zu schützen.

Weitere Sicherheitsmaßnahmen

1. Verwendung von HTTPS

Stelle sicher, dass deine Website ein SSL-Zertifikat verwendet und über HTTPS erreichbar ist. Dies verschlüsselt die Datenübertragung zwischen dem Server und dem Browser des Benutzers und schützt sensible Informationen.

2. Sicherheitsüberwachung

Überwache regelmäßig die Protokolle und Aktivitäten auf deiner Website. Tools wie Admin Tools und RSFirewall! bieten Überwachungsfunktionen, um ungewöhnliche Aktivitäten zu erkennen.

3. Sichere Serverumgebung

• Wähle einen Webhoster, der auf Sicherheit achtet und regelmäßige Sicherheitsupdates für die Server-Software durchführt.
• Konfiguriere die Serverumgebung sicher, indem du unnötige Dienste deaktivierst und sichere Dateiberechtigungen setzt.

4. Rechteverwaltung und Verzeichnisstruktur

• Setze sichere Dateiberechtigungen für Joomla-Verzeichnisse und -Dateien. Empfohlene Einstellungen sind 755 für Verzeichnisse und 644 für Dateien.
• Halte deine Joomla-Installation sauber und entferne ungenutzte Erweiterungen und Dateien.

Sicherheits-Erweiterungen von Drittanbietern

Admin Tools

Diese Erweiterung bietet eine Vielzahl von Sicherheitsfunktionen, darunter die Änderung des Administrator-Logins, die Wiederherstellung von Dateiberechtigungen und die Überprüfung der Joomla-Installation auf bekannte Sicherheitslücken.

RSFirewall!

RSFirewall! ist eine umfassende Sicherheitslösung für Joomla, die Echtzeit-Schutz, Malware-Scans und eine Vielzahl von Konfigurationsoptionen bietet, um deine Website vor Angriffen zu schützen.

jSecure

jSecure schützt den Joomla-Administrator-Bereich, indem es den Zugriff auf das Backend durch das Hinzufügen einer zusätzlichen URL-Parameter-Schicht einschränkt.

Securitycheck

Diese Erweiterung bietet verschiedene Sicherheitsfunktionen, einschließlich einer System-Überprüfung, eines Dateimanagers zur Überprüfung verdächtiger Dateien und einer Brute-Force-Schutzfunktion.

Sicherheit ist wichtig!

Durch die Kombination aus präventiven Maßnahmen, regelmäßigen Updates und der Nutzung von Security-Erweiterungen kannst du deine Joomla-Website absichern und das Risiko von Sicherheitsvorfällen erheblich reduzieren. Das schützt deine Website ebenso wie deine Besucher.

7. Praxisbeispiele und Best Practices

Als spezialisierte Joomla-Agentur erstellen wir regelmäßig Digitalprojekte unterschiedlicher Größe mit dem Joomla-CMS.

Beispielhaft stellen wir dir nun einige wenige davon kurz vor. Wenn du für dein Unternehmen ähnliche Projekte umsetzen möchtest und dabei Unterstützung benötigst, sprich uns gerne an!

europakraft GmbH

Online-Portal für Recruiting und Personalverwaltung auf Basis von Joomla

https://europakraft.de/

Für den internationalen Personaldienstleister europkraft GmbH entwickeln wir eine umfangreiche Plattform für die Rekrutierung, Vermittlung und Verwaltung von Fachkräften.

Die europakraft GmbH vermittelt und verleiht hoch spezialisierte Fachkräfte für den Apparate-, Behälter-, Anlagen-, Rohrnetz-, Turbinen-, Maschinen- und Stahlbau sowie für blechbearbeitende Betriebe. Sie ist darauf ausgerichtet, den Fachkräftebedarf von Industrie- und Handwerksunternehmen zu decken.

Die neue Website und das dahinterliegende Online-Portal wurden 2023 gelauncht. Im Folgenden entwickeln wir weitere Funktionen für das Portal, z. B. ein digitales Angebotsmanagement mit App-Anbindung sowie Mobile-Apps für iOS und Android mit Anbindung an die Datenbanken für Fachkräfte und Auftraggeber.

Am Anfang dieses Digitalprojektes standen die Konzeption, das UX- und Webdesign sowie die Programmierung einer mehrsprachigen Website mit Registrierungsfunktion auf Basis von Joomla.

Anschließend erstellten unsere Webentwickler eine individuelle, umfangreiche Joomla-Komponente für die Verwaltung und Vermittlung von Fachkräften an Auftraggeber in der Industrie. Diese bildet den Bedarf von europakraft passgenau ab und umfasst unter anderem die Personalverwaltung, eine Verwaltung von Bildern und Dokumenten sowie die Verwaltung von Personal- und Auftragsabrechnungen.

Den registrierten Fachkräften und Auftraggebern von europakraft steht ein eigener persönlicher Bereich auf der Online-Plattform zur Verfügung.

Zudem entwickelten wir einen Fachkräftemarkt mit anonymer Präsentation von verfügbaren Fachkräften.

Joomla stellt uns für dieses komplexe Digitalisierungsprojekt gute Voraussetzungen zur Verfügung. Die offene Software-Architektur ermöglicht eine flexible Erweiterung um die benötigten Funktionen etwa mittels PHP- und Datenbank-Programmierung sowie der Entwicklung eigener Joomla-Komponenten.

Unter anderem galt es, umfangreiche und komplexe Suchfunktionen, z. B. für die Fachkräfte-Filterung, digitale Fragenkataloge für Profileingaben und Matching auf Projektanfragen der Auftraggeber sowie eine Importschnittstelle für die Personalabrechnung umzusetzen.

Für die bei diesem Projekt erforderliche Mehrsprachigkeit brachte Joomla bereits von Hause das notwendige Rüstzeug mit.

SchlafHarmonie, Orthos Fachlabor

Präsentationswebsite mit vielen interaktiven Angeboten und Marketingfunktionen

https://www.schlafharmonie.de/

Seit vielen Jahren unterstützen wir die Internetaktivitäten des kieferorthopädischen Fachlabors Orthos mit seinen innovativen Medizinprodukten. Für die Antischnarch-Schienen der Orthos-Marke „SchlafHarmonie“ galt es, eine eigenständige Produktseite zu gestalten, mit der die Mitarbeitenden von Orthos das Angebot flexibel im Internet präsentieren können.

Mit der Website spricht Orthos zwei unterschiedliche Zielgruppen an: Zahnarztpraxen und Patienten. Entsprechend wurde die Website in zwei eigenständige Bereiche aufgeteilt, um sie bedarfsgerecht über die angebotenen Leistungen zu informieren.

Im ersten Schritt entwickelten wir ein Responsive Webdesign und setzten dieses in eine Joomla-Website um. Es folgte eine Schulung der Mitarbeitenden im Marketing, die nun die Inhalte weitgehend selbst pflegen und erweitern können.

Neben Joomla als Basis-CMS nutzen wir bei dieser Internetseite den Page Builder YOOtheme Pro. Das Marketingteam bei Orthos kann so Aktionsseiten, Landingpages, Veranstaltungsseiten und Kampagnen wie ein Online-Quiz und Losaktionen weitgehend selbstständig aufsetzen.

Hierfür haben wir die Möglichkeiten von YOOtheme mit seinen vielfältigen Content-Elementen umfangreich ausgeschöpft und um eigene Widgets erweitert.

Mittels YOOtheme Pro ließ sich auch der umfangreiche Blog-Bereich direkt in Joomla gestalten. Ein Feld, das traditionell ja stärker dem WordPress-CMS vorbehalten ist.

Orthos nutzt die Website mit vielfältigen Online-Aktionen aktiv als Marketinginstrument. Hierbei werden häufig recht komplexe, umfangreiche und teilweise dynamische Onlineformulare eingesetzt. Um diese flexibel umsetzen zu können, integrierten wir den Joomla Form Builder and Manager RSForm!PRO. Damit lassen sich die Formulare nicht nur im Backend verwalten. Sie können auch selbstständig von den Mitarbeitenden unseres Kunden angepasst und erweitert werden.

Die von Orthos entwickelte Antischnarch-Schiene „LunaSol“ von der Produktlinie „SchlafHarmonie“ wird nach individuell beim Zahnarzt erstellten Abdrücken oder Scan von Orthos gefertigt und schließlich vom Zahnarzt angepasst. Da Orthos seine Medizinprodukte nur über Zahnarztpraxen anbietet, gibt es im Patienten-Bereich der Website eine Arztsuche. Hierfür erstellten wir eine eigene Joomla-Komponente. Neben der Suchfunktion mit Umkreissuche und detaillierten Darstellungen der Ergebnisse ermöglicht diese die Verwaltung der Arztpraxen im Backend. Der notwendige Datenabgleich mit der unternehmensinternen Arztdatenbank erfolgt über eine REST-API.

Für die geforderte Anbindung eines Newsletter-Tools und die Erstellung von Seiten zur Lead-Generierung bietet Joomla ebenfalls gute Voraussetzungen.

Für die datenschutzkonforme Integration verschiedener Analyse- und Multimedia-Tools implementierten wir ein entsprechendes CMP mit Conversion-Tracking, zudem einen externen Chatbot.

gewobau Gesellschaft für Wohnen und Bauen Rüsselsheim mbH

Umfangreiche Website mit verschiedenen Online-Tools und Stellenportal für kommunales Wohnungsunternehmen gewobau Rüsselsheim

https://www.gewobau-online.de/

Für das kommunale Wohnungsunternehmen gewobau Rüsselsheim erstellten wir mit Joomla in Kombination mit dem Page Builder YOOtheme Pro einen umfangreichen Internetauftritt. Dieser informiert über das Wohnungsangebot, stellt verschiedene Services für die Mieter zur Verfügung und präsentiert weitere Aktivitäten der Gesellschaft.

Hierfür haben wir den in die Jahre gekommenen und recht fragmentierten vorherigen Internetauftritt zuerst analysiert. In Workshops wurde gemeinsam mit der zuständigen Leitung und den Mitarbeiterinnen der Stabsstellen Unternehmenskommunikation sowie Personal & Recht der gewobau dann ein Konzept für die neue Website erstellt.

In Form eines One-Pager-Layouts erfolgte anschließend die Umsetzung der neuen Website mit Joomla und YOOtheme Pro. Auch bei diesem Projekt schöpfen wir die Möglichkeiten von YOOtheme umfangreich aus. Dadurch können die vielfältigen Inhalte gut auf der Website dargestellt sowie weitgehend selbstständig im Marketing der gewobau gepflegt werden.

Unter anderem galt es, die Joomla-Kategorie-Blogs geschickt zu konfigurieren und so eine kontextbasierte Darstellung verschiedener Inhalte zu realisieren, etwa Aktuelles und Veranstaltungen.

Ebenfalls mit Joomla-Bordmittel erstellten wir ein umfangreiches Downloads-Center mit einer flexiblen Verwaltung für wiederkehrende Inhalte.

Ergänzend zu den Joomla-Beiträgen werden auf der neuen Website auch Inhalte aus externen Quellen sowie Stellenangebote aus einem externen Stellenportal angezeigt.

Bei diesem Projekt war eine zielgenaue Website-weite Suche inklusive Auto-Suggest-Funktion wichtig. Hierfür nutzen wir die Joomla-interne Suchfunktion (Suchindex, Finder), die mit einer entsprechenden Konfiguration sehr leistungsfähig ist.

Die Integration von Service- und Rückrufformularen sowie Ansprechpartnern für unterschiedliche Bereiche realisierten wir mittels RSForm!Pro inklusive eines DSGVO-konformen Bot-Schutzes.

Ferner programmierten wir für die neue Website der gewobau verschiedene kleinere Online-Tools als Joomla-Module (z. B. einen interaktiven Kostenrechner).

ACANTIS GmbH

Firmenhomepage für inhabergeführte Management- und IT-Beratung

https://acantis.de/

Mit Joomla lassen sich nicht nur aufwendige Portale und große Internetauftritte erstellen. Auch für die Umsetzung einer ansprechenden Firmenhomepage ist Joomla hervorragend geeignet.

Für die Beratungsgesellschaft Acantis programmierten wir eine moderne, mehrsprachige Firmenwebsite mit einem individuellen Responsive Webdesign auf Basis von Joomla und YOOtheme Pro.

Acantis ist eine inhabergeführte Management- und IT-Beratung für die Bereiche IT-Projektmanagement, Informationstechnologie sowie Beschaffung & Logistik. Das von uns entworfene Webdesign spiegelt mit seiner klaren, reduzierten Gestaltung und der Farbauswahl die sachlich technische Branchenorientierung des Unternehmens wider.

Aufgelockert wird das Design durch gezielt eingesetzte Details wie Hintergrundgrafiken, Farbverläufe und Micro Animations.

Als sogenannter „Hero“ auf der Startseite begrüßt ein großflächiges Hintergrundvideo den Besucher. Eine durchsichtig gehaltene Menüleiste mit transparentem Logo und lediglich zwei farbig hinterlegten CTA-Buttons verhilft dem Video zu voller Geltung.

Beim Scrollen auf der Startseite und auf den Unterseiten wechselt das Menü dann in ein klassisches Header-Menü mit weißem Hintergrund, welches immer sichtbar bleibt (Sticky Menu).

8. Zusammenfassung und Ausblick

Joomla hat sich als eines der führenden Content-Management-Systeme (CMS) etabliert. Es bietet dir eine flexible, erweiterbare und benutzerfreundliche Plattform zur Erstellung und Verwaltung von Websites. Dank seiner anpassungsfähigen Struktur eignet es sich zudem hervorragend für individuelle Webentwicklungsprojekte und wird in Digitalprojekten unterschiedlicher Größe erfolgreich eingesetzt.

In diesem Fachbeitrag haben wir wesentliche Aspekte der Webentwicklung und des Webdesigns mit Joomla behandelt:

Einleitung: Wir haben Joomla vorgestellt und seine Relevanz für die moderne Webentwicklung gezeigt.

Grundlagen von Joomla: Du hast mehr über die Struktur und die Vorteile von Joomla erfahren.

Installation und Konfiguration: Eine kleine Anleitung zeigte die wesentlichen Schritte zur Installation und optimalen Konfiguration von Joomla.

Templates und Design: Du hast erfahren, wie Templates in Joomla funktionieren und wie sie angepasst werden können.

Erweiterungen und Funktionalität: Hier gab es einen Überblick über die Funktionsweise von Erweiterungen und deren Installation.

SEO mit Joomla: Wesentliche Tipps und Techniken zur Suchmaschinenoptimierung in Joomla wurden kurz vorgestellt.

Sicherheit: Aufgrund steigender Internetkriminalität ist dies ein Thema von besonderer Bedeutung. Daher haben wir wichtige Maßnahmen zur Sicherung von Joomla-Websites beschrieben.

Praxisbeispiele und Best Practices: formativ.net ist eine spezialisierte Joomla-Agentur. Wir setzen regelmäßig Digitalprojekte unterschiedlicher Größe mit diesem CMS um. Als Anregung für die Webentwicklung mit Joomla haben wir ein paar wenige davon kurz vorgestellt.

Durch die Anwendung der beschriebenen Techniken und Best Practices erstellen Webentwickler und Designer leistungsstarke, sichere und benutzerfreundliche Websites.

Joomla ist hierfür eine dynamische und innovative Plattform, die sich ständig weiterentwickelt. Eine engagierte Community und regelmäßige Updates sorgen dafür, dass dieses CMS auch in Zukunft eine erstklassige Wahl für die Webentwicklung bleibt.