Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Der WP Block-Editor

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Simon Kraft Simon Kraft
March 07, 2018
Programming
330
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
58
WordPress Multisite
Avatar for Simon Kraft krafit
0
150
WordPress for Future
Avatar for Simon Kraft krafit
1
580
AMP - Like Dynamite
Avatar for Simon Kraft krafit
0
380
Das Pluginkollektiv liebt dich (2018)
Avatar for Simon Kraft krafit
0
360
Das Pluginkollektiv liebt dich ❤️
Avatar for Simon Kraft krafit
0
440
WordPress Child-Themes
Avatar for Simon Kraft krafit
0
890
These go to elven – Einstieg: WordPress-Perofmance
Avatar for Simon Kraft krafit
0
39
WordPress einrichten
Avatar for Simon Kraft krafit
0
98

Other Decks in Programming

See All in Programming
ユニットテストの先へ：テスト技法で要求・仕様を整理するJava開発実践 / Beyond_Unit_Testing_Practical_Java_Development_Techniques_for_Organizing_Requirements_and_Specifications
Avatar for SHIMANE, Yoshikazu shimashima35
0
260
AI時代の仕事技芸論 — ソフトウェア開発で「遊ぶように働く」職人的熟達のすすめ
Avatar for Yoshihito Kuranuki / 倉貫義人 kuranuki
1
400
関係性から理解する"同一性"の型用語たち
Avatar for pvcresin pvcresin
2
590
技術記事、AIに書かせるか、自分で書くか？ 〜それでも私が自分の手で書く理由〜 / #QiitaConference
Avatar for Junichi Ito jnchito
2
1.1k
Agentic UI beyond Chats Architecture Patterns & Open Standards @ngMunich 05/2026
Avatar for Manfred Steyer manfredsteyer
PRO
0
160
TSKaigi 2026 TypeScriptバックエンドのオブザーバビリティ戦略 — Datadog × NestJSの実践
Avatar for Taisei Yamamoto taiseiyamamotoan
1
200
Claspは野良GASの夢をみるか
Avatar for てらうちたかし takter00
0
130
次世代リンターで探る、tsgo 時代における型認識カスタムルールの現実解
Avatar for Yuta Takahashi ytakahashii
3
1.2k
不変条件と整合性境界—ビジネスが決める設計判断と実現パターン / Invariants and Consistency Boundaries
Avatar for nrs nrslib
10
2.8k
気づいたらRubyで100作品 ー クリエイティブコーディングが生活の一部になるまで / 100 Ruby Sketches Later: How Creative Coding Became Part of My Life
Avatar for chobishiba chobishiba
2
450
Oxlintのカスタムルールの現況
Avatar for syumai syumai
5
750
Why Laravel apps break—Mastering the fundamentals to keep them maintainable
Avatar for 武田 憲太郎 kentaroutakeda
1
300

Featured

See All Featured
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
28
3.5k
Marketing to machines
Avatar for Jono Alderson jonoalderson
1
5.3k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
150
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
65
55k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
710
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
140
BBQ
Avatar for Matthew Crist matthewcrist
89
10k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
7
36k
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
1
460
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.5k

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