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
210
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
57
Performance 1x1
jessicalyschik
0
150
CSS Grid in freier Wildbahn
jessicalyschik
0
190
CSS Grid in the wild
jessicalyschik
0
410
Keine Angst vor Gutenberg und WordPress 5.2
jessicalyschik
0
130
Keine Angst vor Gutenberg und WordPress 5.0
jessicalyschik
0
380
Einstieg in CSS Grid
jessicalyschik
1
630
CSS für Anfänger
jessicalyschik
0
240
Frauen in der IT und der WordPress Community
jessicalyschik
0
160
Other Decks in Programming
See All in Programming
Developing static sites with Ruby
okuramasafumi
1
340
CSC307 Lecture 03
javiergs
PRO
1
460
ゆくKotlin くるRust
exoego
1
180
PostgreSQLで手軽にDuckDBを使う!DuckDB&pg_duckdb入門/osc25hi-duckdb
takahashiikki
0
230
2年のAppleウォレットパス開発の振り返り
muno92
PRO
0
180
ローカルLLMを⽤いてコード補完を⾏う VSCode拡張機能を作ってみた
nearme_tech
PRO
0
230
CSC307 Lecture 02
javiergs
PRO
1
740
AI時代を生き抜く 新卒エンジニアの生きる道
coconala_engineer
1
500
20251212 AI 時代的 Legacy Code 營救術 2025 WebConf
mouson
0
240
Spinner 軸ズレ現象を調べたらレンダリング深淵に飲まれた #レバテックMeetup
bengo4com
1
210
【卒業研究】会話ログ分析によるユーザーごとの関心に応じた話題提案手法
momok47
0
160
Flutter On-device AI로 완성하는 오프라인 앱, 박제창 @DevFest INCHEON 2025
itsmedreamwalker
1
180
Featured
See All Featured
Information Architects: The Missing Link in Design Systems
soysaucechin
0
730
Prompt Engineering for Job Search
mfonobong
0
140
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
aleyda
1
1.8k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
990
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
9
1k
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
220
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
10
770
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
1
1.4k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Testing 201, or: Great Expectations
jmmastey
46
7.8k
Designing for Performance
lara
610
70k
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