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
300

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
40
WordPress Multisite
Avatar for Simon Kraft krafit
0
130
WordPress for Future
Avatar for Simon Kraft krafit
1
550
AMP - Like Dynamite
Avatar for Simon Kraft krafit
0
350
Das Pluginkollektiv liebt dich (2018)
Avatar for Simon Kraft krafit
0
330
Das Pluginkollektiv liebt dich ❤️
Avatar for Simon Kraft krafit
0
400
WordPress Child-Themes
Avatar for Simon Kraft krafit
0
840
These go to elven – Einstieg: WordPress-Perofmance
Avatar for Simon Kraft krafit
0
33
WordPress einrichten
Avatar for Simon Kraft krafit
0
86

Other Decks in Programming

See All in Programming
競馬で学ぶ機械学習の基本と実践 / Machine Learning with Horse Racing
Avatar for ShoheiMitani shoheimitani
13
13k
r2-image-worker
Avatar for Yusuke Wada yusukebe
1
170
PHPライセンス変更の議論を通じて学ぶOSSライセンスの基礎
Avatar for Atsushi Matsuo matsuo_atsushi
0
150
オフライン対応！Flutterアプリに全文検索エンジンを実装する @FlutterKaigi2025
Avatar for JaiChangPark itsmedreamwalker
2
220
高単価案件で働くための心構え
Avatar for Katsuma Narisawa nullnull
0
150
Promise.tryで実現する新しいエラーハンドリング New error handling with Promise try
Avatar for おおいし bicstone
3
470
自動テストを活かすためのテスト分析・テスト設計の進め方/JaSST25 Shikoku
Avatar for Hiroki Iseri goyoki
3
700
自動テストのアーキテクチャとその理由ー大規模ゲーム開発の場合ー
Avatar for SEGADevTech segadevtech
2
1k
モビリティSaaSにおけるデータ利活用の発展
Avatar for Nealle nealle
0
500
CSC509 Lecture 13
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
250
知られているようで知られていない JavaScriptの仕様 4選
Avatar for syumai syumai
0
610
詳細の決定を遅らせつつ実装を早くする
Avatar for shimabox shimabox
1
1.3k

Featured

See All Featured
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
73
11k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
56
14k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
9
980
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.5k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
How GitHub (no longer) Works
Avatar for Zach Holman holman
315
140k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.5k
KATA
Avatar for Megan Lloyd mclloyd
PRO
32
15k
Scaling GitHub
Avatar for Zach Holman holman
463
140k

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