Maximilian Krieg
Wissen, Technik & Erfahrungen
Ich habe heute damit begonnen die Website nach langer Zeit wieder zu reaktivieren. Hierzu ist auch die Umstellung von Joomla auf WordPress ein wesentlicher Schritt. Während Joomla wegen seiner umfangreicheren Kategorisierung und Strukturierung besser geeignet war die Semester und Fächer im Studium abzubilden, möchte ich künftig eher Anlassbezogen Inhalte bereitstellen und das Gesamtsystem schlanker halten, weshalb ich mich nun für WordPress als neues CMS entschieden habe. Eine Migration der Daten nehme ich nicht mehr vor.
Neben der Installation von WordPress, den Plugins und dem Theme als solches, nehme ich mehrere Änderungen am Theme vor. Zum Einsatz kommt das Theme Customify von PressMaximum. Es handelt sich somit um Version 7 meines Blog.
Neues Theme
Das folgende Bild zeigt das aktuelle Blog, das mit WordPress und dem Customify-Theme umgesetzt wurde (der Screenshot wurde 2024 rückwirkend erstellt). Im Artikel Umstieg auf ein neues Theme aus dem Jahr 2014 habe ich die vorherige Iteration des Blogs beschrieben.
Der Wechsel von Joomla mit dem Magazine-Theme von GavickPro zu WordPress mit Customify bedeutete vor allem eine Veränderung der gestalterischen Ausrichtung: weg vom klassischen Magazinlayout, hin zu einem reduzierten, übersichtlicheren Blogdesign.
| Gestaltung | Joomla + Magazine-Theme | WordPress + Customify-Theme |
|---|---|---|
| Gesamtoptik | Klassisches Online-Magazin | Modernes, reduziertes Blogdesign |
| Startseite | Nachrichtenähnliche Darstellung mit mehreren Inhaltsbereichen | Klarere Struktur mit stärkerem Fokus auf einzelne Beiträge |
| Beitragsübersicht | Kompakte, teils mehrspaltige Darstellung | Großzügigere Beitragsvorschauen |
| Typografie | Dichte, magazinartige Gestaltung | Mehr Weißraum und klarere Texthierarchie |
| Navigation | Umfangreiche Magazin-Navigation | Schlichtere Menüstruktur |
| Bilder | Stärker in Magazinraster eingebunden | Größere, eigenständigere Beitragsbilder |
| Mobile Darstellung | Magazinlayout muss auf kleinere Bildschirme umgestellt werden | Stärker auf ein responsives Bloglayout ausgerichtet |
Abweichungen vom Standard-Design
Zur besseren Nachvollziehbarkeit möchte ich ebenfalls einige Anpassungen in diesem Beitrag festhalten.
Für ein einheitliches Design wird dem Button im Header noch ein Font Awesome (FA)-Icon hinzugefügt. Da der Button auf das Kontaktformular verweist, habe ich mich für das Message-Icon entschieden.
Viele der sozialen Netzwerke im Standard werden von mir nicht verwendet. Diese werden ausgeblendet statt sie zu löschen. Dafür werden andere Plattformen ergänzt und in allen Profilen die korrekten URLs hinterlegt.
Schlussendlich ersetze ich die Standardfarben durch den gleichen Farbton, der auch in der Leiste verwendet wird. Mit den Standardfarben der Social Network Icons sah es vorher eher wie Farbfehler aus. Damit die Icons sich korrekt abheben, wird die Icon Color auf weiß gesetzt. Das gleiche wird für den Hover-Style vorgenommen.
Zuletzt wird das Layout für Blog Posts umgestellt, dass das Thumbnail respektive Beitragsbild nicht über sondern links neben dem Text erscheint.
