{"id":4194,"date":"2026-10-24T14:26:01","date_gmt":"2026-10-24T13:26:01","guid":{"rendered":"https:\/\/www.variationsphase.de\/vp\/?p=4194"},"modified":"2026-10-24T14:50:33","modified_gmt":"2026-10-24T13:50:33","slug":"soft-relaunch-mit-ki","status":"publish","type":"post","link":"https:\/\/www.variationsphase.de\/vp\/2026\/10\/soft-relaunch-mit-ki\/","title":{"rendered":"Soft Relaunch mit KI"},"content":{"rendered":"\n

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\u00fcr Custom-Elemente entdeckte ich nun endg\u00fcltig das Vibe Coding mit KI f\u00fcr mich. Mit Chat GPT Work konnte ich also ein paar Ideen hier umsetzen und so neue Elemente entwerfen. <\/p>\n\n\n\n

Neue Custom Elemente<\/h2>\n\n\n\n

Themenkarten<\/h3>\n\n\n\n

Neben den \u00fcblichen Kacheln, wollte ich gern gesonderte Elemente, \u00fcber die ich einzelne Beitr\u00e4ge kuratieren kann, um sie anders darzustellen. Ihr findet sie auf der Startseite und auch die Themeneinstiegsseiten f\u00fcr „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. <\/p>\n\n\n\n

\n
\"\"<\/figure>
\n\n\n\n\n\n

KI – Zwischen gef\u00fchlter Produktivit\u00e4t und Prokrastination<\/h3>\n\n<\/a>Mehr erfahren<\/span><\/span><\/span><\/div><\/div><\/div>\n\n\n\n
\"\"<\/figure>
\n\n\n\n\n\n

Mit KI zeichnen trainieren<\/h3>\n\n<\/a>Mehr erfahren<\/span><\/span><\/span><\/div><\/div><\/div>\n\n\n\n
\"\"<\/figure>
\n\n\n\n\n\n

Experiment: Kinderbuch illustrieren mit KI?<\/h3>\n\n<\/a>Mehr erfahren<\/span><\/span><\/span><\/div><\/div><\/div>\n<\/div>\n\n\n\n

Selbst das Ausgleichen der H\u00f6he und unterschiedliche Darstellungen f\u00fcr Mobil und Desktop lie\u00dfen sich gut abbilden. <\/p>\n\n\n\n

Beitragsmosaik<\/h3>\n\n\n\n

Auch das neue Mosaik-Element, dass ihr auf der Startseite und auf der Projektseite zu „Das verborgene Gleichgewicht“ sehen k\u00f6nnt, finde ich total toll. Es erm\u00f6glicht mir, euch auf eine visuell ansprechende Art und Weise Beitr\u00e4ge zu pr\u00e4sentieren, die vor allem durch ihren Bildinhalt leben.<\/p>\n\n\n

\"\"<\/span><\/span><\/a>\"\"<\/span><\/span><\/a>\"\"<\/span><\/span><\/a>\"\"<\/span><\/span><\/a>\"\"<\/span><\/span><\/a>\"\"<\/span><\/span><\/a><\/div>\n\n\n

Absatzformate und Styles<\/h2>\n\n\n\n

Man kann in WordPress nicht nur eigene Gutenberg-Bl\u00f6cke installieren, man kann auch Stile hinzuf\u00fcgen. Auf diese Weise ist beispielsweise die Dachzeile als Stil des Standardblocks „Absatz“ entstanden. <\/p>\n\n\n\n

\n

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.<\/p>\n<\/blockquote>\n\n\n\n

Darkmode f\u00fcr die Variationsphase<\/h2>\n\n\n\n

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\u00e4chster Schritt. <\/p>\n\n\n\n

Den Schalter findet ihr auch am Ende der Seite. Im Default wird das genutzt, was eure Browser-Einstellungen verwenden.<\/p>\n\n\n