Full Site Editing (WP Meetup Hamburg)

In WordPress 6 kam das Full Site Editing mit dem Twenty Twenty-Two Theme in den WordPress-Core. Aber deutlich als „Beta“ gekennzeichnet. Nun ist WordPress 6.1 kurz vor der Veröffentlichung, Zeit einen neuen Blick auf das Feature zu werfen. Ist das Feature inzwischen produktiv nutzbar? Oder noch nicht? Wie gehen wir als Freelancer/Agenturen damit um? Möglichkeiten für Nutzende beschneiden oder besser schulen, damit das Layout/Design nicht „kaputt gespielt“ wird? Das Ganze wird kein Vortrag, sondern ein offener Austausch mit Live-Probieren.

Einführung gehalten auf dem WP Meetup Hamburg September 2022

Transcript

1. Full Site Editing WP Meetup Hamburg Torsten Landsiedel @zodiac1978
2. Termine
3. https://wptranslationday.org/ (28. September)
4. 1. Einfacheres Bearbeiten – bereits in WordPress enthalten, mit kontinuierlichen Verbesserungen 2. Anpassung – Full Site Editing, Block-Vorlagen, Block-Verzeichnis, blockbasierte Themes 3. Kollaboration – ein intuitiverer Weg, Inhalte gemeinsam zu verfassen 4. Mehrsprachig – Core-Implementierung für mehrsprachige Websites Die 4 Phasen von Gutenberg
5. Qellen
6. https://developer.wordpress.org/block-editor/
7. https://gutenbergtimes.com/
8. https://gutenberg-fibel.de/
9. https://fullsiteediting.com
10. https://wpdevelopment.courses
11. Block Themes finden
12. https://de.wordpress.org/themes/tags/full-site-editing/
13. Struktur (classic)
14. Struktur (Block Theme/FSE)
15. { "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 2, "customTemplates": [ { "name": "blank", "postTypes": [ "page", "post" ], "title": "Blank" }, … theme.json
16. /templates <!-- wp:template-part {"slug":"header","tagName":"header"} /--> <!-- wp:group {"tagName":"main"} --> <main class="wp-block-group"> <!-- wp:group {"layout":{"type":"constrained"}} --> <div class="wp-block-group"> <!-- wp:post-title {"level":1,"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|70","bottom":"v ar:preset|spacing|70"}}}} /--> </div> <!-- /wp:group --> <!-- wp:post-content {"layout":{"type":"constrained"}} /--> <!-- wp:template-part {"slug":"post-meta"} /--> <!-- wp:template-part {"slug":"comments","tagName":"section"} /--> </main> <!-- /wp:group --> <!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->
17. { "title": "Whisper", "settings": { "color": { "palette": [ { "color": "#E5E7F2", "name": "Base", "slug": "base" }, { "color": "#47484B", "name": "Contrast", "slug": "contrast" }, … /styles
18. <?php /** * Title: Post Meta * Slug: twentytwentythree/post-meta * Categories: query * Keywords: post meta * Block Types: core/template-part/post-meta */ ?> <!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|70"}}}, "layout":{"type":"constrained"}} --> <div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--70);margin-bottom:var(--wp--preset--spacing--70)"> <!-- wp:separator {"opacity":"css","align":"wide","className":"is-style-wide"} --> /patterns
19. <!-- wp:pattern {"slug":"twentytwentythree/post-meta"} /--> /parts
20. Danke! Slack // Twitter // WordPress.org // Github @zodiac1978