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

Der WP Block-Editor

Simon Kraft
March 07, 2018
Programming
0
140

Der WP Block-Editor

WordPress 5.0 und das Gutenberg-Projekt

Simon Kraft

March 07, 2018
Tweet

More Decks by Simon Kraft

See All by Simon Kraft
Optimale Bildformate im 21. Jahrhundert
krafit
0
14
WordPress Multisite
krafit
0
33
WordPress for Future
krafit
1
300
AMP - Like Dynamite
krafit
0
260
Das Pluginkollektiv liebt dich (2018)
krafit
0
140
Das Pluginkollektiv liebt dich ❤️
krafit
0
230
WordPress Child-Themes
krafit
0
640
These go to elven – Einstieg: WordPress-Perofmance
krafit
0
15
WordPress einrichten
krafit
0
46

Other Decks in Programming

See All in Programming
A JVM Threading Model for the containerized times
lhespanha
0
130
RustでWasm Runtimeを書いた in WebAssembly night #11
skanehira
0
270
Push通知許諾率向上へのアプローチ
miyabigouji
0
840
GO TechTalk #22 Reactで描くタクシーアプリ『GO』の世界
mot_techtalk
0
160
認知負荷で考えるフロントエンドの組織体制
shibe23
0
160
Creative coding starting with Ruby
chobishiba
1
600
脆弱性診断の内製化と外注
tsukushi
7
2.6k
7 principles for rich web apps And how next.js achieves these principles
yosuke_furukawa
PRO
6
980
pythonで0を作ってみんなも神になろう
kdai
3
1.4k
複数人での 大規模サイト移植のテクニック
shumpei0111
1
280
作って学ぶadbプロトコル / Create and learn adb protocols
ntsk
0
810
Decoding Code Review - Elixir Conf US
elainenaomi
3
190

Featured

See All Featured
The Illustrated Children's Guide to Kubernetes
chrisshort
26
45k
Statistics for Hackers
jakevdp
787
210k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
352
21k
Navigating Team Friction
lara
177
12k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
16
1.4k
For a Future-Friendly Web
brad_frost
168
8.2k
Gamification - CAS2011
davidbonilla
75
4.3k
Why You Should Never Use an ORM
jnunemaker
PRO
49
8.2k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
225
50k
Imperfection Machines: The Place of Print at Facebook
scottboms
257
12k
How GitHub (no longer) Works
holman
299
140k
The Cost Of JavaScript in 2023
addyosmani
8
1.4k

Transcript

  1. Der WP Block-Editor
    WordPress 5.0 und das Gutenberg-Projekt

    View Slide

  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

    View Slide

  3. Zeitreise

    View Slide

  4. WordPress 0.71
    Erste Version!
    2003

    View Slide

  5. WordPress 2.0
    Mit TinyMCE-Editor und „WYSIWYG“
    2005

    View Slide

  6. WordPress 2.3
    Kosmetische Änderungen
    2007

    View Slide

  7. WordPress 3.8
    Mehr kosmetische Änderungen
    2013

    View Slide

  8. WordPress 4.9
    Noch mehr kosmetische Änderungen
    2017

    View Slide

  9. WYSIWYG!

    View Slide

  10. WYSIWYG?

    View Slide

  11. WordPress 5.0
    Gutenberg
    2018

    View Slide

  12. View Slide

  13. Der Text-Modus

    View Slide

  14. Wiederverwendbare
    Blöcke

    View Slide

  15. Wiederverwendbare
    Blöcke

    View Slide

  16. Block-Einstellungen

    View Slide

  17. Was ist Gutenberg?

    View Slide

  18. Was ist Gutenberg?
    • Editor
    • Customizer
    • Theme

    View Slide

  19. Wohin geht die Reise?

    View Slide

  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

    View Slide

  21. Redaktionelle
    Kommentare

    View Slide

  22. Kollaboratives
    Schreiben

    View Slide

  23. Fußnoten

    View Slide

  24. Erweiterbarkeit

    View Slide

  25. Fragen?

    View Slide

  26. Danke
    Folien: simonkraft.de/talks
    Twitter: @krafit
    Simon Kraft

    View Slide

  27. Testen!

    View Slide

  28. https://twitter.com/andrew_roberts/status/960599570886438912

    View Slide