Meine WordPress und Gutenberg Services
Die Verwendung von Gutenberg hat die Art und Weise, wie ich CMS-Systeme für meine Kunden erstelle, vollständig verändert und rasant beschleunigt. Für 80% der typischen Web-Layouts ist es nicht mehr erforderlich, Code zu schreiben. Und so bleibt einfach mehr Zeit für die wichtigste Aufgabe im Webdesigns: das Zusammenführen von Design, Inhalt und den Zielen jeder Webseite.
Der Gutenberg Workflow
Das im nachfolgend verlinkten YouTube-Video gezeigte Vorgehen, zeigt wie ein recht umfangreicher One-Pager mit Gutenberg erstellt wird.
Mein Workflow ist sehr ähnlich.
Nochmal: Für 80% der typischen Web-Layouts ist es nicht mehr erforderlich, Code zu schreiben.
Kleine, modulare Designelemente bestehend aus wiederverwendbaren Blöcken oder Mustern, lassen sich, einmal erstellt, nicht nur an verschiedenen Stellen einer Seite einbinden, sondern auch von externen Seiten übernommen werden.
Dies beschleunigt viele Webdesign-Prozesse erheblich und wir bleiben agil und schnell.
Rich Content und die Stärken von WordPress
Neben seiner Erweiterbarkeit liegen die “klassischen” Stärken von WordPress in der Fähigkeit, Inhalte basierend auf spezifischen Kriterien abzufragen, bestimmte Informationen daraus zu extrahieren und dann kohärent auszugeben. In Gutenberg wird dies mit einem visuellen Editor kombiniert. Sie können nicht nur die andere Inhalte ihrer Webseite an jeder Stelle der Webseite einbinden, sondern auch deren Layout direkt im Editor ändern.
Design-Guidelines statt fixer Masken
Die Zukunft von WordPress basiert auf dem Gutenberg-Editor. Ich habe mein System komplett auf die damit verbundenen Workflows umgestellt.
Anstelle von “fest verdrahteten” Eingabemasken (z.B. Haupt- und Unterüberschrift) stelle ich Muster mit Vorschlagcharakter zur Verfügung.
Diese Entwürfe enthalten standardmäßig die vereinbarten Gestaltungsrichtlinien (z.B. Abstände, Schriftgrößen) und können im Editor auf Wunsch überschrieben werden.
Wenn Sie also eine spezielle Variante eines Musters wünschen, können Sie diese selbst im Editor erstellen, anstatt wie bisher einen Programmierer damit zu beauftragen.
Neben der so gewonnenen Flexibilität hat dieses Verfahren noch einen weiteren Vorteil: Es ist viel schneller!
Ein anpassbarer Editor
In einem CMS kann die richtige Balance zwischen Optionen und Einschränkungen eine Herausforderung sein. Je nach Erfahrung der Redakteure mit der Software, der Häufigkeit der Änderungen, der Fehleranfälligkeit oder der Wiederholung von Aufgaben sollte eine andere Bearbeitungsoberfläche angezeigt werden.
Innerhalb von Gutenberg können wir dieses Editier-Erlebnis so anpassen, dass es zur jeweiligen Aufgabe passt.
Von völliger Freiheit wie in einem visuellen Page-Builder-Tool bis hin zu sehr eingeschränkten Bearbeitungsmöglichkeiten, die eine hohe Konsistenz zwischen Ihren Beiträgen und Seiten gewährleisten.
Diese Möglichkeiten geben Ihnen als Redakteur die Möglichkeit, Ihre Inhalte mit Vertrauen zu erstellen und zu ändern.
Facts
– 80% der typischen Weblayouts können ohne Programmierung erstellt werden. So bleibt mehr Zeit um Ihre Botschaften durch Inhalte und Design zu optimieren.
– Durch das block-basierte System von Gutenberg können Webseiten schneller erstellt und Designs schneller angepasst werden. Das geht auch in Echtzeit z.B. während eines Video-Calls.
– Wiederverwendbare Blöcke und Muster beschleunigen den Webdesign-Prozess, gewährleisten Konsistenz ohne die Gestaltungsfreiheit zu sehr einzuschränken.
– Die intuitive Benutzeroberfläche lässt sich schnell lernen. Bald werden Sie in der Lage sein, Seiten eigenständig zu erstellen. Und ich meine nicht nur lineare Text-Bild-Sequenzen. Die erlernten Fähigkeiten sind auch übertragbar auf das nächste Web-Projekt.
Ich biete 👇
- Gutenberg basiertes WordPress
- WP Theme Entwicklung (classic, hybrid, full-site-editing)
- WordPress und Gutenberg Plugins
- Data Migration von und nach WordPress
- Integration von Services und APIs (z.B. E-Commerce)
- Bewertung, Beratung und Wasserdichtmachung bzgl. DSGVO und Datenschutz
- SEO Optimierung
- Web Entwicklung & Webdesign
Mein Theme Y59
Mein Y59 Theme kümmert sich um die schnelle Auslieferung der Inhalte und verwendet hierzu ein paar Best-Pratices moderner Webentwicklung:
- moderne CSS grids und flexbox, CSS Variablen statt Frontend-Frameworks
- schlankes und modulares ES6 JavaScript und die Verwendung von modernen WordPress APIs wie etwa der Interactivity API
- es beinhaltet einige selbst entwickeltes Plugins z.b. für Textanimationen, Fly-in-Out-Animationen oder Akkordeon-Elemente.
- Ein schlankes auf Intersection Observer aufbauendes Animations-System.
- Leistungsoptimierung durch DNS-Prefetch, asynchrones Laden von JavaScript, Browser-Caching, responsive Bildgrößen…
Jetzt, wo diese Grundlagen von Haus aus funktionieren, bleibt auch Raum für einige ausgefallenere Funktionen, die dazu beitragen, dass sich Ihre Website von der breiten Masse abhebt.Y59-Theme ist geeignet für:
- Scroll-Effekte basierend Scroll-Snap oder Parallax-Effekte.
- Slideshows und Karusselle in verschiedenster Form
- flexible Menü-Typen, Mega Menus, außergewöhnliche Hamberburg-Menus
- Seite-Übergänge wie in einer App
- spezielle Animationen
Ich biete 👇
- WordPress and Frontend Performance Optimierung
- High-Speed WordPress Themes und Systeme
- WordPress Plugin Entwicklung
- WordPress Integration
- Security Checks für WordPress
- WordPress System Monitoring
- Maintenance von WordPress Systemen
- Data Migration von und nach WP
- Gutenberg Durchblick (Anpassungen, Beratung u. Coaching)
Wie ich als erfahrener Webdesigner Ihr CMS-basiertes Web-Projekt begleite. Schritt für Schritt – so könnte es laufen
Die Erstellung einer Webseite kann ein intensiver Prozess sein.
Mit meiner Expertise in Webdesign, Browser-Technik, Usability, SEO und viel praktischem Wissen bzgl. Best Practices, begleite ich Sie durch den gesamten Prozess und helfe dabei schnell und effektiv ans Ziel zu kommen.
Mein Ansatz ist praktisch orientiert und konzentriert sich auf die direkte Umsetzung. Klassische Agenturleistungen wie Beratung, Kommunikation und strategische Überlegungen können auf ein Minimum reduziert werden. Je nachdem wie konkret ihre Vorstellungen sind.
Ich biete einen iterativen Prozess, bei dem direkter Austausch und unmittelbares Feedback im Mittelpunkt stehen. Durch die gemeinsame Arbeit an Ihrer Webseite entwickeln wir schritt-für-schritt ein immer klareres Bild Ihrer zukünftigen Web-Präsenz. Sie werden dabei nie vor vollendete Tatsachen gestellt, sondern können an jeder Stelle anpassen und nachjustieren.
Der CMS-gestützte Workflow ermöglicht es uns, Ihre Botschaften gekonnt ins Netz zu übertragen und dann jederzeit anzupassen.
Lassen Sie mich einen möglichen Prozess skizzieren:
- Man startet kein Web-Projekt ohne Intention und zumindest einem groben Konzept von Inhalten und Botschaften. Davon gehen ich aus. Wenn sie jetzt noch etwas Vorarbeit leisten und ein Layout mitbringen oder auch eine Website, die Sie inspiriert, können wir starten. Das ist unser Fundament. Schicken sie es mir zu: studio@wordpress-larslo.de
- Nach einem kurzen E-Mail-Austausch vereinbaren wir einen Video-Call, der in der Regel zwischen 30 und 60 Minuten dauert. Hier erzählen Sie mir von Ihrem Vorhaben, geben Hintergrundinformationen und teilen alles, was Ihnen wichtig ist.
- Danach erhalten von mir eine Einschätzung bzgl. Aufwand und Kosten. Auf Wunsch können wir hier konzeptionell weitere Eintauchen z. B. indem wir die Ziele jeder Seite definieren, ihre Inhalte analysieren, das Webhosting besprechen oder auf Aspekte wie SEO eingehen.
- Jetzt sind meine Fähigkeiten gefragt: Ich übertrage Ihr Design ins CMS. Dabei berücksichtige ich viele Aspekte – von wiederkehrenden Gestaltungselementen über angepasste Eingabemasken bis hin zur Übertragung Ihrer Inhalte. Mit dem geschulten Blick eines erfahrenen Webdesigners verwandle ich Ihre Vorgaben in funktionale Blaupausen für effektive Webseiten.
- In einem Video-Call präsentiere ich Ihnen eine erste Version ihre Webseite, bzw. des CMS. Ich demonstriere Ihnen direkt im Browser, wie Seiten erstellt und Inhalte angepasst und gestaltet werden können.
- Realistische Inhalte sind in dieser Phase von entscheidender Bedeutung. Platzhaltertexte und Stockfotos waren hilfreich, aber jetzt benötigen wir konkrete Texte, Bilder und Botschaften. Nur mit authentischem Material können wir z.B. den vertikalen Fluss der Seite optimieren, die Nutzerführung verfeinern und sicherstellen, dass jedes Element seinen Zweck erfüllt. Es geht jetzt darum, Form und Inhalt in Einklang zu bringen – Webdesign eben. Echte Inhalte sind dabei unerlässlich für ein erfolgreiches Endergebnis. Gemeinsam gestalten wir die wichtigste Landing-Page bis hier wirklich alles stimmt.
- Ab hier können Sie das Steuer übernehmen! Mit eigenem Zugang zum CMS können Sie es ausprobieren und testen ob sie zurechtkommen. Auf Wunsch kann ich CMS und Theme anpassen und fine-tunen. Ich stehen zu allen Fragen die aufkommen mit Rat und Tat zur Seite. Egal ob per E-Mail, am Telefon oder im Video-Call. Alternativ kann ich auch alle Ihre Inhalte übertragen.
- Ihre Webseite nimmt jetzt Gestalt an und immer mehr Inhalte und Unterseiten entstehen. Sie lernen durch konkrete Beispiele, wie Sie das System optimal nutzen.
- Auf Wunsch kann ich vor dem Launch nochmal konzentriert drüber schauen und Feedback geben. Immer jedoch teste ich nochmal die Darstellung in verschiedenen Browsers, lass ein paar Analyse-Tools laufen, schaue ob der Datenschutz wasserdicht ist und die Lade-Performance stimmt.
Das wars! Die Seite steht.
Konkret bekommen Sie also:
- ein Content-Management-System, das Sie befähigt, Ihre Online-Präsenz langfristig selbst zu verwalten.
- einen effizienten Prozess, der Beratung und Umsetzung clever verbindet.
- praxisorientierten Wissenstransfer – Sie lernen, während wir arbeiten.
- transparente Preise, ob als Festpreis oder auf Stundenbasis.
Warum larslo’s WordPress?
Ich arbeite nicht erst seit dem Gutenberg-Editor mit WordPress und kennen mich auch mit “klassischen” Systemen aus, z.B. solche die auf dem Plugin “Advanced Custom Fields” basieren.
Ich habe mit eigenen und fremden Themes gearbeitet, Plugins entwickelt, Kernfunktionalitäten angepasst, Systeme optimiert, Daten aus externen APIs integriert.
Diese Erfahrungen helfen mir, den Überblick zu behalten. Auch bei den Neuerungen, die der Gutenberg-Editor mit sich bringt.
Gute WordPress-CMS Systeme zeichnen sich vor allem dadurch aus, dass sie:
- von Redakteur*innen intuitiv genutzt werden können und leicht zu pflegen sind
- Besucher*innen nicht warten lassen und gute Ergebnisse im technischen SEO erzielen. D.h. die damit erstellten Seiten schnell, durchsuchbar, korrekt strukturiert und semantisch korrekt sind.
- Anforderungen an Datenschutz erfüllen
Diese Bausteine in ein kohärentes CMS zu übersetzen, das ist die eigentliche Arbeit eines WordPress Entwicklers.
WordPress-Websites neigen jedoch dazu, sich schnell aufzublähen, u.A. mit
WordPress als CMS
überflüssigen und fragwürdigen Plugins, komplizierten Mehrzweck-Themen mit Unmengen an Optionen, irgendwo tief im Backend versteckt oder auch Page-Buildern wie Elementor die mit Gestaltungs-Optionen überlasten und die Ladezeit der Seite wesentlich erhöhen.
WordPress kann vieles, aber nicht alles.
Es ist kein Shop-System und auch nicht für die Verwaltung tabellarischer Daten mit tausenden von Zeilen gemacht.
Ich konzentriere mich auf seine Kernkompetenz: Sie bei der Erstellung von Inhalten zu unterstützen und dabei die Designrichtlinien einzuhalten.
So halte ich meine WordPress-Systeme schlank, funktionabel und einfach zu warten.
Updates und Wartung
Jedes zusätzliche Plugin und jede weitere Funktionalität macht ein System komplexer und erhöht so auch den Aufwand bei Wartung und Instandhaltung.
Ein häufig genanntes Argument gegen die Verwendung von WordPress sind die ständigen Updates und das damit einhergehende Risiko, dass etwas kaputt gehen kann.
Umso wichtiger ist es Systeme möglichst schlank zu halten und sich an Best-Practices und Standards zu orientieren. Dann kann man auch die Updates bedenklos durchführen.
Ein Online-Shop? Lieber eine Schnittstelle zu Shopify als ein wartungsintensives WooCommerce.
Eine Community? Finger weg vom Members Plugin. Dafür gibt es zahlreiche Anbieter für kleine monatliche Gebühren.
Eine Stärke von WordPress ist die Möglichkeit es zu erweitern.
Nicht wie bei Page-Builder Services wie etwa Squarespace, hat man der Regel vollen Zugang zum Webserver und kann dort serverseitig Schnittstellen zu Diensten implementieren, APIs anfragen, Daten in einen Cache schreiben und sie im Frontend ans Design angepasst ausgeben, ohne sie jedoch auch im WordPress verwalten zu müssen.
Monitoring und Automatisierung
Meine Systeme werden von ein paar zuverlässigen Diensten überwacht die mich auf Unstimmigkeiten, Ausfälle, fehlerhafte Login-Versuche oder auch Unstimmigkeiten im Frontend hinweisen.
Und natürliche haben allesamt automatische Backups, der gesamte Code steht in git-Repositories. So geht nichts verloren.
Mit Tools wie wp-cli oder auch ein paar shell Scripten lassen sich viele Dinge automatisieren. So ist beispielsweise eine neue Test- oder Staging Umgebung mit eigener URL in wenigen Minuten hergestellt.
Schwachstelle Plugins?
Nach Angaben von WPScan entfallen etwa 97 % der Schwachstellen in ihrer Datenbank auf Plugins und Themes und nur 4 % auf Kernsoftware.
Jamie Juviler at HubSPOT
Plugins sind die größte Schwachstelle im WordPress-Kosmos. Umso wichtiger ist es, die richtigen Plugins auszuwählen.
Anstatt für jede kleine Funktionalität ein weiteres Plugin zu installieren, verlasse ich mich auf meine Erfahrung mit dem System: In der Regel genügen ein paar Zeilen Programmcode, z.B. eine Funktion, die bei einer bestimmten Aktion aufgerufen wird und – sagen wir mal – einige Daten aus der Datenbanktabelle wp_options verwendet, um das gleiche Ergebnis zu erzielen.
Verloren im Gutenberg Kosmos?
Die Neuerungen, die der Gutenberg-Editor mit sich bringt, haben manche Akteure im WordPress Kosmos Anstelle ratlos gemacht. Diese Neuerungen sind in der Tat sehr weitreichend.
Ein Ansatzpunkt um die gewünschten Ergebnisse zu erzielen, ist es für jeden noch so kleinen Use-Case einen eigenen Block anzubieten und man sieht häufig Angebote wie “30 neue tolle Blöcke”.
Wir gehen hier einen anderen Weg. Ähnlich wie bei den Plugins braucht es meist nur ein wenig Know-How statt dutzender neuer Blöcke. Denn auch hier gilt, schlanke Systeme sind einfacher zu warten, überfrachten nicht mit Optionen, sind performanter fördern ein einheitlichen Erscheinungsbild .
Strukturierte Daten für Layout Varianten?
Bisher wurden professionelle WordPress-Seiten meist mit benutzerdefinierten Feldern erstellt. Hierfür werden Plugins wie Advanced Custom Fields oder CMB2 eingesetzt. Sie vereinfachen die Erstellung von Eingabemasken mit dem Ziel, ein spezielles Layout zu erzeugen. Dieses Verfahren ist etabliert und zuverlässig, hat aber auch einige Nachteile:
Im Grunde braucht es für jede Layout-Abweichung ein eigenes Datenfeld mitsamt Eingabemaske. Und da rasch viele solcher Felder zusammenkommen, ist dieser Prozess nicht nur starr sondern auch zeitaufwändig. Schnell hat man für jede Seite dutzende Felder in der Datenbanktabelle namens wp_postmeta. Bei größeren Sites wird dies so auch zu einem Engpass für die Performance.
larslo
Die Eingabemasken im Gutenberg-Editor benötigen keine benannten Datenfelder. Auf diese Weise erzeugen wir weniger strukturierte Daten und reduzieren die Belastung des Servers und der Datenbank bei der Ausgabe der Daten. Das bringt Performance-Vorteile.
Und da die Erstellung von Eingabemasken deutlich einfacher ist, sparen wir Zeit und Entwicklungskosten.
Performance in Mind
Das schnelle Laden und Anzeigen einer Website ist eine der besten Erfahrungen, die Sie Ihren Nutzern bieten können. Nicht nur die Nutzer wissen schnelle Websites zu schätzen, sondern auch die Suchmaschinen verwenden die Ladegeschwindigkeit als wichtigen Maßstab für das Ranking.
Unsere WordPress-Systeme erreichen immer mindestens 85 % der Google-Seitengeschwindigkeit (und anderer Ranking-Kriterien), selbst wenn sie mit Bildern und Videos vollgepackt sind.
Die kurzen Ladezeiten sind nicht nur messbar, sondern auch spürbar!
Datenschutz integriert
Wir achten sehr darauf, die gesetzlichen Anforderungen an den Datenschutz zu erfüllen. So werden beispielsweise Schriftarten vom lokalen Webhoster und nicht von einem Google-Server bereitgestellt.
Auch für zustimmungspflichtige Dienste wie etwa YouTube-Videos wird die Zustimmung eingeholt, bevor ihre Daten in die ganze Welt gesendet werden.
Dies geschieht mit einfachen Inhaltsfiltern und ein paar Zeilen JavaScript anstelle eines weiteren Plugin-Monsters mit so weit verschachtelten Optionen die dazu einladen wichtige Dinge zu übersehen.
DSGVO-Konformität ist bei mir also kein Afterthought.
Mein Y59-Theme kann z.B. verschieden Reichweiten-Messtools handhaben. Wird z.B. Google Analytics eingesetzt, bedarf es der Zustimmung von Besuchern. Und ohne diese erfolgt auch keine Datenübermittlung an Google. Auch für Dinge wie eingebundene Youtube Videos haben wir eine fertige Lösung in Form eines Plugins (EASY CONSENT).
Ich biete 👇
- Gutenberg basierte WordPress
- WP Theme Entwicklung (classic, hybrid, full-site-editing)
- WordPress und Gutenberg Plugins
- Data Migration von und nach WordPress
- Integration von Services und APIs (z.B. E-Commerce)
- Bewertung, Beratung und Wasserdichtmachung bzgl. DSGVO und Datenschutz
- SEO Optimierung
- Web Entwicklung & Webdesign