Schon seit einigen Wochen zeigt sich die Variationsphase in leicht angepasstem Design. Ich hatte Anfang September berichtet, dass mir aufgefallen war, dass da im Hintergrund einiges kaputt gegangen war. Es dauerte nur eine Woche, bis ich in abendlichen Runden alles auf ein neues Theme umgestellt hatte. Für Custom-Elemente entdeckte ich nun endgültig das Vibe Coding mit KI für mich. Mit Chat GPT Work konnte ich also ein paar Ideen hier umsetzen und so neue Elemente entwerfen.
Neue Custom Elemente
Themenkarten
Neben den üblichen Kacheln, wollte ich gern gesonderte Elemente, über die ich einzelne Beiträge kuratieren kann, um sie anders darzustellen. Ihr findet sie auf der Startseite und auch die Themeneinstiegsseiten für „Zeichnen lernen“ und „Geschichten Entwerfen“ bekamen endlich eine ordentliche Struktur statt dieser kaputten Listen. Das Bild der Kachel kann ich dabei ganz beliebig setzen und die Karte gibt es in 3 Farbvarianten.
Selbst das Ausgleichen der Höhe und unterschiedliche Darstellungen für Mobil und Desktop ließen sich gut abbilden.
Beitragsmosaik
Auch das neue Mosaik-Element, dass ihr auf der Startseite und auf der Projektseite zu „Das verborgene Gleichgewicht“ sehen könnt, finde ich total toll. Es ermöglicht mir, euch auf eine visuell ansprechende Art und Weise Beiträge zu präsentieren, die vor allem durch ihren Bildinhalt leben.
Absatzformate und Styles
Man kann in WordPress nicht nur eigene Gutenberg-Blöcke installieren, man kann auch Stile hinzufügen. Auf diese Weise ist beispielsweise die Dachzeile als Stil des Standardblocks „Absatz“ entstanden.
Auch dem Standard „Zitat“ Block habe ich ein eigenes Styling verpasst, sodass ich meine kleinen Storybits nun mit einem etwas „lyrischer“ anmutenden Styling ausstatten kann.
Darkmode für die Variationsphase
Ganz neu seit heute ist ein Dark Mode der Seite. Das hatte ich mit dem alten Layout selbst mit KI nicht hinbekommen. Doch da ich nun bereits ein eigenes Farbschema definiert hatte, war der Darkmode nur ein kleiner nächster Schritt.
Den Schalter findet ihr auch am Ende der Seite. Im Default wird das genutzt, was eure Browser-Einstellungen verwenden.
Arbeit mit Blöcken
Ganz allgemein habe ich die Arbeit mit Blöcken nun stärker ausprobiert. Auch mit Bord-Mitteln kann man so wiederverwendbare Blöcke bauen, die man dann mehrfach ausgeben kann. So kann ich etwa meinen thematischen Trenner zum verborgenen Gleichgewicht nun zentral bearbeiten und austauschen, statt dann durch alle Beiträge zu klicken und das Bild zu wechseln.
Auch Produktempfehlungen kann ich nun als Block flexibel setzen, statt dafür ein gesondertes Custom Sidebar Widget zu brauchen. Wie hier als Beispiel:
Bei den nachfolgenden Produktempfehlungen handelt es sich um Amazon Affiliate Links. Ihr könnt diesen Blog und mich durch eine Amazon Bestellung über einen solchen Link unterstützen.
Bei den Blöcken gibt es zusätzlich die Möglichkeit, einzelne Bestandteile bearbeitbar zu machen. So konnte ich einen Überschriften-Trenner bauen, den ich bei Bedarf und zu besonderen Anlässen einsetzen kann. Hier seht ihr auch die Dachzeile im Einsatz.
Demo-Dachzeile
Beispiel Headline
Hier kann ich noch ergänzende Informationen eintragen, wenn ich das will.
Fazit
Das aktuelle Setup gibt mir nun neue Möglichkeiten an die Hand und es wird in nächster Zeit sicherlich noch das ein oder andere Experiment hier geben.
