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

Other Decks in Programming

See All in Programming
Hack Claude Code with Claude Code
Avatar for Akihiro Okuno choplin
4
2k
Railsアプリケーションと パフォーマンスチューニング ー 秒間5万リクエストの モバイルオーダーシステムを支える事例 ー Rubyセミナー 大阪
Avatar for Hayato OKUMOTO falcon8823
5
1.1k
What Spring Developers Should Know About Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
470
20250704_教育事業におけるアジャイルなデータ基盤構築
Avatar for Uchide Hiroki(ucchi-) hanon52_
5
780
プロダクト志向なエンジニアがもう一歩先の価値を目指すために意識したこと
Avatar for Nealle nealle
0
130
RailsGirls IZUMO スポンサーLT
Avatar for 16bit_idol 16bitidol
0
180
AIプログラマーDevinは PHPerの夢を見るか？
Avatar for Shinya Saita shinyasaita
1
220
AI駆動のマルチエージェントによる業務フロー自動化の設計と実践
Avatar for 岡本秀明 h_okkah
0
150
Blazing Fast UI Development with Compose Hot Reload (droidcon New York 2025)
Avatar for Márton Braun zsmb
1
290
第9回 情シス転職ミートアップ 株式会社IVRy（アイブリー）の紹介
Avatar for 株式会社IVRy（社員登壇資料） ivry_presentationmaterials
1
320
設計やレビューに悩んでいるPHPerに贈る、クリーンなオブジェクト設計の指針たち
Avatar for panda_program panda_program
6
2.1k
dbt民主化とLLMによる開発ブースト ~ AI Readyな分析サイクルを目指して ~
Avatar for yosh_yumyum yoshyum
3
1k

Featured

See All Featured
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
29
2.7k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
54
6.4k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
77
5.9k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
34
5.9k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
138
34k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
54
11k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.4k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.5k
Building Applications with DynamoDB
Avatar for Matt Wood mza
95
6.5k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
524
40k

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