Wie das mit Plänen so ist: Man macht sie und dann hält man sich nicht dran. Die letzten beiden Wochen war ich so beschäftigt, dass ich den Beitrag mit den Alltagseindrücken sausen lassen musste. Dafür kommt er heute und er zeigt euch etwas mehr als sonst.
Ich habe den ganzen Blog umgebaut:
Ja, wirklich den ganzen Blog. Nicht nur visuell, sondern auch im Untergrund. Nach vier Wochen ist dieses große Projekt endlich fertig. Und ich bin mega happy, dass ihr nun auch das Ergebnis live sehen könnt. Das Ganze baut weiterhin auf WordPress auf, besitzt im Untergrund aber eine komplette neue Struktur, über die ein neues Theme gelegt wurde. Was ihr nicht seht, ist aber mein neuer Arbeitsplatz darin, in dem ich jetzt noch viel effektiver arbeiten kann und mich schon sehr freue, hier den neuen Content künftig produzieren zu können. Dieser Artikel mit den Alltagseindrücken ist der zweite Artikel, den ich darin erarbeite, und das Arbeiten im neuen Editor ist toll. Nicht, dass ich Text tippe wie immer, aber wie ich im Editor jetzt arbeite, erleichtert alles. Daher möchte ich diesen Beitrag nutzen, euch etwas mehr zu erklären.
Überschrift und Titel:
Den seht ihr nicht, aber ich beschreibe ihn euch. Ich kann einem Artikel nun einen Titel vergeben, wie ich es auch vorher schon konnte. Dieser ist, wenn ich nichts ändere, auch die URL-Vorlage für den publizierten Artikel. Daneben kann ich jetzt aber eine kleine Überschrift vergeben. Dadurch blähe ich den Titel nicht mehr auf, lasse die URL kürzer werden und SEO-technisch kann ich mich in Titel und URL auf die Keywords konzentrieren. Die sind in der kleinen Überschrift nicht wichtig, diese enthält aber Informationen, welche für euch wichtig sind. Ich trenne damit die Erfahrung für den Nutzer und die Nutzerin und für mich im technischen Bereich. Das ist wichtig, damit der Inhalt so auf beiden Seiten besser wirkt und funktioniert.
Bildausschnitte und Artikelvoransichten:
Auf der Startseite seht ihr jetzt eine neu aufbereitete Artikelvoransicht. Sie erstrahlt in Liquidglas. Es liegt ein Bild in der Kachel und dieses sollte für euch immer mittig liegen. Aber Bilder sind nie mittig. Daher kann ich im Editor, nachdem ich ein Artikelbild definiert habe, den Bildausschnitt verschieben. Also schiebe ich das etwas gezoomte Bild etwas höher und tiefer, damit ich einen Goldenen Schnitt in der Artikelvoransicht erhalte. Das ist einfach ein Designdetail, das ihr jetzt nur kennt, weil ich es euch verrate. Es ist einer der vielen i-Punkte, die ich setze und nun setzen kann, um den Inhalt so sauber wie es geht zu zeigen. Ich erkläre noch mehr.
Die Artikelvoransichten …
… zeigen euch eine Kategorie und eine Zeit an. Das lege ich, wie schon immer, im Editor fest. Wie auch das Artikelbild und die kleine Überschrift und den Titel. Das Thema kann nun selbst rechnen und das ist neu. Es ist hier sehr intelligent. So setzte es zum einen das Bild oben in die richtige Pose und schaute sich die Farbgebung an. Die wird benötigt, um diese auf die Glasfläche darunter zu übertragen und den Schein zu erwecken, das Bild leife darunter noch weiter. Aber das tut es gar nicht. Nur die Farbgebung wird genutzt und erweitert. Für euch sieht es so aus, als läge Glas auf einem Bild. Eine kleine Illusion, die aber den Effekt hat, dass alles farblich stimmig wirkt.
Kennt man das?
Ja, Apple macht das in Apple Music mit Album-Covern ähnlich. Ich habe das nur etwas verfeinert und das tagelang durchgetestet. Aber jetzt macht das Thema das alleine, ohne mein Zutun. Auch der Text in der Voransicht. Der kann eine Zeile oder zwei Zeilen lang sein. Aber wenn das nicht reicht, wird die Schriftgröße angepasst. Die Box kann also nie überladen wirken. Und wenn ihr einen Artikel anklickt/antippt, ändert sich oben in der Kategorieleiste die Kategorie mit. Ihr wisst also immer, wo ihr seid und wieso.
Die Kategorieleiste …
… ist für euch ganz neu. Sie zeigt euch an, was es für Themen gibt. Die startet immer mit „Alle Artikel“ und hier könnt ihr dann seitenweise durchblättern. Beginnend beim neuesten Artikel und endend beim ältesten Artikel. Klickt ihr eine Kategorie an, blättert ihr nur in diesem Themengebiet vor und zurück. Damit das etwas freundlicher wirkt, sind Kategorien farblich und setzen einen Akzent zur Orientierung. Man erkennt sofort, zu welcher Kategorie ein Inhalt gehört. Auch wenn man innerhalb eines Artikels mal zu einem verlinkten Artikel gewechselt ist oder in die Suche des Blogs einsteigt.
Ich kann euch nun auch solch schöne Shop-Boxen in die Artikel reinkleben. Hübsch, oder?
Die Suche …
… sitzt nun zentraler. Allgemein findet ihr auf dem Blog oben direkt die Dinge, die ihr benötigt. Also Zugriffspunkte auf die Inhalte. Entweder über die Kategorien oder die neue Suche. Die Suche ist inzwischen schätzungsweise 5 × schneller als zuvor, da der Index dahinter anders gebaut wurde. Der Blog findet euch daher rasant Inhalte nach einem Suchwort und bereitet euch dann direkt alles in der gewohnten Artikelvoransicht auf. Ihr tippt einfach in die Suche rein und sie sucht schon, bevor ihr die Suche abschickt. Es ist ein „Vordenken“.
Es gibt ein Easter-Egg in der Suche.
Wenn ihr „Zufall“ oder „Random“ in die Suche tippt (die Klein- und Großschreibung ist hierbei egal), liefert euch die Suche keine Ergebnisse, sondern zeigt euch einfach direkt einen Artikel. Wieso? Naja, vielleicht will man manchmal auf Inhalte stoßen, die so tief vergraben sind, dass man sie nicht findet. Diese Funktion spült euch also Inhalt nach oben, den ihr vielleicht bisher nicht kanntet. Probiert es mal aus.
Die Artikelansicht …
… ist das Herzstück. Daher habe ich diese ganz umgebaut. Ihr seht nun direkt oben die kleine Überschrift und den Titel des Beitrags. Darunter die Kategorie und den Zeitstempel der Veröffentlichung. Bilder sind nicht mehr randlos eingebaut, sondern sitzen leicht abgerundet im Beitrag. Das lässt alles etwas breiter und offener wirken als zuvor. Links werden künftig nicht mehr als Textlinks, sondern als Pillen eingebunden. Diese sind eindeutig beschäftigt und räumen etwas auf. Man findet so einfach, wo man bspw. klicken muss, um eine 3D-Druckdatei herunterladen zu können.
Es ist einfach eine klickbare Schaltfläche. Die Amazon-Box habe ich auch aufgeräumt. Ebenfalls die Shop-Box und die App-Box. Im Grunde gibt es ein sehr definiertes CSS auf dem Blog, das sich jetzt bis in den kleinsten Winkel um das Design kümmert. Wir reden hier von Radien an Bildern, Boxen, Verschiebung zwischen Hochkant- und Queransicht auf dem iPad und, und, und. Auch haben Bilder nun Beschriftungen, wo ich ein paar Details oder Zusatzinfos eintrage. In Summe ist ein Artikel mehr in einer Linie. Der Darkmode, der auch komplett neu ist, rundet das ab.
Push-Mitteilungen auf dem Desktop:
Ich bin mir bisher nicht so sicher, ob hier alles so läuft, wie ich es will. Die ersten Tests zeigten aber, dass man sich jetzt (wieder) in Safari, Chrome und Firefox einen Web-Push für den Blog aktivieren kann. Ihr erhaltet eine Anfrage, wenn ihr den Blog besucht. Wenn ihr diese bestätigt, erhaltet ihr einen Push eures Browsers, wenn ein neuer Artikel veröffentlicht wurde. Ich muss nur noch testen, wie ich selbst damit arbeite. Ob ich das plane oder das automatisch machen lasse. Man muss nämlich dazusagen, dass ich direkt im Artikeleditor jetzt einen Push für die App planen oder direkt verschicken kann. Ihr aktiviert euch das gerne mal und ich schaue mal, wann und wie ich euch über diesen Push informiere. Wenn ihr Android nutzt, könnt ihr in Chrome auch auf dem Smartphone diese Mitteilung nutzen. Das als kleiner Tipp.
In Summe ist dies inzwischen die Blog-Version 11!
Das Design ist neu und der komplette Unterbau. Beides ist wichtig, da dies für die neue App für iPhone und iPad wichtig ist. Diese muss wissen, woher der Inhalt kommt und wie. Und das liefert der Blog schon im Unterbau. Also musste die App etwas warten, bis der Blog auf einem neuen Standard ist. Das ist er jetzt. Übrigens findet ihr das Impressum und Co. sowie die Social-Media-Kanäle jetzt immer ganz unten auf der Seite. Das Design ist also immer in einem Fluss zu betrachten. Ihr findet schon zurecht, oder?
Ein Wort zur App:
Die App ist im Unterbau veraltet. Dafür kann sie nichts. Das Blogkonstrukt ist zu neu für sie. Daher kann es sein, dass die App derzeit Inhalte nicht korrekt zeigt. Das ist keine Absicht, sondern einer fehlenden Anpassung geschuldet. Die kommt noch. Vielleicht erhält sie noch ein kleines Update, um die Fehler etwas auszubügeln, bevor die komplett neue App erscheint. Hierfür benötige ich noch das alte Xcode-Projekt und ein paar ruhige Stunden.
Wie habe ich das alles gemacht?
Ich kann nur etwas HTML und HTML 5. Dann hört es bei mir auf. Was kann ich also nicht? Code schreiben. Und wer kann das? KI kann das. Und wie macht sie das? Indem man sich mit ihr beschäftigt und mit ihr wie mit einem Mitarbeiter zusammenarbeitet. Über diese Reise habe ich eine Kolumne geschrieben. ich verlinke euch diese hier.
Mit KI habe ich erst in kleinen Projekten getestet.
Es waren die ersten Plug-ins für den Blog. Wie ich mir sicher war, habe ich mit einem großen Projekt gestartet und das Ergebnis könnt ihr nun sehen. Ich arbeite mit Claude und bin sehr zufrieden damit. Ich zahle monatlich einen Mitarbeiter, der mir bei Aufgaben hilft. Und es sind unterschiedliche Aufgaben. Das Artikelbild ist so eine, die er mir erledigt. Es ist ein Arbeitsablauf, bei dem ich nur das Bild, einen Text und zwei Definitionen liefere.
Text ist mein Werkzeug – war es schon immer. Sie stammt also von mir und von keiner KI, aber Code, den kann eine KI für mich erarbeiten, wie es vorher Entwickler für mich taten. Nur dass ich jetzt selbst schneller an Dingen arbeiten kann und auf keinen warten muss. Das ist kein Vorwurf, aber es erleichtert das Umsetzen von Ideen und Konzepten. Es befreit, Dinge selbst angehen zu können. Man scheitert dabei, gewinnt aber manchmal auch wieder. Das muss so sein. Daher habe ich auch etwas mehr als vier Wochen wenig Content erstellt und den Blog auf eine neue Ebene gehoben. Und auf dieser arbeite ich für euch nun neuen Content aus.
Das war ein langer Alltagseindruck, was? Ihr wisst jetzt Dinge, die ihr wieder nicht mitbekommen habt, und dass das alles hier nicht nur ein bunter Baukasten, sondern ein Herzensprojekt ist. Welches Spaß macht, aber auch Geld verdient – klar. Das habe ich also die letzten zwei oder sogar drei Wochen getrieben, in denen ihr nicht so viel auf dem Blog gelesen habt.
Lasst mich bitte unbedingt euer Feedback wissen.
Was fehlt euch noch, was ich vergessen habe?
Was stört euch?
Was funktioniert an einem anderen Ort nicht korrekt? Einfach raus damit.
App für iPhone und iPad
Du möchtest keinen Beitrag mehr verpassen?
Dann empfehle ich dir meine App mit Push-Mitteilung!
Unterstützung über die Kaffeekasse
Dir hat dieser Artikel gefallen?
Dann würde ich mich über Deine Unterstützung freuen!
