Bei meiner Blogpostfooter-Anpassung im Juni – inzwischen übrigens mit einem aufklappbaren Bereich zu den Partnerprogrammen* ergänzt – hatte ich schon angekündigt, dass ich noch weitere Stellen von meinem Bloglayout mit KI-Unterstüzung überarbeiten werde. Am 1. Juli 2026 folgten zwei weitere Bereiche: die Verlinkungen auf der Landingspage und der Slider.

Als ich 2022 die themenspezifischen Klickbutton auf der neuen Landingspage mit dazugenommen habe, war die etwas merkwürdige Anordnung eigentlich nur meinen fehlenden hmtl-Kenntnissen geschuldet. Ich habe damals weder die Bilder wirklich exakt gleich groß bekommen, noch die Textbutton direkt auf den Bildern positionieren können. Mit der rein textbasierten Eingabe bei Google-Gemini konnte ich mir nun tatsächlich das Skript für einen HTML-Code mit integriertem CSS ausgeben lassen. Ich habe allerdings einige Anläufe gebraucht, bis ich verstanden habe, dass ich das Ergebnis nur in Divi-Code-Boxen sehen konnte. Ganz ohne HMTL-Kenntnisse geht es aber auch nicht, denn anzupassen hatte ich noch die Bilder, Links und die Farben. Das Ergebnis überzeugt mich sehr und sieht viel aufgeräumter aus. Selbst der Codebereich konnte sich mit dieser Anpassung halbieren, da ich nun keine zwei Bereiche mehr brauche.

Ebenfalls angepasst ist mit KI-Unterstützung nun der Slider. Diese Blogpostwechsler habe ich bereits seit 2016. Selbst mein blogspot-Blog lief mit einem speziellen Template. Damals hatte ich sogar noch vier dieser Slider laufen. In der WordPress habe ich mich schon durch sehr viele Plugin-Varianten durchprobiert und war nie ganz zufrieden. Die reine Prompt-Variante hat dabei tatsächlich zu meinem gewünschten Ergebnis geführt. Mein Ausgangspunkt war “Erstelle einen Code für einen Postslider von https://www.amberlight-label.de mit den letzten 10 Blogbeiträgen mit Postauszügen von 300 und einem Bild, der die Slider als Karussell nebeneinander zeigt“.

Das Ergebnis verstand ich allerdings zunächst nicht und ergänzte “Erstelle ihn komplett als Code ohne funktion.php Einbindung”. Nach der Behebung eine Netzwerkfehlers hatte ich tatsächlich einen Slider, der nun eher meinen Vorstellungen entspricht. Er ist responsiv und zeigt drei Blogpostbeiträge auf dem PC, zwei auf dem Tablet und nur einen bei der mobilen Handy-Ansicht. So etwas hätte ich selbst nie programmieren können. Es ist faszinierend, dass man dazu nun gar keine Plugins mehr braucht. Die Farben habe ich wieder selbst angepasst.

Etwas aufgeräumt habe ich dabei nun auch gleich. Zwei Bereiche habe ich ganz gelöscht. Dafür ist die Erlebniskarte nun prominenter platziert. Ich liebe das Scrollen durch die Welt selbst sehr und inzwischen ist zumindest Europa auch schon sehr gut gefüllt.

Das Vibe-Coding für WordPress ausschließlich mit textbasierter Eingabe fasziniert mich, denn damit bekomme ich nun Layoutanpassungen umgesetzt, an denen ich bislang gescheitert bin. Kleine Lerneffekte durch die hmtl-Anpassungen gibt es zwangsläufig mit dazu.