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
0
330

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
48
WordPress Multisite
Avatar for Simon Kraft krafit
0
140
WordPress for Future
Avatar for Simon Kraft krafit
1
570
AMP - Like Dynamite
Avatar for Simon Kraft krafit
0
370
Das Pluginkollektiv liebt dich (2018)
Avatar for Simon Kraft krafit
0
350
Das Pluginkollektiv liebt dich ❤️
Avatar for Simon Kraft krafit
0
430
WordPress Child-Themes
Avatar for Simon Kraft krafit
0
880
These go to elven – Einstieg: WordPress-Perofmance
Avatar for Simon Kraft krafit
0
36
WordPress einrichten
Avatar for Simon Kraft krafit
0
94

Other Decks in Programming

See All in Programming
Linux Kernelの1文字のミスで 権限昇格ができた話
Avatar for rona rqda
0
1.9k
What Spring Developers Should Know About Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
460
Codex の「自走力」を高める
Avatar for yorifuji yorifuji
0
1.2k
PHPのバージョンアップ時にも役立ったAST（2026年版）
Avatar for Atsushi Matsuo matsuo_atsushi
0
150
守る「だけ」の優しいEMを抜けて、 事業とチームを両方見る視点を身につけた話
Avatar for Mitsui maroon8021
3
1.1k
Everything Claude Code OSS詳細 — 5層構造の中身と導入方法
Avatar for techs-targe targe
0
140
Takumiから考えるSecurity_Maturity_Model.pdf
Avatar for gessy0129 gessy0129
1
150
AWS×クラウドネイティブソフトウェア設計 / AWS x Cloud-Native Software Design
Avatar for nrs nrslib
16
3.3k
maplibre-gl-layers - 地図に移動体たくさん表示したい
Avatar for Kouji Matsui kekyo
PRO
0
300
メタプログラミングで実現する「コードを仕様にする」仕組み/nikkei-tech-talk43
Avatar for 日本経済新聞社 エンジニア採用事務局 nikkei_engineer_recruiting
0
200
コーディングルールの鮮度を保ちたい / keep-fresh-go-internal-conventions
Avatar for NAGATA Hiroaki handlename
0
220
RubyとGoでゼロから作る証券システム： 高信頼性が求められるシステムのコードの外側にある設計と運用のリアル
Avatar for free_world21 free_world21
0
310

Featured

See All Featured
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
62
52k
Scaling GitHub
Avatar for Zach Holman holman
464
140k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
191
11k
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
0
290
Abbi's Birthday
Avatar for Violet Bock coloredviolet
2
5.5k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.1k
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
4k
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
78
The #1 spot is gone: here's how to win anyway
Avatar for Tamara Novitovic tamaranovitovic
2
990
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
0
230
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
9
36k

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