$30 off During Our Annual Pro Sale. View Details »

Full Site Editing (WP Meetup Hamburg)

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

Torsten Landsiedel

September 28, 2022
Tweet

More Decks by Torsten Landsiedel

Other Decks in Programming

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