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

Der WP Block-Editor

Avatar for Simon Kraft Simon Kraft
March 07, 2018
Programming
0
290

Der WP Block-Editor

WordPress 5.0 und das Gutenberg-Projekt
Avatar for Simon Kraft

Simon Kraft

March 07, 2018
Tweet

More Decks by Simon Kraft

See All by Simon Kraft
Optimale Bildformate im 21. Jahrhundert
Avatar for Simon Kraft krafit
0
39
WordPress Multisite
Avatar for Simon Kraft krafit
0
120
WordPress for Future
Avatar for Simon Kraft krafit
1
530
AMP - Like Dynamite
Avatar for Simon Kraft krafit
0
340
Das Pluginkollektiv liebt dich (2018)
Avatar for Simon Kraft krafit
0
310
Das Pluginkollektiv liebt dich ❤️
Avatar for Simon Kraft krafit
0
390
WordPress Child-Themes
Avatar for Simon Kraft krafit
0
820
These go to elven – Einstieg: WordPress-Perofmance
Avatar for Simon Kraft krafit
0
31
WordPress einrichten
Avatar for Simon Kraft krafit
0
83

Other Decks in Programming

See All in Programming
React は次の10年を生き残れるか：3つのトレンドから考える
Avatar for Yuka O’oka oukayuka
19
6k
Hack Claude Code with Claude Code
Avatar for Akihiro Okuno choplin
7
2.6k
猫と暮らす Google Nest Cam生活🐈 / WebRTC with Google Nest Cam
Avatar for Yutaro Muta yutailang0119
0
170
LT 2025-06-30: プロダクトエンジニアの役割
Avatar for Keisuke Yamamoto yamamotok
0
870
[SRE NEXT] 複雑なシステムにおけるUser Journey SLOの導入
Avatar for yakenji yakenji
0
150
GPUを計算資源として使おう！
Avatar for prime number primenumber
1
250
Modern Angular with Signals and Signal Store: New Rules for Your Architecture @enterJS Advanced Angular Day 2025
Avatar for Manfred Steyer manfredsteyer
PRO
0
270
NEWT Backend Evolution
Avatar for Rodrigo Ramirez xpromx
1
140
AI時代の『改訂新版 良いコード／悪いコードで学ぶ設計入門』 / ai-good-code-bad-code
Avatar for MinoDriven minodriven
24
9.6k
AI Agent 時代のソフトウェア開発を支える AWS Cloud Development Kit (CDK)
Avatar for Kenji Kono konokenj
6
810
ISUCON研修おかわり会 講義スライド
Avatar for Yuki Yata arfes0e2b3c
1
470
マッチングアプリにおけるフリックUIで苦労したこと
Avatar for yuhei yuheiito
0
190

Featured

See All Featured
Building Applications with DynamoDB
Avatar for Matt Wood mza
95
6.5k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
Faster Mobile Websites
Avatar for Dean Hume deanohume
308
31k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
71
11k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
8
830
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
184
22k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
332
24k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
48
2.9k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k

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