Course: WordPress: Progressive Themes mit WP Rig

Mit WP Rig stellt Google ein neuartiges, praktisches und mächtiges Entwicklungswerkzeug vor, mit dessen Hilfe Sie professionelle WordPress-Themes entwickeln, viele Routineaufgaben automatisieren und sogar besseren Code schreiben können. Schritt für Schritt zeigt Ihnen diese Video-Training alle wichtigen Features: WP Rig kommt unter anderem mit einem kompletten Startertheme daher inklusive benutzerdefinierten Headerbildern, Support für Lazy Loading von Bildern oder Google-Webfonts, AMP-Unterstützung und vieles mehr. Oder wollen Sie Ihr Theme internationalisieren? WP Rig erzeugt die passende Übersetzungsdatei.

Willkommen zu “WordPress: Progressive Themes mit WP Rig“

WP Rig im Überblick

Die Entwicklungsumgebung einrichten

Node.js und Composer installieren

Name des Themes festlegen

WP Rig herunterladen

Mit WP Rig arbeiten

WP Rig konfigurieren

Browsersync

Den WP Rig-Installer nutzen

Übersichtlichen Code schreiben mit PHPCS und ESLint

Ihr neues Theme aktivieren und testen

CSS in WP Rig nutzen

CSS bearbeiten

CSS-Variablen verwenden

Stylesheets mit SASS schreiben

Schriftarten mit Webfonts

In-Body-Stylesheets

Bedingtes Vorausladen (Pre-Loading)

Templates in WP Rig nutzen

Templates bearbeiten

Die functions.php ändern

Begriffe übersetzbar machen (Internationalisierung)

Optionale Template-Dateien verwenden

Themes modularisieren: Lazy Loading von Bildern

AMP in WP Rig integrieren

JavaScript in WP Rig einfügen

JavaScript-Dateien einbinden

Besseren Code schreiben mit ESLint

Die Aufgabe der functions.php kennenlernen

Neue Menüs erzeugen

Hintergrundfarben und Bilder im Customizer definieren

Eigenes Logo einbinden

Gutenberg-Features verwenden

AMP-Unterstützung einbinden

Widgets nutzen

Headerbild hinterlegen

Übersetzen

Exportieren

Ausblick