
Moderne WordPress Systeme
Klassisch vs. modern
Klassisch vs. Modern
Bisher wurden professionelle WordPress Seiten meist mittels
sog. Custom Fields erstellt. Hierzu kommen Plugins wie Advanced Custom Fields oder auch CMB2 zum Einsatz. Sie vereinfachen die Erstellung von Eingabemasken mit dem Ziel ein spezielles Layout zu produzieren. Dieses Vorgehen ist etabliert und zuverlässig, hat allerdings ein paar Nachteile:
- es ist recht aufwendig (Anlegen der Felder im Backend, Auslesen im Frontend)
- es ist wenig flexibel, gerade im Hinblick auf Varianten die spezielle Sondereinstellungen benötigen
- alle Eingabe Felder landen in einer Datenbank-Tabelle names wp_postmeta. Bei größeren Seite neigt dieses Vorgehen zu einem Flaschenhals hinsichtlich Performance zu werden.
Die Eingabemasken im Gutenberg Editor benötigen keine benannten Datenfelder. So erzeugen wir weniger strukturierte Daten und entlasten Server und Datenbank bei der Ausgabe der Daten. Das bringt Performance-Vorteile mit sich.
Und da die Erstellung der Eingabe-Masken erheblich einfacher ist, spart man Zeit und Entwicklungskosten.
Wir haben unser System bereits vollständig auf solch einen modernen Ansatz der auf Gutenberg und den zugehörigen Gestaltungs-Muster beruht umgestellt.
Unser Basis-Theme Y59
Wir haben in 2022 kräftig aufgeräumt und ausgemistet und alle veraltete Bibliothekten und Methoden aus unserem Theme (Y59) entfernt.
Google honoriert das mit allesamt sehr hohen Bewertungen in den Bereichen Performance, Barrierefreiheit, SEO und Best Practises.
Unser Basis-Theme deckt die häufigsten Web-Layouts ab.
Es beruht auf dem sog. Full-Site-Editing (FSE) und erlaubt in der Standard-Ausstattung u.A.:
- alle erdenklichen Formen von Rastern (Grids), sowohl horizontal als auch vertikal
- Slideshows und Karouselle
- Klappbare Elemente (sog. Akkordeons)
- das präzise Einstellen von Aussen- und Innenabständen
- Menüs in denen Menü-Einträge mit anderen Element kombiniert werden können.
- scroll-basierte Animation
All diese Dinge lassen sich ohne Code-Änderungen über den Gutenberg-Editor managen.
Aber wir haben auch seltenere Features, die anderswo nicht ohne größere Umstrukturierungen möglich sind, bereits mitgedacht. So können wir mit ein paar wenigen Zeilen CSS-Code Dinge wie etwa Scroll-Snap, sticky Positionierungen, oder css basierte parallax Effekte realisieren.
Unser Basis-Theme (Y59) macht dabei von modernen Best-Practises der Webentwicklung Gebrauch, wie etwa:
- CSS Grids und Flexbox statt Frontend-Frameworks wie Bootstrap oder Foundation
- Performance Optiomierung mittels DNS-prefetch, asynchrones Laden von JavaScript, Browser-Caching, responsive Bildgrößen, etc
- Gebrauch von CSS Custom Properties und CSS3 Features, z.B. calc, min, max, clamp für responsive Schriftgrößen
- modulares ES6-Javascript und die Verwendung von modernen Browser Features / Web APIs wie Intersection Observer oder Resize Observer (statt der langsameren “scroll’ or ‘resize’ Listeners)
- Seiten-Übergänge wie in einer App (SWUP.js)
All diese Dinge machen in Summe einen spürbaren Unterschied in Punkto Performance und Responsivität aus.
Auch diese Seite hier beruht auf unserem Y59 Theme. Testen Sie hier die Performance-Bewertung von Google
Unser Basis-Theme Y59
Kontakt
hello@wordpress-larslo.de
Wir bieten
- Gutenberg basierte WordPress Themes
- klassische WordPress-Themes
- Gutenberg Blocks, Filter, Plugins u. Know-How
- WordPress Theme Performance Optimierung
- Frontend-Entwicklung mit CSS3, ES6, React
- Webdesign und UX