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
280

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
110
WordPress for Future
Avatar for Simon Kraft krafit
1
520
AMP - Like Dynamite
Avatar for Simon Kraft krafit
0
330
Das Pluginkollektiv liebt dich (2018)
Avatar for Simon Kraft krafit
0
300
Das Pluginkollektiv liebt dich ❤️
Avatar for Simon Kraft krafit
0
380
WordPress Child-Themes
Avatar for Simon Kraft krafit
0
810
These go to elven – Einstieg: WordPress-Perofmance
Avatar for Simon Kraft krafit
0
27
WordPress einrichten
Avatar for Simon Kraft krafit
0
78

Other Decks in Programming

See All in Programming
複数アプリケーションを育てていくための共通化戦略
Avatar for irof irof
8
3.2k
💎 My RubyKaigi Effect in 2025: Top Ruby Companies 🌐
Avatar for Yohei Yasukawa yasulab
PRO
1
130
Doma で目指す ORM 最適解
Avatar for Toshihiro Nakamura nakamura_to
1
170
SODA - FACT BOOK
Avatar for SODA inc. sodainc
1
120
DevDay2025-OracleDatabase-kernel-addressing-history
Avatar for oracle4engineer oracle4engineer
PRO
7
1.7k
20250528 AWS Startupイベント登壇資料：AIコーディングの取り組み
Avatar for Hanse Kim procrustes5
0
120
ts-morph実践：型を利用するcodemodのテクニック
Avatar for ypresto ypresto
1
570
Perlで痩せる
Avatar for Yuuki Shimizu yuukis
1
670
Zennの運営完全に理解した #完全に理解したTalk
Avatar for Yusuke Wada wadayusuke
1
160
機械学習って何？ 5分で解説頑張ってみる
Avatar for Kazuki Ishikawa kuroneko2828
0
160
プロダクト改善のために新しいことを始める -useContextからの卒業、Zustandへ-
Avatar for 株式会社Rebase_エンジニアリング rebase_engineering
1
100
try-catchを使わないエラーハンドリング！？ PHPでResult型の考え方を取り入れてみよう
Avatar for Takuma Kajikawa kajitack
3
390

Featured

See All Featured
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
26k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.3k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
280
13k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
53
11k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
430
65k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
368
19k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
1
92
Building Applications with DynamoDB
Avatar for Matt Wood mza
95
6.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