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
39
WordPress Multisite
Avatar for Simon Kraft krafit
0
120
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
320
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
31
WordPress einrichten
Avatar for Simon Kraft krafit
0
85

Other Decks in Programming

See All in Programming
Flutterで分数(Fraction)を表示する方法
Avatar for kouki.miura koukimiura
0
140
開発生産性を上げるための生成AI活用術
Avatar for starfish719 starfish719
3
1.5k
スキーマ駆動で、Zod OpenAPI Honoによる、API開発するために、Hono Takibiというライブラリを作っている
Avatar for N Akita nakita628
0
250
EMこそClaude Codeでコード調査しよう
Avatar for shibayu36 shibayu36
0
240
Claude Agent SDK を使ってみよう
Avatar for Hayami Shuhei hyshu
0
1.3k
All About Angular's New Signal Forms
Avatar for Manfred Steyer manfredsteyer
PRO
0
190
CSC509 Lecture 03
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
340
kiroとCodexで最高のSpec駆動開発を！！数時間で web3ネイティブなミニゲームを作ってみたよ！
Avatar for Haruki Kondo mashharuki
0
750
Range on Rails ―「多重範囲型」という新たな選択肢が、複雑ロジックを劇的にシンプルにしたワケ
Avatar for RIZAPテクノロジーズ rizap_tech
0
6.7k
20251016_Rails News ～Rails 8.1の足音を聴く～
Avatar for Masato Mori morimorihoge
2
590
ALL CODE BASE ARE BELONG TO STUDY
Avatar for uzulla uzulla
25
6.5k
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
490

Featured

See All Featured
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
10
880
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
514
110k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
127
54k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
209
24k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
280
24k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
271
21k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
161
23k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
369
20k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
274
41k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.6k
It's Worth the Effort
Avatar for 3n 3n
187
28k

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