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
540
AMP - Like Dynamite
Avatar for Simon Kraft krafit
0
340
Das Pluginkollektiv liebt dich (2018)
Avatar for Simon Kraft krafit
0
320
Das Pluginkollektiv liebt dich ❤️
Avatar for Simon Kraft krafit
0
390
WordPress Child-Themes
Avatar for Simon Kraft krafit
0
830
These go to elven – Einstieg: WordPress-Perofmance
Avatar for Simon Kraft krafit
0
31
WordPress einrichten
Avatar for Simon Kraft krafit
0
84

Other Decks in Programming

See All in Programming
オープンセミナー2025 @広島 LT 技術ブログを続けるには
Avatar for Satoshi Kaneyasu satoshi256kbyte
0
150
TROCCO×dbtで実現する人にもAIにもやさしいデータ基盤
Avatar for Nealle nealle
0
410
もうちょっといいRubyプロファイラを作りたい (2025)
Avatar for osyoyu osyoyu
0
240
Google I/O recap web編 大分Web祭り2025
Avatar for kponda kponda
0
2.9k
Swift Updates - Learn Languages 2025
Avatar for Yuta Koshizawa koher
1
400
[FEConf 2025] 모노레포 절망편, 14개 레포로 부활하기까지 걸린 1년
Avatar for Jonghyuk Max Kim mmmaxkim
0
1.4k
Flutter with Dart MCP: All You Need - 박제창 2025 I/O Extended Busan
Avatar for JaiChangPark itsmedreamwalker
0
120
Oracle Database Technology Night 92 Database Connection control FAN-AC
Avatar for oracle4engineer oracle4engineer
PRO
1
380
Protocol Buffersの型を超えて拡張性を得る / Beyond Protocol Buffers Types Achieving Extensibility
Avatar for linyows linyows
0
100
サーバーサイドのビルド時間87倍高速化
Avatar for PLAID Tech plaidtech
PRO
0
690
AIエージェント開発、DevOps and LLMOps
Avatar for Kento.Yamada ymd65536
1
380
パッケージ設計の黒魔術/Kyoto.go#63
Avatar for kadota kyohei lufia
3
410

Featured

See All Featured
BBQ
Avatar for Matthew Crist matthewcrist
89
9.8k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
184
22k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
302
21k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
358
30k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
30
9.6k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
9
800
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
90
590k

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