Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
WordPress 5.3 - und Gutenberg!
Jessica Lyschik
November 27, 2019
Programming
0
89
WordPress 5.3 - und Gutenberg!
Jessica Lyschik
November 27, 2019
Tweet
Share
More Decks by Jessica Lyschik
See All by Jessica Lyschik
Performance 1x1
jessicalyschik
0
63
CSS Grid in freier Wildbahn
jessicalyschik
0
61
CSS Grid in the wild
jessicalyschik
0
160
Keine Angst vor Gutenberg und WordPress 5.2
jessicalyschik
0
26
Keine Angst vor Gutenberg und WordPress 5.0
jessicalyschik
0
240
Einstieg in CSS Grid
jessicalyschik
1
410
CSS für Anfänger
jessicalyschik
0
49
Frauen in der IT und der WordPress Community
jessicalyschik
0
76
Warum Introversion nichts schlimmes ist
jessicalyschik
0
200
Other Decks in Programming
See All in Programming
Introduction to Property-Based Testing @ COSCUP 2022
cybai
1
150
MLOps勉強会_リアルタイムトラフィックのサーバレスMLOps基盤_20220810
strsaito
1
410
リーダブルテストコード / #vstat
jnchito
48
36k
僕が便利だと感じる Snow Monkey の特徴/20220723_Gifu_WordPress_Meetup
oleindesign
0
110
Go1.19で採用された Pattern-defeating Quicksort の紹介
po3rin
4
780
Google IO 2022 社内LT会 / What's new in Android development tools
shingo_kobayashi
1
420
Amazon Lookout for Visionで 筆跡鑑定してみた
cmnakamurashogo
0
170
Cloudflare WorkersでGoのHTTPサーバーを動かすライブラリを作った話
syumai
0
150
Babylon.jsで作ったsceneをレイトレーシングで映えさせる
turamy
1
210
Now in Android Overview
aosa4054
1
410
プロダクトの成長とSREと
takuyatezuka
0
120
Pluggable Storage in PostgreSQL
sira
1
190
Featured
See All Featured
What’s in a name? Adding method to the madness
productmarketing
11
1.6k
Design by the Numbers
sachag
271
17k
VelocityConf: Rendering Performance Case Studies
addyosmani
316
22k
Building an army of robots
kneath
299
40k
Practical Orchestrator
shlominoach
178
8.7k
Building Adaptive Systems
keathley
25
1.2k
Making the Leap to Tech Lead
cromwellryan
113
7.4k
The MySQL Ecosystem @ GitHub 2015
samlambert
239
11k
Docker and Python
trallard
27
1.6k
5 minutes of I Can Smell Your CMS
philhawksworth
196
18k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
21
1.4k
Adopting Sorbet at Scale
ufuk
63
7.6k
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