Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Der WP Block-Editor

Avatar for Simon Kraft Simon Kraft
March 07, 2018
Programming
350
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
78
WordPress Multisite
Avatar for Simon Kraft krafit
0
170
WordPress for Future
Avatar for Simon Kraft krafit
1
610
AMP - Like Dynamite
Avatar for Simon Kraft krafit
0
400
Das Pluginkollektiv liebt dich (2018)
Avatar for Simon Kraft krafit
0
380
Das Pluginkollektiv liebt dich ❤️
Avatar for Simon Kraft krafit
0
460
WordPress Child-Themes
Avatar for Simon Kraft krafit
0
910
These go to elven – Einstieg: WordPress-Perofmance
Avatar for Simon Kraft krafit
0
44
WordPress einrichten
Avatar for Simon Kraft krafit
0
100

Other Decks in Programming

See All in Programming
なぜCTOを降りてFDEを選んだのか？〜なぜプロダクト企業がFDEで顧客の現場に踏み込むのか〜
Avatar for ryuta sakamoto gonta
1
150
Heart of Swift Concurrency
Avatar for Yuta Koshizawa koher
0
1.2k
R8 の設定見直しでアプリサイズ削減
Avatar for ANDPAD inc andpad
0
160
Domain-Driven Transformation
Avatar for Henning Schwentner hschwentner
2
2.3k
モジュールの視点からSwiftを読み解く #iosdc
Avatar for Shigure Shimotori s_shimotori
0
350
Atomic Design, Enforced: Scaling Mobile Design Systems (next.app devCon / droidCon Berlin 2026)
Avatar for Stelios Frantzeskakis steliosf
PRO
0
130
見えないものを探る要求要件定義に必要な基本的思考 / invisible-requirement-thinking
Avatar for MinoDriven minodriven
14
6.7k
仕様駆動開発による爆速プロダクト開発 / Bakusoku Spec Driven Development
Avatar for Keisuke Kobayashi kobakei
0
190
手動確認はもう限界 〜XCUITestでCustom URL Schemeの遷移を起動種別ごとに自動テストする〜 / Testing Custom URL Schemes with XCUITest
Avatar for otouto otouto
0
390
Starting & Sustaining Code-Based E2E Testing for Non-Coding QA Teams( #jasstniigata )
Avatar for teyamagu teyamagu
PRO
1
910
スマートフォンでモールス信号を送受信する 〜スマートフォンのLEDとカメラで作る光通信の設計と実装〜
Avatar for Atsuki Seo atsuki_seo
0
230
Simple Storage Service(S3) is not simple
Avatar for Yura Iwatsuka iwatsukayura
0
200

Featured

See All Featured
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
1
570
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.5k
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
530
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
56
3.5k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
192
12k
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
340
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
1
520
The #1 spot is gone: here's how to win anyway
Avatar for Tamara Novitovic tamaranovitovic
4
1.2k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
3
270
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
340
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
1
2.4k
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
1
550

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