Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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. 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
  2. /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"} /-->
  3. { "title": "Whisper", "settings": { "color": { "palette": [ {

    "color": "#E5E7F2", "name": "Base", "slug": "base" }, { "color": "#47484B", "name": "Contrast", "slug": "contrast" }, … /styles
  4. <?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