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
  • Make-Beitrag zur theme.json.
  • theme.json-Seite im Block-Editor-Handbuch.
  • KrautPress-Artikel zur theme.json.

Block-basierter Widget-Editor

• Widgets sind jetzt auch Blöcke, die Ansicht unter Design › Widgets 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
  • remove_theme_support( 'widgets-block-editor' ),
  • use_widgets_block_editor-Filter (kann auch genutzt werden, den neuen Widget-Editor für einzelne User zu deaktivieren) oder
  • Classic-Widgets-Plugin.
• Make-Beitrag zum neuen Widget-Editor.

Block-API-Änderungen

• Ab 5.8 ist die block.json für Blöcke die empfohlene Möglichkeit, die Block-Metadaten zu registrieren.
  • unterschiedliche Vorteile, beispielsweise, dass die Datei sowohl von JS als auch PHP gelesen werden kann.
• Vier PHP-Filter wurden als veraltet markiert und durch Entsprechungen ersetzt, die den Kontext des Editors kennen (da es jetzt mehrere Ansichten mit dem Editor-Interface gibt, ist das notwendig):
  • allowed_block_types, block_categories, block_editor_preload_paths und block_editor_settings.
  • Mit den neuen Filtern sollte es beispielsweise möglich sein, bestimmte Blöcke im Widget-Screen zu verbieten, oder bestimmte Blöcke nur im Widget-Screen zu erlauben.
• Block-Vorlagen können als Vorschläge beim Einfügen von Blöcken angezeigt werden und Blöcke können in Vorlagen transformiert werden (Make-Beitrag zu den Änderungen der Block-API bei den Block-Vorlagen).
• Verschiedene Block-Editor-APIs wurden entfernt.

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.

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

• Testinstallation von WordPress mit dem Gutenberg-Plugin
• Ein Block-basiertes Theme (kann man im Theme-Installieren-Dialog nach filtern)

Verschiedenes

• REST-API hat Endpunkte für Widgets und Sidebars bekommen
• Block-Vorlagen für ältere Default-Themes
• Neuer Plugin-Header, um eine andere Update-URI anzugeben als WordPress.org.
• Site-Health-Ansicht kann erweitert werden.
• WebP als erlaubtes Format für die Mediathek.
  • bestehende Bilder werden nicht umgewandelt – es gibt Überlegungen in die Richtung.
  • Wird auch überlegt, Formate wie AVIF und JPEGXL zu unterstützen.
  • Code für Qualität von WebP und Multisite-Unterstützung gibt es im Make-Beitrag.
• Support für IE11 im Backend beendet.
• Verschiedene kleinere Änderungen.
• Alle Trac-Tickets.

The post Das ist neu in WordPress 5.8 appeared first on PressWerk.

Daniel Hüsken ist langjähriges Community-Mitglied. In dieser Folge spricht er über die Hintergründe zur Entstehung von BackWPUp und zu seinem beruflichen Werdegang vom Versicherungskaufmann zum WordPress-Profi. Aber auch gesundheitliche Probleme und Erfolge die Daniel in den letzten Jahren beide erlebt hat, kommen nicht zu kurz.

On Air:

Daniel Hüsken

• Erstes Plugin: MiniMeta Widget
• Meetup: Osnabrück-Münster
• Product Owner bei Inpsyde
• empfiehlt SELFHTML

BackWPUp

• im WordPress.org-Verzeichnis
• seit 2009
• eigener Bedarf für ein Backup-Plugin
• sichert Datenbank und Dateien
• seit Übernahme durch Inpsyde: Pro-Version
• jetzt auch mit Restore

The post Daniel Hüsken und Backups appeared first on PressWerk.

Sehr lange waren Pagebuilder für viele Nutzerinnen und Nutzer die einzige Möglichkeit, komplexere Inhaltslayouts umzusetzen ohne selbst Code schreiben zu müssen. Mit der Einführung von Gutenberg als neuer Standard-Editor in WordPress 5.0 konnte jetzt aber auch der Core-Editor deutlich aufwändigere Layouts ermöglichen, ohne in den Code abtauchen zu müssen. Aber ist Gutenberg schon so weit, dass er einen Ersatz für Pagebuilder darstellt?

On Air:

Was ist eigentlich ein Pagebuilder

• Bietet Anwenderinnen und Anwendern die Möglichkeit, Inhalte bis in kleinste Details zu gestalten und anzupassen.
• Versprechen
  • ohne Codekenntnisse nutzbar zu sein
  • Nutzung per Drag-&-Drop
  • Erstellung komplett individueller Layouts
• Der Pagebuilder ersetzt dafür den WP-Editor.
• Bekannte Plugins:
  • WPBakery
  • Visual Composer
  • Divi
  • Elementor
• Zur Umsetzung der Layouts werden Shortcodes, Custom Fields oder Inline-Code genutzt.
• Kommen oft mit Performance-Problemen daher, weil viele Skripte und Stylesheets geladen werden und das Markup extrem verschachtelt ist.
• Seit einiger Zeit ermöglichen Pagebuilder auch die Anpassung von Header, Footer und Co.
• PressWerk-Episode 7 zu Pagebuildern.

Was ist eigentlich Gutenberg

• Ist seit WordPress 5.0 im Core, alle Inhaltselemente sind jetzt einzelne Blöcke.
• Ziel des Editors war und ist, Usern eine einfachere Umsetzung komplexerer Inhalte ohne Shortcodes oder selbstgeschriebenes HTML zu ermöglichen.
• Legt gleichzeitig die Grundlage für weitere geplante Verbesserungen, von denen wir die ersten in WordPress 5.8 sehen werden.
• Mit dem Gutenberg-Plugin kann die Vorab-Version des Editors getestet werden – nicht für Produktiv-Sites empfohlen.
• Durch Plugins lässt sich der Editor durch weitere Blöcke und Funktionen erweitern.
• Ist noch nicht ganz ein Pagebuilder.

Kann Gutenberg Pagebuilder ersetzen (uns sollte er es)?

• Grundsätzlich kann mit Gutenberg schon viel umgesetzt werden, wenn es nicht bis ins kleinste Detail gehen soll.
• Über Erweiterungen geht auch im Bereich Detail-Anpassungen schon einiges, dadurch wird man allerdings wieder abhängig von bestimmten Plugins.

Warum das Verlassen von Pagebuildern schmerzhaft ist

• Zunächst: meist dürfte es sich schon jetzt lohnen, von Pagebuildern auf Gutenberg zu wechseln.
• Meist muss die Website im Prinzip beim Wechsel noch mal neu gebaut werden.
  • alle Seiten und Beiträge, die den Pagebuilder nutzen, müssen in Gutenberg nachgebaut werden.
• Die meisten Layouts lassen sich aber recht einfach mit Gutenberg nachbauen.
• Bei komplexeren Modulen von Pagebuildern müssen gegebenenfalls passende Drittanbieter-Blöcke gesucht werden.
• Mit Block-Patterns können sich häufig wiederholende Block-Layouts als Vorlage gespeichert werden. »Block-Patterns erstellen«-Artikel bei KrautPress.
• Wechsel eher bei Relaunch empfehlenswert.
• Dringende Empfehlung: Wechsel mit einer Staging-Site, nicht im laufenden Betrieb, auch wenn Plugins wie Gutenberg Ramp existieren.
• In jedem Fall: Block-Editor ist die zukunftssichere Option.
• Plugin zur Suche verwendeter Blöcke: Find My Blocks.

Gutenberg-Themes

• Grundsätzlich kann Gutenberg ohne spezielle Themes genutzt werden.
• Themes können aber bestimmte Funktionen von Gutenberg unterstützen, etwa:
  • Anpassen der Farbpalette im Editor an die Theme-Farben,
  • Anpassung der verfügbaren Schriftgrößen,
  • Unterstützung von einer weiten und vollen Breite für Blöcke,
  • Editor-Styles,
  • Block-Patterns.
• Empfehlenswerte Themes:
  • Aino
  • Blocksy
  • Naledi
  • Go Theme
  • 2021 Block TT1 Blocks.

The post Pagebuilder und Gutenberg appeared first on PressWerk.

Was bedeutet Gutenberg für die Design und Theme-Entwicklung? Wie geht ein Theme-Shop mit dem Umbruch um, der durch den neuen WordPress-Editor ansteht?

Über diese und viele weitere Fragen habe ich mit Ellen Bauer und Manuel Esposito – gemeinsam besser bekannt als Elmastudio gesprochen.

On Air:

Wer mehr über Ellen und Manuel erfahren möchte, kann auch in mein vorheriges Interview mit den beiden reinhören. Im Sommer 2017 haben wir über ihren Theme-Shop Elmastudio, die Werdegänge der beiden und ihr Leben in Neuseeland gesprochen.

Zu Gast: Elmastudio

• Elmastudio.de
• Aino Theme
• Aino Blocks

The post Elmastudio und Gutenberg appeared first on PressWerk.

Bernhard Kau ist einer der Lead-Organisatoren des WordCamp Europe 2020 in Porto. Nachdem das Orga-Team gestern bekannt gegeben hat, dass das #WCEU in diesem Jahr nicht stattfinden wird, konnte ich heute morgen kurz mit Bernhard telefonieren.

Weil wir das Interview telefonisch und mit improvisierter Technik aufgenommen haben, ist die Qualität leider nicht ganz optimal.

On Air:

Ankündigung im WCEU-Blog

Shownotes als Blogpost auf KrautPress.de

The post Interview: WordCamp Europe 2020 abgesagt appeared first on PressWerk.

Nach vielen Monaten der Entwicklung wird heute im Laufe des Abends das Update auf WordPress 5.0 veröffentlich werden. Um über die Neuerungen (die fast ausschließlich den Editor betreffen) und vor allem den steinigen Weg zur Veröffentlichung zu sprechen, habe ich mir Florian Brinkmann zu einer, etwas improvisierten Aufnahme eingeladen.

Die Audioqualität ist dieses Mal leider nicht ganz auf dem gewohnten Niveau, weil ich ungünstiger Weise in Urlaub gefahren bin, bevor der Termin bekannt wurde.

On Air:

Zu Gast: Florian Brinkmann

• Entwickler und Blogger

Gutenberg – der neue Editor

• alle Inhalte sind in Gutenberg „Blöcke“
• Beiträge und Seiten sind aus diesen Blöcken zusammengesetzt
• PressWerk Folge 35: Gutenberg
• Simons Vortrag: Der WP Block-Editor
• Gutenberg Handbook auf WordPress.org

Gutenberg-Probleme / -Kontroversen

• Probleme mit der Barrierefreiheit – Rian Rietveld: I have resigned as the WordPress accessibility team lead. Here is why.
• Potentielles DSGVO-Problem: Google Font im Backend

Nicht-Gutenberg-Neuerungen

• Das neue Standard-Theme: TwentyNinteen
• JavaScript Languagepacks

Wie man auf WordPress 5.0 aktualisiert

• Update muss manuell ausgelöst werden
• Vor dem Update: Backup anlegen
• Im Zweifelsfall: vorher noch Classic Editor Plugin installieren

The post WordPress 5.0 und der Gutenberg-Editor appeared first on PressWerk.

Auf dem ausklingenden WordCamp Europe in Belgrad hatte ich Bernhard Kau zu Gast. Zusammen mit einem Team aus Berlin und dem Rest der Republik hat sich Bernhard in den letzten Monaten um die Ausrichtung des WordCamp Europe 2019 beworben. Wie heute in der Abschlussveranstaltung in Belgrad angekündigt wurde, erhält Berlin den Zuschlag. Der Vertrag für den Veranstaltungsort ist unterschrieben und die konkrete Planung kann starten.

Die Details in Textform haben wir in einem kurzen Artikel auf KrautPress.de zusammengefasst.

On Air:

The post Exklusivinterview: WordCamp Europe 2019 Berlin appeared first on PressWerk.

Heute vor 15 Jahren erblickte ein kleines Projekt mit dem Namen WordPress das Licht der Welt. Als Gast haben wir Robert Windisch im PressWerk-Studio, der seit 2005 in der deutschen WordPress-Communtiy aktiv ist, und einen Einblick in die Frühzeit des Projekts, in interessante Übersetzungen, in Entscheidungen und Probleme geben kann, die nicht viele von uns miterlebt haben.

On Air:

The post 15 Jahre WordPress – aus Sicht der deutschen Community appeared first on PressWerk.

Auf dem WordCamp Retreat Soltau war Felix Arntz im ersten Versuch einer Live-Aufnahme des PressWerks Zugast. In dieser ersten Sendung vor Publikum, erzählt Felix von einer Funktion, die tief im WordPress-Core versteckt ist: Multi-Networks. Die Unterhaltung ist mit der Zeit recht stark in den technischen Bereich abgerutscht, aber dennoch hörenswert. All diejenigen, denen die Komplexität einfacher Multisites nicht ausreicht, werden hier definitiv ihr nächstes Abenteuer finden. 

Weil WordCamp-Vorträge als Video mitgeschnitten werden, kann man uns beide (in unbearbeiteter Form) ausnahmsweise auch mal beim Sprechen beobachten. Die Aufnahme findet sich auf WordPress.tv.

On Air:

Zu Gast: Felix Arntz

Was ist eigentlich eine Multisite?

Was ist ein Multi-Network?

Support für WP-CLI?

Kann man das schon benutzen?

„Global-Admin“ angepasste Berechtigungen für Multi-Network

Die nächsten Schritte in der Entwicklung

The post WordPress Multi-Networks appeared first on PressWerk.

Zum Ende des WordCamp Retreat Soltau 2018 war Sven Wagener als Gast im PressWerk. Gemeinsam mit ihm blicken wir auf das weltweit erste WordCamp im Retreat-Format zurück. Sven, der als Lead-Orga Teil des großen Orga-Teams war liefert im Rahmen des Gesprächs nicht nur interessante Einblicke hinter die Kulissen des Camps, sondern spricht auch offen über Probleme während der Vorbereitung und seine Hoffnungen für weitere Camps in ähnlichem Format.

On Air:

Während des Camps haben Michaela Steidl, Jessica Lyschik und ich gemeinsam jeden Tag eine Folge der „WCretreat-Morningshow“ produziert, in der wir gemeinsam auf den zurückliegenden Tag blickten und einen bisweilen recht subjektiven und vor allem kurzweiligen Überblick über das Camp liefern.

• Morningshow: Freitag
• Morningshow: Samstag
• Morningshow: Sonntag

The post WordCamp Retreat Soltau 2018 Rückblick appeared first on PressWerk.