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

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
340
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
69
WordPress Multisite
Avatar for Simon Kraft krafit
0
160
WordPress for Future
Avatar for Simon Kraft krafit
1
600
AMP - Like Dynamite
Avatar for Simon Kraft krafit
0
390
Das Pluginkollektiv liebt dich (2018)
Avatar for Simon Kraft krafit
0
370
Das Pluginkollektiv liebt dich ❤️
Avatar for Simon Kraft krafit
0
450
WordPress Child-Themes
Avatar for Simon Kraft krafit
0
900
These go to elven – Einstieg: WordPress-Perofmance
Avatar for Simon Kraft krafit
0
39
WordPress einrichten
Avatar for Simon Kraft krafit
0
100

Other Decks in Programming

See All in Programming
AI 輔助遺留系統現代化的經驗分享
Avatar for James Wang jame2408
1
1.2k
関数型プログラミングのメリットって何だろう？
Avatar for わんこ(Wanko_IT) wanko_it
0
150
Embedded SREと共に達成した会員管理システムのAWS移行 - SRE NEXT 2026 ランチスポンサーセッション
Avatar for ニフティ株式会社 niftycorp
PRO
0
1.8k
Semantic Version 単位で戦略を柔軟に変えて、パッケージアップデートを自動化する
Avatar for daitasu daitasu
1
350
SREの積み重ねがAI駆動開発のガードレールになった ― 7つの実践/SRE Guardrails The 7
Avatar for TomoyaKitaura tomoyakitaura
7
3.2k
フィードバックで育てるAI開発
Avatar for Kota Minato kotaminato
1
110
「なぜそう決めたのか」を残し続ける仕組み ― Notion AI カスタムエージェント × Slack連携による設計判断の自動記録 - NIKKEI Tech Talk #47
Avatar for ニフティ株式会社 niftycorp
PRO
0
250
【SRE NEXT 2026 Lunch Session】一人目専任SREの立ち上げを加速する ― AIと進めたオンボーディングで2分を0.04秒にした話
Avatar for PKSHA Technology（パークシャテクノロジー） pkshadeck
PRO
0
1.8k
スマートグラスで並列バイブコーディング
Avatar for Hayami Shuhei hyshu
0
280
act1-costs.pdf
Avatar for Sumedh Bala sumedhbala
0
190
初めてのKubernetes 本番運用でハマった話
Avatar for Kobujee_53 oku053
0
120
コンテキストの使い捨てをやめる — ビジネスルール駆動開発と miko —
Avatar for ioki ioki
0
270

Featured

See All Featured
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
1
280
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
3
180
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
211
24k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.9k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
380
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
320
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
22k
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
330
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
1
560
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
3k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
610
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
3
430

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