Stefan Metze

Mediendesigner aus Berlin

  • Kurze WordPress Pause

    Kurze WordPress Pause

    So lautete die Headline hier kürzlich auf der Webseite. Nachdem mein WordPress Blog hier auf dieser Seite mal wieder ziemlich stiefmütterlich von mir behandelt wurde und alterte, hat sich die Technik drum rum natürlich weiterentwickelt. So sind wir mittlerweile im Schnitt bei den meisten Hosting-Anbietern bei PHP Version 8.3 angekommen. Mein letztes WordPress Theme lief aber nur noch mit einer 7.er PHP-Version. Da war es an der Zeit und der Zwang da etwas zu ändern.

    Kurzer Flirt mit HUGO CMS

    Natürlich schaut man sich wenn man in der Branche ohnehin ja aktiv ist, permanent um. Was gibt es neues, wohin gehen die Trends. Was in den letzten Jahren immer stärker aufkam waren s.g. Static Site Generators. Also um es einfach zu sagen: Frameworks die meist lokal auf deinem Rechner laufen, du dort alles entwickelst und dann zu einer Webseite zusammenbaust. Und diese Seiten sind dann 100% statisch.

    Vorteile statischer Seiten mit Static Site Generatoren

    Die Vorteile erkennt man recht schnell. Statische Seiten sind gegenüber dynamischen Systemen wie WordPress oder Typo3 extrem schnell, da alles auf das Minimum von HTML, CSS und JavaScript reduziert ist. Das surfen macht enorm Spaß, die User kommen schnell an ihre Informationen. Auch diverse Cookie- und Datenschutzthemen fallen hier einfach weg.

    Weiterer wichtiger Punkt ist die Sicherheit. Statische Seiten können praktisch nicht angegriffen oder gehackt werden. Und selbst wenn, man hat die komplette Seite ja immer lokal auf dem Rechner, also kann man sie fix wieder herstellen.

    Nachteil der Static Site Generatoren

    Die Framworks haben alle eine eigene Templatesprache die man neu lernen muss. Man muss eventuell die ganze bisherige Denke über den Haufen werfen und neu anfangen, wenn man zum Beispiel aus der WordPress-Welt kommt.

    Ebenso nachteilig erweist sich der Umstand dass eben keine Funktionen wie Kommentare vorhanden sind. So etwas muss meist mit Drittanbieter-Lösungen nachgerüstet werden, was dann wiederum zu erweiterten Datenschutzthemen führen kann. Das gilt auch für Kontaktformulare.

    Meine Wahl: Hugo CMS

    Ich hatte mir also Hugo näher angesehen und war sofort überzeugt von der Einfachheit und Schlichtheit. Das ganze Hugo-Framework auf dem Mac einzurichten war jetzt keine große Sache, wenn man ein bisschen mit dem Terminal des eigenen Mac’s vertraut ist.

    Build Websites with Hugo – Brian P. Hogan

    Als es dann aber an ein eigenes individuelles Design gehen sollte, wurden die Dinge plötzlich komplizierter. Da war diese Templatesprache Go und diese Verschachtelung der Dateien in Layouts und Partials. Das wollte erst vollständig verstanden werden. Einige YouTube Tutorials und ChatGPT Chats später entschied ich mich dazu ein Buch zu kaufen. Das Buch von Brian P. Hogan war nur auf Englisch zu haben, kein Problem. Es ist auch super verständlich geschrieben und recht schlank gehalten, nichts was einen überfordert. Doch hatte ich das Gefühl dass die Zeit drängt, denn ich bin kein sehr geduldiger Mensch.

    Und dann stand da die nächste WordPress Version (6.5) vor der Tür.

    WordPress Full Site Editing

    WordPress Themes habe ich bisher immer entweder selbst gecodet oder wenn es komplexer wurde mit der Hilfe von Pinegrow erzeugt. WordPress FSE Themes geistern schon einige Zeit, ja Jahre durch die WordPress Versionen. Um ehrlich zu sein: ich habe da ein paar mal in den Editor geschaut, nicht wirklich die Philosophie dahinter verstanden, den Editor wieder geschlossen und mit klassischen WordPress Themes weiter gemacht.

    Und dann wurde mir da dieses Video auf Youtube vorgeschlagen

    Youtube ist meine Lernplattform Nummer 1. Also spült mir der Algorithmus durch meinen Verlauf ständig neue interessante Videos auf die Startseite. So auch folgendes von Jamie Marsland, bei dem es eigentlich nur um die neuen Funktionen der nächsten WordPress Version geht. Da Jamie sehr sympathisch ist, habe ich mich auf seinem Kanal weiter umgesehen und zahlreiche Videos entdeckt in denen er FSE Themes erstellt, bekannte Seiten nachbaut und alles sehr gut erklärt.

    Also gab ich dem ganzen FSE Thema noch mal eine Chance, denn das was Jamie da machte sah wirklich sehr einfach aus. Ich richtete mir lokal also eine WordPress Version ein und begann ebenfalls Seiten mit dem WordPress eigenen Editor nachzubauen. Und was soll ich sagen: es funktioniert. Nicht eine Zeile Code muss man schreiben um sogar Designs wie das der New York Times nachzubauen.

    Zwei Wochen intensives WordPress Selbststudium

    Ich habe mich also in den letzten zwei Wochen intensiv mit WordPress FSE bzw. Block-Themes beschäftigt und mich dazu entschlossen alle Webseiten die mit klassischen WordPress Themes betrieben werden auf Block-Themes umzubauen. Und genau das wird nun auch mit dieser Seite hier passieren. Denn neben der Einfachheit hat mich auch noch eine erhebliche Performance-Steigerung überzeugt.

    Grundsätzlich minimalistischer Design-Ansatz

    Jupp, viel WordPress-Kritiker meinen dass mit WordPress keine komplexen Designs möglich sind. Jaein, das stimmt. Man kann natürlich alles mit WordPress umsetzen was man will nur steht am Ende die Frage: wie bekomme ich regelmäßigen Content in meine schöne fancy WordPress-Seite. Denn darum geht es bei einem CMS doch oder? Regelmäßig Content veröffentlichen, Informationen und Wissen teilen. Was nützt mir das komplexeste Design wenn dieses es mir am Ende zu kompliziert macht Inhalte zu veröffentlichen.

    Ich lehne mich mal aus dem Fenster und behaupte dass mit dem WordPress-Block/FSE Editor optisch ansprechendere Artikel entstehen werden als wir das bisher gesehen haben. Einfach weil es einfacher geworden ist diese zu erstellen und dabei auch noch zu designen.

    Hinzu kommt noch: da fast die gesamte Web-Aufmerksamkeit ohnehin nur noch in Social Media liegt und weiterhin liegen wird, werden wir alle unsere Inhalte auch über Social Media verteilen. Ob das nun Threads, Mastodon, Bluesky, X/Twitter oder Facebook ist, die User sind mit ihrer Mobilen App in diesen Netzwerken und werden darüber auch den Inhalt den wir mit unserer WordPress-Seite bereitstellen aufsuchen wenn er interessant genug ist, also ebenfalls mobil. Von daher bleibt rein was das Design angeht die Antwort bei Minimalismus und Mobilfreundlich stehen.

    Ich werde mich also darauf konzentrieren dass meine Seiten schnell laden und auf mobilen Endgeräten die Informationen und Inhalte schnell und einfach zu erfassen sind. Darum geht’s und darum wird’s auch in Zukunft gehen. Wir haben ja nicht nur unsere Mitbewerber sondern seit über einem Jahr auch diverse KI’s als Konkurrenten. Von daher sollten wir alles daran setzen dass Menschen unsere Inhalte bei uns die von uns Menschen erschaffenen Inhalte sehr schnell finden und erfassen können.

    Hier erfolgt jetzt als nächstes der Umbau zum FSE-Block-Theme. Meine Erfahrungen werde ich hier begleiten und teilen.

    Stefan Metze

    , , ,

  • Eine Runde New York City

    Eine Runde New York City

    In diesen Tagen bin ich in Gedanken sehr in den USA und natürlich auch in New York City. Da passt es, dass mir YouTube nachfolgendes Video vorgeschlagen hat.

    Ein mal mit dem Auto durch New York City. Ich kann es kaum erwarten selbst wieder dort zu sein.

    Die Magie von New York City

    Es gibt etwas unbeschreiblich Magisches an New York City, das schwer in Worte zu fassen ist. Es ist nicht nur die atemberaubende Skyline, die einem den Atem raubt, oder die pulsierende Energie, die durch die Straßen fließt. Es ist vielmehr das Gefühl, Teil von etwas zu sein, das viel größer ist als man selbst. Als Mediendesigner und Technologie-Enthusiast finde ich überall in der Stadt Inspiration. New York ist wahrlich ein Schmelztiegel der Kreativität, der mich immer wieder aufs Neue inspiriert.

    Warum New York immer eine Reise wert ist

    Jedes Mal, wenn ich nach New York zurückkehre, entdecke ich neue Aspekte, die mich begeistern. Die Architektur ist ein offensichtlicher Anziehungspunkt – von den historischen Brownstone-Häusern in Brooklyn bis zu den hoch aufragenden Wolkenkratzern in Manhattan. Aber es sind oft die kleinen Dinge, die einen bleibenden Eindruck hinterlassen. Wie der Geruch von frischem Bagel in der Luft, das Geräusch von Jazz, das aus einer Bar in Greenwich Village dringt, oder die spontanen Gespräche mit völlig fremden Menschen in der U-Bahn.

    Der Times Square in New York mit seinen zahlreichen Leuchtreklamen
    Times Square New York

    New York und die Digitalisierung

    Als jemand, der tief in der Welt des Webdesigns und der Digitalisierung verankert ist, beeindruckt mich, wie New York die Technologie integriert. Die Stadt ist ein Hotspot für Start-ups und Technologieunternehmen. Hier werden Trends gesetzt, sei es in der Art und Weise, wie wir über soziale Medien kommunizieren oder wie öffentliche Räume digitalisiert werden. Die New York Public Library zum Beispiel nutzt Technologie, um ihre Sammlungen zugänglicher zu machen, ein Ansatz, der mich sowohl als Mediengestalter als auch als Bürger beeindruckt.

    New York City ist mehr als nur ein Ort auf der Landkarte. Es ist ein Gefühl, eine Erfahrung, die man gelebt haben muss. Für mich persönlich ist es ein unerschöpflicher Brunnen der Inspiration. Ich freue mich darauf, bald wieder durch seine Straßen zu laufen, neue Ecken zu entdecken und alte Favoriten wiederzubesuchen. Bis dahin halte ich die Erinnerungen wach und lasse mich von Videos wie dem auf YouTube inspirieren, die mich für einen Moment zurück in die Stadt bringen, die niemals schläft.

    Fahrrad statt Auto, das geht auch

    Wen das ganze Autogefahre in Berlin schon nervt, der wird in New York erst richtig „Spaß“ haben. Zum Glück ist man mittlerweile auch dort dazu übergegangen die Fahrradinfrastruktur auszubauen und das Radfahren sicherer zu machen. Der Blogger und Social Media Entertainer George Hahn zeigt, wie man sogar mit richtig Stil Rad in dieser Stadt fährt.

    Stefan Metze

    , , ,

  • Apple Nachrichten App deinstallieren und iChat erneut installieren

    Apple Nachrichten App deinstallieren und iChat erneut installieren

    Im Januar hat Apple für den Sommer 2012 eine neue Version des Betriebssystems Mac OS X mit dem Namen Mountain Lion vorgestellt. Zeitgleich konnte man von der Apple Seite ein überarbeitetes iChat mit dem Namen „Nachrichten“ in einer ersten Betaversion laden. Diese Nachrichten App unterstützt den bei iOS Geräten so beliebten Kurznachrichtendienst „iMessage“. Nun, da diese Version noch Beta ist, so treten hin und wieder auch mal die ein oder anderen Probleme, besonders beim iMessage Dienst auf, die mit der Zeit echt nerven können.

    So kann es passieren, dass Euch in der Dock das Badge der Nachrichten App ungelesene iMessages anzeigt, die gar nicht vorhanden oder längst gelesen sind. Wenn das Cache löschen der Nachrichten App unter Library -> Application Support -> Caches nicht hilft, dann kann man nur noch zur Holzhammermethode greifen und die Nachrichten App deinstallieren, iChat erneut installieren und dann die Nachrichten App nochmals installieren. Ich hoffe das Apple diese doofen Unstimmigkeiten mit dem Gelesen und Ungelesen zwischen den einzelnen Geräten zum Release von Mountain Lion noch hinbekommt, sonst ist es leider ziemlich verwirrend.

    1. Nachrichten App öffnen
    2. Oben auf der Menüleiste auf „Nachrichten“ gehen und den Punkt „Betaversion von Nachrichten deinstallieren“ wählen
    3. Installation von iChat bestätigen
    4. Danach ist ein Neustart erforderlich
    5. Ihr könnt dann die Nachrichten App nochmals installieren und das lästige „ungelesen“ Problem ist weg
    Nachrichten App Beta von der Apple Webseite laden
    Betaversion der Nachrichten App deinstallieren…
    Betaversion der Nachrichten App deinstallieren…
    … und iChat erneut installieren
    … und iChat erneut installieren

    Stefan Metze

    , ,