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
280

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
110
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
810
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
アンドパッドの Go 勉強会「 gopher 会」とその内容の紹介
Avatar for ANDPAD inc andpad
0
280
AIエージェントはこう育てる - GitHub Copilot Agentとチームの共進化サイクル
Avatar for Akira Kobori koboriakira
0
480
Discover Metal 4
Avatar for rei rei315
2
110
新メンバーも今日から大活躍！SREが支えるスケールし続ける組織のオンボーディング
Avatar for HonMarkHunt honmarkhunt
1
230
0626 Findy Product Manager LT Night_高田スライド_speaker deck用
Avatar for Mana Takada mana_takada
0
130
スタートアップの急成長を支えるプラットフォームエンジニアリングと組織戦略
Avatar for Yusuke Suto sutochin26
0
170
プロダクト志向ってなんなんだろうね
Avatar for RightTouch righttouch
PRO
0
170
Java on Azure で LangGraph！
Avatar for Kohei Saito kohei3110
0
170
すべてのコンテキストを、 ユーザー価値に変える
Avatar for Michiru Kato applism118
2
1k
Quand Symfony, ApiPlatform, OpenAI et LangChain s'allient pour exploiter vos PDF : de la théorie à la production…
Avatar for Ahmed EBEN HASSINE ahmedbhs123
0
110
第9回 情シス転職ミートアップ 株式会社IVRy（アイブリー）の紹介
Avatar for 株式会社IVRy（社員登壇資料） ivry_presentationmaterials
1
260
High-Level Programming Languages in AI Era -Human Thought and Mind-
Avatar for Hayato Ishida hayat01sh1da
PRO
0
640

Featured

See All Featured
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
54
11k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
267
13k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
54
13k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
720
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.3k
Visualization
Avatar for Eitan Lees eitanlees
146
16k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
126
17k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
35
6.7k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
1
390
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
32
2.4k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
252
21k

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