Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Der WP Block-Editor

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Simon Kraft Simon Kraft
March 07, 2018
Programming
350
0

Der WP Block-Editor

WordPress 5.0 und das Gutenberg-Projekt

Avatar for Simon Kraft

Simon Kraft

March 07, 2018

More Decks by Simon Kraft

See All by Simon Kraft
Optimale Bildformate im 21. Jahrhundert
Avatar for Simon Kraft krafit
0
87
WordPress Multisite
Avatar for Simon Kraft krafit
0
180
WordPress for Future
Avatar for Simon Kraft krafit
1
610
AMP - Like Dynamite
Avatar for Simon Kraft krafit
0
410
Das Pluginkollektiv liebt dich (2018)
Avatar for Simon Kraft krafit
0
390
Das Pluginkollektiv liebt dich ❤️
Avatar for Simon Kraft krafit
0
460
WordPress Child-Themes
Avatar for Simon Kraft krafit
0
920
These go to elven – Einstieg: WordPress-Perofmance
Avatar for Simon Kraft krafit
0
47
WordPress einrichten
Avatar for Simon Kraft krafit
0
100

Other Decks in Programming

See All in Programming
Railsのためのパスキー実践入門 〜マルチテナントSaaSでの意思決定〜
Avatar for utakaha utakaha
3
2.4k
Event is what happens
Avatar for MOROHASHI Kyosuke moro
2
2.8k
ActionController meets Protocol Buffers
Avatar for Sorah Fukumori sorah
1
770
sbt 2.0: takeoff
Avatar for Eugene Yokota eed3si9n
0
190
AIがコードを書いてくれる時代、我々は何を確かめるのか
Avatar for Yosuke Furukawa yosuke_furukawa
PRO
13
5.5k
AI時代のIaC入門 〜なぜインフラをコードで管理したいのか？〜 / Introduction to IaC in the AI Era
Avatar for アキキー | Akihisa Ikeda akihisaikeda
6
1.3k
Materialが消えた日 〜真っ白なFlutterキャンバスにRenderObjectで絵を描く〜
Avatar for Aoi Umigishi umigishiaoi
0
140
パスワード再設定メールのURLについて知っておこう
Avatar for uyuki uyuki234
0
210
3回つくってわかった、
定期実行ジョブ基盤の本質情報
Avatar for Naoto Takai takai
4
3.5k
[2026-10-14](C)Re:ゼロから始める異世界生活〜始まりの終わりと終わりの始まり〜
Avatar for tosite tosite
0
260
個人開発者よ、Honoを使え（おじさんver）
Avatar for tanahiro2010 tanahiro2010
2
300
조합이폭발하는디자인시스템이걸눈으로도테스트하라고요
Avatar for giljongyu giljongyu
0
690

Featured

See All Featured
Code Reviewing Like a Champion
Avatar for maltzj maltzj
529
40k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1033
470k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
211
25k
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
3
620
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
540
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2.5k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
22k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
50
10k
Ten Tips & Tricks for a 🌱 transition
Avatar for Manu Carrasco Molina stuffmc
1
280
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
2
6.4k
Navigating Weather and Climate Data
Avatar for Ryan Abernathey rabernat
0
570
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
1.4k

Transcript

  1. Der WP Block-Editor WordPress 5.0 und das Gutenberg-Projekt

  2. Guten Tag • Simon Kraft – @krafit • WordPress-Entwickler seit

    2008 • Meetup-Organisator seit 2012 • Blogger, Podcaster, … Foto von Florian Ziegler, unter CC BY SA 2.0

  3. Zeitreise

  4. WordPress 0.71 Erste Version! 2003

  5. WordPress 2.0 Mit TinyMCE-Editor und „WYSIWYG“ 2005

  6. WordPress 2.3 Kosmetische Änderungen 2007

  7. WordPress 3.8 Mehr kosmetische Änderungen 2013

  8. WordPress 4.9 Noch mehr kosmetische Änderungen 2017

  9. WYSIWYG!

  10. WYSIWYG?

  11. WordPress 5.0 Gutenberg 2018

  12. None

  13. Der Text-Modus

  14. Wiederverwendbare Blöcke

  15. Wiederverwendbare Blöcke

  16. Block-Einstellungen

  17. Was ist Gutenberg?

  18. Was ist Gutenberg? • Editor • Customizer • Theme

  19. Wohin geht die Reise?

  20. Imagine defining a whole page template a a set of

    default blocks, ready to be filled once the user creates a page. Matias Ventura

  21. Redaktionelle Kommentare

  22. Kollaboratives Schreiben

  23. Fußnoten

  24. Erweiterbarkeit

  25. Fragen?

  26. Danke Folien: simonkraft.de/talks Twitter: @krafit Simon Kraft

  27. Testen!

  28. https://twitter.com/andrew_roberts/status/960599570886438912