Folien vom Gutenberg Vortrag beim WordCamp Köln 2017

1. Gutenberg
Individuelle Bausteine für WordPress 5.0

2. Inhalt
Gutenberg
• Wer
• Wann
Einführung / Überblick / Zusammenfassung
Blöcke
• Was
• Warum
• Wie
Zukunft
• Was
• Wie

3. Sören Wrede
#WordPress
#Hamburg
#Webentwickler
#Medieninformatik

4. Gutenberg
• Neuer Editor
• Neues Interface
• Blöcke als Konzept
• JavaScript (ES6 / React)
• WordPress 5.0 (Mitte 2018?)
• Prototyp / Beta à Jetzt Testen

5. Warum?
• Shortcodes?
• PageBuilder?
• Widgets?
• Custom Fields?
• TinyMCE?
• Medium, Wix, Squarespace?
• Drupal, Joomla, Typo3?
• Mobile?

6. Ziele
• Alles besteht aus Blöcken
• Alle Blöcke werden gleich erstellt
• Drag & Drop / Copy & Paste
• Platzhalter
• Direkt
• Individuell

7. Mythen
• Deaktivierbar
• Metaboxen
• Custom Post Type
• Shortcode
• (NOCH) Kein Pagebuilder
• Kein Frontend Editor

10. Blöcke
• Komponente / Modul / Element / Bausteine
• Statisch:
• HTML beim Speichern erzeugt
• Text-Absatz, Bild, Video, Tabelle, Button...
• Dynamisch:
• Von Server generiert (Datenbank, API)
• Letzte Beiträge, Benutzerliste, ...

11. wp_content

14. Block API
• <!-- wp:namespace/block-name -->
• Konfigurations-Objekt

15. Konfiguration
https://github.com/obenland/giphy-block

19. Woran wird gearbeitet?
• Globale Blöcke
• Erweiterbarkeit (Hooks, Slots, ...)
• Definierte Block-Templates
• Spalten / Verschachteln
• WebRTC
• Customizer, Widgets, Menü, Theme

22. Hausaufgaben
• Testen
• Feedback geben
• Dokumentation lesen
• Eigene Blöcke erstellen
• Gelerntes weitergeben (Talk, Blog, Twitter)
• Pull Requests (GitHub!)

25. Links
• https://make.wordpress.org/core/2017/01/17/editor-technical-
overview/
• https://make.wordpress.org/core/2017/05/05/editor-how-little-
blocks-work/
• https://ma.tt/2017/08/we-called-it-gutenberg-for-a-reason/
• https://matiasventura.com/post/gutenberg-or-the-ship-of-theseus/
• https://github.com/WordPress/gutenberg/blob/master/docs/faq.md

26. Fragen?
Sören Wrede
Twitter: @soean