Full Site Editing (FSE) bietet dir in WordPress eine komplett neue Möglichkeit, deine Website individuell zu gestalten – und das ganz ohne Programmierkenntnisse!
Gerd Zimmermann und Stefan Gilgen) haben gezeigt, wie du die Grundlagen von FSE definierst und Schritt für Schritt dein eigenes Theme erstellst. Mit dem Site-Editor wurden Schriften, Layouts und Farben anpasst sowie weitere Layout-Einstellungen vorgenommen. Am Ende wurde das Theme exportiert und in eine andere WordPress-Installation übertragen.
Hier kannst du dir eine Aufzeichnung ansehen:
Vorgehen
- Playground erstellen und einrichten
- Styles definieren
– Typographie
– Farben
– Hintergrund
– Schatten
– Layout - Navigation erstellen
- Header/Footer definieren
- Weitere Must-Have-Templates erstellen
– Blog Home
– Pages
– Single Post
– All Archives
– 404
– weitere nach Bedarf - Theme mit Create Block Theme exportieren
Verwendete Tools und Links
Playground: https://wordpress.org/playground/
Lokale WordPress-Installation: https://localwp.com/
Infos zu Full Site Editing: https://fullsiteediting.com/
Plugin Create Block Theme: https://wordpress.org/plugins/create-block-theme/
Browser Extensions:
– FontsNinja: https://fonts.ninja/tools
– CSS Viewer Chrome: https://chromewebstore.google.com/detail/cssviewer/
– CSS Viewer FireFox: https://addons.mozilla.org/de/firefox/addon/cssviewer-quantum/
– CSS Inspector (nur Chrome): https://chromewebstore.google.com/detail/css-inspector/pijbckgdmjhgniofdfgeajghedglddgm?pli=1