Die berendesbande.de ist über viele Jahre gewachsen. Sie ist mit dem Content Management System Joomla realisiert. Über die Jahre ist da Einiges zusammen gekommen. Das Erscheinen von Joomla 6 im Herbst 25 habe ich nun zum Anlass genommen, um zu beschreiben, wie diese Seite aufgebaut wurde. Es wurde also ein Frühjahrsputz auf der Seite vorgenommen.
Ich benutze ausschließlich kostenfrei Erweiterungen und Templates für diese Seite. Bei den Templates möchte ich keine aufwendige Framework-Lösungen. Ausprobiert werden Neuerungen immer in meiner lokalen Entwicklungsumgebung, die in einer virtuellen Maschine einen auf Ubuntu Linux basierten Apache Webserver mit Mariadb Datenbank bereitstellt. Auch diese Entwicklungsumgebung ist kostenfrei und läuft, meiner Meinung nach, deutlich stabiler als XAMPP. Wie diese VM eingerichtet wird, findet ihr ebenfalls in der Technikecke. Ich hoste diese Webseite bei Alfahosting und eine Kopie dieser Seite unter der Domäne berendes-bande.de auf einem eigenen Webserver, der in meine Keller steht. Der Server im Keller läuft in identische Umgebung, so dass es für mich einfach ist, eine neu Version der Webseite lokal auf meinem PC zu entwickeln. Nach Fertigstellung teste ich sie online auf meinem eigenen Webserver und erst wenn es hier keine Probleme gibt, lade ich sie auf den Server bei Alfahosting. Die Umgebung bei Alfahosting ist nicht identisch zu meiner Umgebung. Die Einstellmöglichkeiten sind begrenzt und man benutzt die MySQL Datenbank statt Mariadb. Warum beschreibe ich das alles? Ich werde später im Bericht auf Details eingehen, aber ein Problem beim Restore der neuen Webseite bei Alfahosting, machte eine tiefere Überholung der Webseite nötig.
In der Winterpause 2024/25 habe ich für unsere Webpräsenz auf das Phoca Horizon Template umgestellt. Das Prinzip des Templates unterscheidet zwischen dem Layout der Webseite und dem Layout des Inhalts. Beim Layout der Webseite beschreibt man die Größe und die Lage der Container und deren Position. Das Layout des Inhalts befasst sich mit der Darstellung des Inhalts, also der Darstellung des Beiträge. So lässt sich die Darstellung des Inhalts durch bestimmte (CSS)-Klassen einstellen. Das Ganze ist super flexibel und kommt ohne ein Framework aus. Dadurch wird die Webpräsenz sehr performant. Leider ist die Dokumentation nicht sehr umfangreich. Dadurch verbringt man viel Zeit mit ausprobieren. Es hilft, sich die Demodaten herunterzuladen. So lernt man schnell, wie man seiner Webseite ein modernes Aussehen verleiht.
Phoca stellt zur Gestaltung Particles zur Verfügung. Diese muss man wie einen Baukasten verstehen, mit dem man Teile seiner Webpräsenz gestaltet. So gibt es ein Particle für das Banner, Kombinationen von Bildern und Text und so weiter und so weiter. Während ich die neue Version meiner Webseite entwickelte, testete ich auch das Phoca Spectrum Template. Als ich kurz vor der Veröffentlichung meiner Webpräsenz stand, gab es ein Update auf die Particles. In Kombination mit dem Spectrum Template und der neuen Version der Particles gab es leider mehr Probleme aus Lösungen. So entschied ich mich, zunächst das Horizon Template zu behalten.
Welche zusätzlichen Erweiterungen habe ich im Einsatz? Eine der wichtigsten Erweiterungen ist der Smart Slider 3. Damit sind in der aktuellen Version der Webseite alle Slideshows realisiert. In der vorigen Version hatte ich auch SigPlus als Bildergalerie im Einsatz. Beim Einspielen des Restores bei Alfahosting gab es Probleme mit der Datenbankstruktur bei Sigplus. Nach Rückfragen bei Grok war klar, dass man das Problem nur lösen kann, wenn man auf SigPlus verzichtet. Das Projekt wird nicht mehr weitergeführt. Das bedeutete für mich einen extra Aufwand. 46 Slider waren mit SigPlus realisiert. Das Bildformat war deutlich kleiner, als bei den Slidern im Header. Die erste Idee war, die Fotos beizubehalten und an gleicher Stelle, meist oberhalb des Footer, anzuzeigen. Das Ergebnis gefiel mir nicht und wurde auf wenige alte Artikel begrenzt. Stattdessen wurden die alten Originalfotos gesucht, neu zugeschnitten und ins Smart Slider-Format gebracht. Zum Glück habe ich meine gesamten Digitalfotos in Digikam nach Jahr und Monat katalogisiert. Digikam ist übrigens ebenfalls ein kostenloses Tool.
Für die Rezepte habe ich einen neuen Slider, mit den alten Sigplus Fotos, in der Sidebar links eingebaut. Die meisten alten Berichte von Snickers haben wurden mit neuen Fotos im Header versorgt. Die Detailfotos von den älteren Reiserouten habe ich in ein PDF-Dokument geladen. Dies PDFs können am Ende des Betrags heruntergeladen werden. Dann wurden die SigPlus Komponenten im Joomla Backend deinstalliert. Es war allerdings anschließend noch notwendig mit PHPMyAdmin die SigPlus Tabellen aus der Datenbank zu entfernen.
Die nächste unverzichtbare Komponente ist Akeeba Backup. Dies erzeugt ein Backup der gesamten Seite inklusive des Datenbank Dumps. Mit dem Kickstart PHP-Skript kann dieses Backup dann an anderer Stelle installiert werden. Das ist sehr benutzerfreundlich.
Zur Absicherung der Kontaktfunktion habe ich Aimy Captcha-Less Form Guard installiert. Mit Joomla 5 hatte man die Joomla Captcha Komponente aus dem Joomla Core entfernt.
Ein sehr brauchbares Hilfsmittel ist das Phoca Collapse System Plugin. Es hilft dabei, Systemkomponenten in eine beliebige Reihenfolge zu bringen.
Wer mehr Informationen zur Gestaltung oder zu einzelnen Komponenten benötigt, kann mich gern über die Kontaktfunktion anschreiben. Ich werde mein Erfahrungen gern teilen.
