Das ist neu in WordPress 5.8

Am 20. Juli 2021 soll WordPress 5.8 veröffentlicht werden. Mit der neuen Version werden unter anderem eine interessante Datei zur Konfiguration des Block-Editors eingeführt, sowie erste Funktionen in Richtung Full-Site-Editing. Wir haben uns die neuen Funktionen einmal angeschaut.

theme.json

  • Bietet Theme-Entwicklerinnen und -Entwicklern die Möglichkeit:
    • den Editor zu konfigurieren (Dinge wie Farbpaletten, verfügbare Schriftgrößen aber auch Aktivierung oder Deaktivierung von Funktionen),
    • Standard-Styles festzulegen,
    • zukünftig weitere Dinge zu machen.
  • Einstellungen und Styles können sowohl auf globaler Ebene für alle Blöcke als auch granular für einzelne Blöcke angegeben werden. Es kann also zum Beispiel eine globale Farbpalette angegeben werden und für den Gruppe-Block eine andere.
  • WordPress generiert aus vielen der Einstellungen Klassennamen und CSS-Variablen, sodass die Stylings direkt greifen.
  • Zusätzlich können die verfügbaren Templates in Block-basierten Themes darüber definiert werden.
  • Mit remove_theme_support( 'block-templates' ); kann verhindert werden, dass mit einer theme.json der Template-Editor aktiviert wird.
  • Nicht notwendig für bestehende oder neue Themes, komplett optional.
  • Links

Block-basierter Widget-Editor

  • Widgets sind jetzt auch Blöcke, die Ansicht unter DesignWidgets und im Customizer wurden entsprechend überarbeitet.
  • Die Blöcke werden mehr oder weniger (je nach Theme) angezeigt, wie sie auf der Website angezeigt werden.
  • Die bestehenden Core-Widgets wurden in Blöcke überführt und zusätzlich können alle anderen verfügbaren Blöcke in Widget-Bereichen genutzt werden, genau wie im normalen Beitrag-/Seiten-Editor.
  • »Alte« Widgets werden in einem Legacy-Widget-Block angezeigt, aber auch neue Block-Widgets werden in die alte Ansicht übernommen, wenn nach Nutzung der neuen Ansicht die alte Ansicht aktiviert würde.
  • Modus ist deaktivierbar über
  • Make-Beitrag zum neuen Widget-Editor.

Block-API-Änderungen

Full-Site-Editing-Blöcke

  • Es gibt eine Reihe neue Blöcke, die für das Full-Site-Editing gebraucht werden:
    • Website-Titel- und -Beschreibung,
    • Website-Logo,
    • Beitragstitel,
    • Archivseitentitel,
    • Abfrage-Loop,
    • Excerpt,
    • Beitragsinhalt,
    • Autor*in
    • Datum
  • Der Navigation-Block ist noch nicht enthalten.
  • Für den Bild-Block gibt es einen Duotone-Filter.
Zwei Beispiele des Duotone-Effekts. (Screenshot: s.w.org)

Block-Styles nur für vorhandene Blöcke laden

  • Eine Funktion, die explizit aktiviert werden muss.
  • Die Core-Block-Styles werden dann in ein Stylesheet pro Block aufgeteilt und diese nur eingebunden, wenn ein Block auf der Seite genutzt wird.
  • Für klassische Themes werden dabei die Styles im Footer geladen, weil zu spät klar ist, welche Blöcke genutzt werden. Bei Block-Themes werden sie weiter normal im Head geladen.
  • Entwicklerinnen und Entwickler könnten die Funktion zusätzlich dazu nutzen, eigene Styles für Blöcke auch in einzelne Dateien aufzuteilen und an die Core-Dateien anzuhängen.
  • Mehr Informationen dazu und zu weiteren Änderungen im Make-Beitrag zu Verbesserungen beim Laden der Styles.

Template-Editor (kein Site-Editor)

  • ermöglicht die Bearbeitung und Erstellung von Templates für Seiten und Beiträge, wie Seiten-Templates.
  • Ohne den Navigation-Block nur begrenzt nützlich (oder wir verstehen es nicht richtig).
  • Die Blöcke im Template-Editor werden in einem iFrame geladen, im Gegensatz zu der Ansicht im normalen Inhaltseditor.

Wer Full-Site-Editing ausprobieren möchte, braucht

Verschiedenes

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert