Es ist mal wieder soweit, Aufräumen und ein neues Design bei der Berendesbande.de. Die Webseite wurde neu gestaltet, obwohl vieles gleich bleibt. Aber immer der Reihe nach.
Wenn die Tage kürzer und die Abende länger werden, verbringe ich mehr Zeit am PC und suche Features oder ein schönen Design für unserer Webseiten. Diese Seite ist mit Joomla realisiert, mittlerweile ist die Version 5 im Einsatz. Ich bin immer auf der Suche nach neuen Werkzeugen und dabei fand ich bei Phoca.cz zwei neue, kostenlose J5 Templates. Also ging es mit großem Eifer in die lokale XAMPP Testumgebung. Ich installierte ein Backup der Bommelreisen.de, eine auf die Reiseberichte reduzierte Version dieser Webseite, in die Testumgebung und spielte dann das Horizen Template auf. Die Demo Seite gefällt mir gut, einfach, aber sehr flexibel. Nach der Installation kam der Frust, weil die Dokumentation sehr löchrig ist. Es war also wieder Zeit zum Selbststudium. Es gibt Demodaten für das Template, die ich dann installiert habe. Nun wurde Einiges klarer, da durch die Beispieldaten auch entsprechende Site Module, die Phoca Particles, installiert wurden. Es gelang mir nach einigem Rumprobieren dieser Seite ein neues Aussehen zu geben.
Dann gab es die ersten Probleme und ich musste im User Forum von Phoca um Hilfe bitten. Der Support ist prima, auf meine Fragen bekam ich immer eine brauchbare Antwort. Hierfür gibt es 5 Sterne. Zuerst habe ich versucht, die bisherige Seite 1:1 abzubilden. Das gelang nach einigen Fehlversuchen. Es sind viele Komponenten geblieben, z.B. der Smart Slider3 und die SigPlus Galerie. Ich hatte auch mit der Phoca Galerie experimentiert, diese jedoch wieder verworfen. Durch die Beibehaltung der Komponenten konnte ich die Bilder ohne Änderung übernehmen, natürlich auch die Beiträge.
Die Flexibilität des Horizon Templates hat mich überzeugt und ich habe das bisherige Nature Template deinstalliert. Das gesamte Layout ist variable, alles kann im Backend gesteuert werden - Layout und Content. Allein auf der Startseite habe ich mehrere Particle verwendet. Oben das Banner mit der Begrüßung, ist ein Image & Content Particle. Die Bildleiste, hinter der sich die Reiseberichte für das Jahr 2024 verbergen, ist eine Image Row Patricle. Das gleiche Particle habe ich für die Rezeptvorschläge verwendet. Darunter die Leiste mit Kategorien und Kontaktformular ist ein Feature Box Particle und den Schluss bildet der Footer, ein Image & Content Particle. Diese Elemente können beliebig viele Items haben, das Aussehen kann mit CSS Klassen beeinflusst werden. Das letzte Particle welches auf der Webseite zum Einsatz kommt ist das Image & Featurebox Particle. Dieses findet ihr z.B. unter den Menüpunkten Technik, Urlaub oder Hunde. Das Particle stellt Items untereinander neben einem Bild dar. Das Verhältnis Itembereich - Bildbereich kann in verschiedenen Größenverhältnissen dargestellt werden, z.B. 60:40 oder 50:50, das Bild kann rechts oder links der Items angezeigt werden.
Das Horizon Template unterstützt auch Child Templates. Diese benutze ich, um die verschiedenen Hintergrundbilder bei verschiedenen Artikeln zu steuern. So haben die Berichte von Snickers ein Hintergrundbild von Snickers, die Berichte von Devil jedoch ein Bild von Devil.
Die Umstellung ist nun soweit abgeschlossen. Ich werde diesen Artikel weiter ergänzen, sobald ich neue interessante Funktionen gefunden habe.
