Umstellung des Themes – Neues Look and Feel der Website
Lesedauer: 8 MinutenEine Website aktuell zu halten ist viel Aufwand. Die Umstellung des Themes gehört zu den größten visuellen Anpassungen einer Website.
Im April 2026 werde ich mein geliebtes Thema Aquene in den Ruhestand schicken. Dieser Schritt ist erforderlich, da der Anbieter Themes Harbor seit drei Jahren keine Updates und Fehlerkorrekturen bereitgestellt hat. Da ich im März 2026 mehrere Darstellungsfehler festgestellt habe, wollte ich den Theme-Autor um Unterstützung bitten und hätte in diesem Falle auch meine Lizenz erneuert. Meine Lizenz ist im Januar 2026 ausgelaufen und meine Versuche mit dem Autor des Themes in Kontakt zu treten waren vergeblich. Ich hoffe es geht ihm gut und er hat sich nur auf andere Projekte gestürzt. Die Umstellung des Themes ist der folgerichtige nächste Schritt, um meine Website auf einem aktuellen Stand zu halten.
Was ist ein Theme?
Ein Theme ist eine Softwarekomponente, die in WordPress benötigt wird und das Look and Feel der Website definiert. Es gibt SEHR unterschiedliche Themes am Markt, die von unterschiedlichen Designern angeboten werden.
Je nach Geschäftszweck der Website gibt es unterschiedliche Anforderungen, die Themes berücksichtigen müssen. Blogs oder sonstige textlastige Websites benötigen viel Weissraum. Magazinartige Themes sind für Anbieter von News hilfreich. Neben vielen Artikelschnipseln kann auch Werbung auf einer solchen Seite platziert werden. Künstler benötigen phantasievolle Themes. Firmen benötigen gut strukturierte Themes, um auf ihre Services aufmerksam machen zu können.
Hier ist eine Auswahl an Themes, die ich vor einigen Jahren mal ausprobiert habe.
Themes legen die Schriften und Schriftgrössen für Überschriften und Textbereiche fest, die Farben für den Hintergrund, für Links und Text. Darüberhinaus kann der Designer zusätzliche Features implementieren, die sein Theme einzigartig machen.
Und Aquene von Themes Harbor war einzigartig für mich. Kadence ist nur ein schwacher Ersatz. Aber ich habe verstanden, dass viel Potential in Kadence verborgen ist, was ich heben möchte. Alleine die vielseitige Konfiguration über die Oberfläche macht dieses Theme besonders.
Darstellungsfehler im Aquene-Theme
Ich setze jetzt seit mehreren Jahren das von Themes Harbor sogenannte Aquene Hybrid Theme. Zum zehnjährigen Jubiläum meiner Website habe ich Aquene ausgewählt und war immer sehr zufrieden mit dem Look and Feel dieses eleganten Themes. Ich liebe das Hero Image über Sidebar und Textbereich sowohl auf Seiten, Beiträgen und Archive-Seiten.
Ich schätze den Verlaufsbalken, der aufzeigt, wie weit man bereits innerhalb einer Seite oder eines Beitrags gelesen hat.
Und die Typographie ist so elegant gemacht, war für einen Blog extrem wichtig ist. Das merkt man erst, wenn man andere Themes ausprobiert. Außerdem werden bis zu sechs featured Beiträge auf der Blog-Seite sehr elegant angezeigt. Was kann man sich mehr wünschen?
Na ja, natürlich kann man sich wünschen, dass ein solches Theme auch weiterhin unterstützt wird. Ich habe in den letzten Jahren regelmäßig 85$ für die Jahreslizenz bezahlt und hatte auch immer Rückmeldung vom Autor des Themes erhalten. Aber dieses Jahr sieht es anders aus. Trotz zweier Tickets, die ich wegen Darstellungsfehlern eröffnet habe, hat sich der Support nicht gemeldet. Das ist mittlerweile zwei Wochen her.
Folgende Darstellungsfehler sind mir aufgefallen:
HTML-Code wird vom Browser anstelle von einem Button angezeigt.
Was ist hier passiert? Warum wird das Icon nicht angezeigt? Das ist der erste Fehler, der mir auf der Archive-Seite aufgefallen ist. Auf Grund dieser Darstellung habe ich das erste Ticket an Themes Harbor erstellt. Wer kann sich vorstellen, warum dieser Fehler auftritt?
Zu grosse Social-Icons im Footer Bereich
Social Icons auf einmal groß? Warum? Die obige kleine Darstellung ist normal. Die untere Darstellung der Social Icons an derselben Stelle ist ungewohnt. Auch dafür habe ich keine Begründung
Zu grosse Icons im Header Bereich
Ups? Back to top so groß? Warum? Und wenn etwas mal schief läuft, dann kommen noch weitere Fehler, die man nicht erwartet. Die normale Darstellung des Back to Top Buttons ist die linke. Die übergroße rechte Darstellung ist neu und kommt auch nur manchmal. Hat einer eine Idee, warum manchmal das große Layout gewählt wird?
Featured Beiträge Darstellung
Die featured Beiträge übereinander anstatt nebeneinander? In der obigen Darstellung wird die komplette Breite genutzt, um drei featured Beiträge nebeneinander darzustellen. Die Darstellung unten ist für ein responsive Design gut, wenn man nur wenig Spaltenbreite hat. Aber es gibt keinen Grund, warum nicht die gesamte Spaltenbreite genutzt wird. Noch eine Merkwürdigkeit mit dem Theme.
Kadence – das neue Theme
Ich muss zugeben, dass ich nicht nach einer langen eigenen Analyse vieler unterschiedlicher Themes auf Kadence gekommen bin. In Wahrheit habe ich Chat GPT gebeten, ein Bild und den Link auf meine Homepage zu untersuchen und mir eine Empfehlung zu geben. Kadence war der Sieger wegen seines großen Weißraums, der für Blogs wie meinen perfekt ist. Weißraum dient dazu, Inhalte aufzulockern, die Lesbarkeit zu verbessern, eine klare Struktur zu schaffen und wichtige Elemente hervorzuheben, ohne zwingend weiß zu sein. Darüberhinaus ist es als kostenlose Version erhältlich und wird seit Jahren zuverlässig fortentwickelt. Auch kostenlos gibt es ein Plugin mit Kadence Blocks, das man runterladen und nutzen kann. Selbstverständlich gibt es kostenpflichtige Tarife mit viel mehr Funktionalitäten.
Einige liebgewonnene Features wie das Hero-Bild über Sidebar und Textbereich, oder der Verlaufsbalken, der anzeigt, wie weit man den Text bereits gelesen hat, gibt es hier nicht out of the box. Aber: fast jeder Aspekt der Website, von Header bis Footer, auf Seiten, Beiträgen oder Archive-Seiten, ist konfigurierbar. Aber nicht alles ist perfekt. Einige Konfigurationen sind nicht auf den Archive-Seiten verfügbar, was merkwürdig erscheint.
Konfiguration des Look and Feel meiner Website mit Kadence
Mittlerweile kann ich auf WordPress.com auch eine Staging-Umgebung erstellen und dort beispielsweise neue Themes oder Plugins ausprobieren. Das habe ich gemacht und auf dieser Umgebung das neue Theme Kadence genutzt, um ein ähnliches Look and Feel wie Aquene zu erreichen.
Die wichtigste Änderung ist es den Google Font Lato auszuwählen. Ich liebe diese Schriftenfamilie. Was für eine wunderschöne Typographie. Wenn man allerdings die vorkonfigurierten Schriftgrößen verwendet, dann ist das Schriftbild ein wenig zu groß. Ich habe hier die Schriftgrößen auf das eingeschränkt, was Aquene vorgibt. Dadurch erreicht man mehr Text auf dem Screen eines Mobilgerätes.
Der Header ist leider nicht so einfach nachzubauen und ich musste andere Designentscheidungen treffen. Aber den Footer konnte ich einfach nachbilden. Die Seitenleiste musste ich überhaupt nicht anpassen. Sehr komfortabel.
Einige von mir verwendete Blocks (z.B. von CoBlocks der Block Blogbeiträge) werden nicht sauber im Kadence Theme verarbeitet. Traurig. Da muss ich wahrscheinlich auf Kadence Blocks umstellen, falls es diese dort gibt.
Fazit
Eine Website aktuell zu halten erfordert manchmal Aufwand. Diesmal ist es ein neues Theme, das ein nicht mehr unterstütztes Theme ersetzt. Viele Kröten musste ich schlucken, da Kadence nicht alle Features von Aquene erlaubt. Aber ein ähnliches Look and Feel ist mit relativ wenig Aufwand möglich.
Was man mit Kadence bekommt ist ein besser konfigurierbares Theme, welches performanter sowohl auf Desktop als auch Mobilgeräten geladen und angezeigt wird. Außerdem wird es von seinem Anbieter weiterhin zuverlässig unterstützt und ist in seiner einfachen Form auch kostenlos. Also fast ein Nobrainer 😉
Nachtrag 30.4.2026 – Umstellung auf Kadence Theme erfolgt
Am 30.4.2026 war es so weit. Knapp ein Monat Vorbereitung mit der Staging-Umgebung und dem Test des Kadence-Themes hat gereicht, damit ich an diesem Tag die Umstellung des Look-and-Feels meiner Website erfolgreich abschließen konnte.
Das wichtigste war eine Meldung im Header, der auf die Umstellung aufmerksam machte und auf diesen Beitrag führte, wenn man auf die Fläche drückte.
Der Footer mit den rechtlichen Anforderungen (Impressum, Datenschutzerklärung, Cookie-Einstellungen) war auch schnell gebaut.
Weitere wichtige Änderungen waren die Einstellung der Standardschrift auf Lato und Kontrastfarbe für die Buttons und die Links auf Magenta, was ich schon bei meinem alten Theme eingestellt hatte. Das macht den speziellen Look aus, den meine Website auszeichnet.
Bei den Archivseiten habe ich jetzt auf eine Seitenleiste verzichtet. Diese verwende ich nur noch auf Seiten und Beiträgen.
Die beschriebene fehlerhafte Darstellung im CoBlock Blogbeiträge konnte ich mit einer einfachen Neukonfiguration in den Block-Settings beheben. Damit sehen die Seiten auch wieder sauber aus.
Damit sehe ich die Umstellung als abgeschlossen und erfolgreich an. Ich habe zwar einige Funktionalitäten verloren, die ich sehr geschätzt habe. Aber es ergeben sich mit diesem neuen Theme viele neue Möglichkeiten und Impulse, die ich bald ausnutzen möchte.
Nächste Schritte
Ich plane für bessere Leserbindung einen Call to Action Button „Folge meinem Blog“ einzuführen. Wenn mein Leser auf diesen Blog klickt leite ich ihn auf eine neue Seite, auf der er seine Email-Adresse hinterlegen kann, um über neue Beiträge informiert zu werden.
Auf dieser Seite werde ich einige Kennzahlen zu meiner Website darstellen (Anzahl Blogbeiträge, Anzahl Klicks, Anzahl Sammlungsstücke meines Computermuseums), sowie die neuesten und die meist gelesenen Beiträge auflisten. Ich werde dort auf meine speziell kuratierten Seiten und auf meine Computermuseum-Seite hinweisen. Ich bin gespannt, wie erfolgreich diese Maßnahme ist.
