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
200
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
51
Performance 1x1
jessicalyschik
0
150
CSS Grid in freier Wildbahn
jessicalyschik
0
180
CSS Grid in the wild
jessicalyschik
0
400
Keine Angst vor Gutenberg und WordPress 5.2
jessicalyschik
0
120
Keine Angst vor Gutenberg und WordPress 5.0
jessicalyschik
0
370
Einstieg in CSS Grid
jessicalyschik
1
610
CSS für Anfänger
jessicalyschik
0
220
Frauen in der IT und der WordPress Community
jessicalyschik
0
150
Other Decks in Programming
See All in Programming
Amazon ECS Managed Instances が リリースされた!キャッチアップしよう!! / Let's catch up Amazon ECS Managed Instances
cocoeyes02
0
130
What Spring Developers Should Know About Jakarta EE
ivargrimstad
0
710
CSC305 Lecture 12
javiergs
PRO
0
250
Introducing RemoteCompose: break your UI out of the app sandbox.
camaelon
2
450
AsyncSequenceとAsyncStreamのプロポーザルを全部読む!!
s_shimotori
1
230
三者三様 宣言的UI
kkagurazaka
0
340
Developer Joy - The New Paradigm
hollycummins
1
400
はじめてのDSPy - 言語モデルを『プロンプト』ではなく『プログラミング』するための仕組み
masahiro_nishimi
4
18k
Introduce Hono CLI
yusukebe
6
3.3k
Register is more than clipboard
satorunooshie
1
370
なんでRustの環境構築してないのにRust製のツールが動くの? / Why Do Rust-Based Tools Run Without a Rust Environment?
ssssota
14
47k
퇴근 후 1억이 거래되는 서비스 만들기 | 내가 AI를 사용하는 방법
maryang
2
400
Featured
See All Featured
Large-scale JavaScript Application Architecture
addyosmani
514
110k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
Testing 201, or: Great Expectations
jmmastey
46
7.7k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
54k
Making the Leap to Tech Lead
cromwellryan
135
9.6k
How to Ace a Technical Interview
jacobian
280
24k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.7k
Optimising Largest Contentful Paint
csswizardry
37
3.5k
Build The Right Thing And Hit Your Dates
maggiecrowley
38
2.9k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
Practical Orchestrator
shlominoach
190
11k
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