Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
WordPress 5.3 - und Gutenberg!
Search
Jessica Lyschik
November 27, 2019
Programming
0
190
WordPress 5.3 - und Gutenberg!
Jessica Lyschik
November 27, 2019
Tweet
Share
More Decks by Jessica Lyschik
See All by Jessica Lyschik
Performance 101
jessicalyschik
0
47
Performance 1x1
jessicalyschik
0
140
CSS Grid in freier Wildbahn
jessicalyschik
0
170
CSS Grid in the wild
jessicalyschik
0
390
Keine Angst vor Gutenberg und WordPress 5.2
jessicalyschik
0
100
Keine Angst vor Gutenberg und WordPress 5.0
jessicalyschik
0
360
Einstieg in CSS Grid
jessicalyschik
1
590
CSS für Anfänger
jessicalyschik
0
210
Frauen in der IT und der WordPress Community
jessicalyschik
0
140
Other Decks in Programming
See All in Programming
MCPで実現できる、Webサービス利用体験について
syumai
7
2.2k
Strands Agents で実現する名刺解析アーキテクチャ
omiya0555
1
110
DMMを支える決済基盤の技術的負債にどう立ち向かうか / Addressing Technical Debt in Payment Infrastructure
yoshiyoshifujii
4
650
PHPUnitの限界をPlaywrightで補完するテストアプローチ
yuzneri
0
350
プロダクトという一杯を作る - プロダクトチームが味の責任を持つまでの煮込み奮闘記
hiliteeternal
0
290
コーディングエージェント概観(2025/07)
itsuki_t88
0
440
可変性を制する設計: 構造と振る舞いから考える概念モデリングとその実装
a_suenami
7
1k
AIに安心して任せるためにTypeScriptで一意な型を作ろう
arfes0e2b3c
0
270
The Modern View Layer Rails Deserves: A Vision For 2025 And Beyond @ RailsConf 2025, Philadelphia, PA
marcoroth
2
830
脱Riverpod?fqueryで考える、TanStack Queryライクなアーキテクチャの可能性
ostk0069
0
570
AWS Summit Japan 2024と2025の比較/はじめてのKiro、今あなたは岐路に立つ
satoshi256kbyte
1
250
The Niche of CDK Grant オブジェクトって何者?/the-niche-of-cdk-what-isgrant-object
hassaku63
1
710
Featured
See All Featured
Automating Front-end Workflow
addyosmani
1370
200k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
YesSQL, Process and Tooling at Scale
rocio
173
14k
What's in a price? How to price your products and services
michaelherold
246
12k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Code Review Best Practice
trishagee
69
19k
A Modern Web Designer's Workflow
chriscoyier
695
190k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Transcript
WordPress 5.3 und - Gutenberg! Jessica Lyschik WordPress Meetup München,
27.11.2019
Jessica Lyschik Webentwicklerin & WordPress-Profi CSS Nerd, Gründerin der Gutenberg-Fibel
https://jessicalyschik.de https://gutenberg-fibel.de
Neues in WordPress 5.3
Twenty Twenty Das neue Standard-Theme Beispiele: https://2020.wordpress.net https://francescamarano.com https://joost.blog
Sichtbare Passwörter Nur auf Klick natürlich ;) Neu ist das
Auge-Symbol rechts im Passwort-Feld.
Prüfung der E-Mail-Adresse Direkt nach dem Login, alle 6 Monate.
Neues Design der Formular-Elemente Alle Input-Felder, Dropdowns und Buttons wurden
angepasst. Dies dient der Verbesserung der Barrierefreiheit.
Bilder-Upload • Sehr große Bilder werden automatisch auf maximal 2560px
Höhe oder Breite verkleinert • Diese Maximalgröße wird auch im Frontend ausgegeben • Dies dient zur Verbesserungen der Ladezeit • Weitere Verbesserungen bei der Generierung der Bildgrößen
Ein Blick zurück: Der „Classic Editor“
WordPress 1.0
WordPress 2.0
WordPress 3.0
WordPress 3.8
Fällt dir etwas auf?
seit WordPress 5.0
Neues im Block-Editor
Neues im Block-Editor • Vorschau von Blöcken -> Inserter oben
• Snackbar • Navigationsmodus • Neuer Block: Gruppe • Bild-Block: Styles • Button-Block: Ecken-Radius, Link-Eigenschaften
Neues im Block-Editor • Cover-Block: Hintergrundfarbe, Mindesthöhe, alle Blöcke innerhalb
verwendbar • Galerie-Block: Bilder verschieben • Medien und Text-Block: vertikale Ausrichtung, Zuschnitt • Spalten-Block: Vorlagen, Spaltenbreite • Tabellen-Block: Kopf-/Fußzeile, Textausrichtung • Überschriften: Farbe
Weiterentwicklung testen? • Installiere dir das Gutenberg-Plugin! • Social Links
Block • Gradients bei Buttons und Cover-Block • Breadcrumb Bar unten • Navigations-Block