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

Der WP Block-Editor

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Simon Kraft Simon Kraft
March 07, 2018
Programming
0
330

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
50
WordPress Multisite
Avatar for Simon Kraft krafit
0
150
WordPress for Future
Avatar for Simon Kraft krafit
1
570
AMP - Like Dynamite
Avatar for Simon Kraft krafit
0
370
Das Pluginkollektiv liebt dich (2018)
Avatar for Simon Kraft krafit
0
350
Das Pluginkollektiv liebt dich ❤️
Avatar for Simon Kraft krafit
0
430
WordPress Child-Themes
Avatar for Simon Kraft krafit
0
880
These go to elven – Einstieg: WordPress-Perofmance
Avatar for Simon Kraft krafit
0
38
WordPress einrichten
Avatar for Simon Kraft krafit
0
94

Other Decks in Programming

See All in Programming
What Spring Developers Should Know About Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
710
Codex CLIのSubagentsによる並列API実装 / Parallel API Implementation with Codex CLI Subagents
Avatar for 冨澤宝斗 takatty
2
650
PHPで TLSのプロトコルを実装してみる
Avatar for higaki higaki_program
0
520
ファインチューニングせずメインコンペを解く方法
Avatar for pokutuna pokutuna
0
200
PHP 7.4でもOpenTelemetryゼロコード計装がしたい！ / PHPerKaigi 2026
Avatar for Arthur arthur1
1
420
AI時代の脳疲弊と向き合う ~言語学としてのPHP~
Avatar for Sakurai sakuraikotone
1
1.6k
[PHPerKaigi 2026]PHPerKaigi2025の企画CodeGolfが最高すぎて社内で内製して半年運営して得た内製と運営の知見
Avatar for Z.O.E. ikezoemakoto
0
290
我々はなぜ「層」を分けるのか〜「関心の分離」と「抽象化」で手に入れる変更に強いシンプルな設計〜 #phperkaigi / PHPerKaigi 2026
Avatar for shogogg shogogg
2
640
OTP を自動で入力する裏技
Avatar for Megabits_mzq megabitsenmzq
0
130
Fundamentals of Software Engineering In the Age of AI
Avatar for Dan Vega therealdanvega
2
300
最初からAWS CDKで技術検証してもいいんじゃない？
Avatar for アキキー | Akihisa Ikeda akihisaikeda
4
180
ロボットのための工場に灯りは要らない
Avatar for watany watany
12
3.2k

Featured

See All Featured
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
2
180
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
1.8k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
528
40k
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
480
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
200
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
500
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
160
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
0
86
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
1
490
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
1
2.1k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.2k
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
5.5k

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