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
110
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
64
CSS Grid in freier Wildbahn
jessicalyschik
0
64
CSS Grid in the wild
jessicalyschik
0
190
Keine Angst vor Gutenberg und WordPress 5.2
jessicalyschik
0
31
Keine Angst vor Gutenberg und WordPress 5.0
jessicalyschik
0
240
Einstieg in CSS Grid
jessicalyschik
1
420
CSS für Anfänger
jessicalyschik
0
58
Frauen in der IT und der WordPress Community
jessicalyschik
0
80
Warum Introversion nichts schlimmes ist
jessicalyschik
0
220
Other Decks in Programming
See All in Programming
量子コンピュータ時代のプログラミングセミナー / 20230119_Amplify_seminar _shift_optimization
fixstars
0
140
Jetpack Compose 完全に理解した
mkeeda
1
420
Amazon QuickSightのアップデート -re:Invent 2022の復習&2022年ハイライト-
shogo452
0
200
xarray-Datatree: Hierarchical Data Structures for Multi-Model Science
tomnicholas
0
200
新卒でサービス立ち上げから Hasuraを使って3年経った振り返り
yutorin
0
180
GCPでのバッチ処理パターンを考えてみる
satohjohn
1
200
Findy - エンジニア向け会社紹介 / Findy Letter for Engineers
findyinc
2
42k
フロントエンドで 良いコードを書くために
t_keshi
3
1.6k
「自律型開発組織」を目指すCTOの、試行錯誤の記録
ar_tama
1
200
KubeClarityで始めるSBOM管理 @3-shake SRE Tech Talk / 3-shake-sre-teck-talk-202212
masayaaoyama
0
290
Cloudflare WorkersでGoを動かすライブラリを作っている話
syumai
1
270
PHPアプリケーションにおけるアーキテクチャメトリクスについて / Architecture Metrics in PHP Applications
isanasan
1
180
Featured
See All Featured
A Philosophy of Restraint
colly
193
15k
Six Lessons from altMBA
skipperchong
15
2.3k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
152
13k
Optimizing for Happiness
mojombo
365
64k
Learning to Love Humans: Emotional Interface Design
aarron
263
38k
Become a Pro
speakerdeck
PRO
6
3.2k
Build your cross-platform service in a week with App Engine
jlugia
221
17k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
13
5.4k
Creatively Recalculating Your Daily Design Routine
revolveconf
207
11k
Producing Creativity
orderedlist
PRO
335
37k
How To Stay Up To Date on Web Technology
chriscoyier
779
250k
Documentation Writing (for coders)
carmenintech
51
2.9k
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