theme json per WordPress per creare temi compatibili per FSE e il Global Styles - Tutorial ITA x dev
Mini corso in italiano su come usare il nuovo file theme.json per realizzare temi compatibili con la nuova interfaccia Gutenberg per il Full Site Editing FSE e il Global Styles & Settings.
---------------------------------------------------------
Indice e fonti:
00:00 Intro
00:57 A chi è rivolto il video
03:31 Cos'è il formato JSON
04:28 Cos'è il file theme.json
05:52 Cos'è il Global Styles & Settings
07:33 Provare la nuova interfaccia del Global Styles
08:50 Dove posizionare il file theme.json
09:27 Gerarchia per il Global Styles
11:28 Struttura del file theme.json
12:00 Version in theme.json
12:25 Settings globali in theme.json
13:44 Settings per blocco in theme.json
14:28 Dove trovare il namespace del blocco
15:28 Le opzioni configurabili
15:39 Creare i preset per lo stile (CSS) del sito
17:14 Sperimentiamo con la palette di colori globali
20:39 Sperimentiamo con la palette di colori per blocco
22:16 Creare le CSS custom properties o Variabili CSS personalizzate
25:34 Differenze fra I settings preset e custom
26:34 Abilitare la modalità wide nell'editor
27:15 Styles in theme.json
31:23 Proprietà CSS configurabiili in Styles
32:24 Gli elements nella sezione Styles
33:00 Pro e contro del file theme.json
34:23 Tools consigliati
36:32 Demo
41:58 Outro
Fonti:
Documentazione:
- developer.wordpress.org/block...
- developer.wordpress.org/theme...
- developer.wordpress.org/block...
- developer.wordpress.org/block...
- wordpress.org/news/2021/07/co...
Article:
- make.wordpress.org/core/2021/...
- fullsiteediting.com/lessons/g...
- matiasventura.com/post/the-th...
Tools:
- gutenberg-theme.xyz/
- bit.ly/3xl5Gsh Theme Json Geneartor Libreria PHP
---------------------------------------------------------
Seguimi su:
KZread: iscriviti e attiva la campanella: bit.ly/oodev-iscrizione
---------------------------------------------------------
Link social:
Twitter: bit.ly/3cuYcJD
Github Overclokk: bit.ly/2SOJzZK
Github ItalyStrap: bit.ly/2WlX6u5
---------------------------------------------------------
Link affiliazioni:
---------------------------------------------------------
Altre info:
ItalyStrap: bit.ly/ItalyStrap
---------------------------------------------------------
Credits:
Пікірлер: 11
Video interessante. Grazie per aver condiviso le tue conoscenze.
Come sempre ottime spiegazioni!
Ottimo video!😉
Chiaro e molto interessante, grazie. Tra qualche mese finisco un corso per la realizzazione di temi custom. Mi sembra di capire che questo sia il passo successivo. Un treno da non perdere se spero di rimanere al passo con i tempi.
@oodeveloper4230
2 жыл бұрын
Ne sto preparando uno per i questo canale, tempo e clienti permettendo 😅
Ciao Enea, ho appena iniziato a guardare questo video e ti dico subito che l'idea di fare un corso per creare temi è bellissima io ho fatto qualche tema studiando qui e là ma non sono sicuro di aver lavorato bene, per cui l'idea mi piace molto anche se fosse a pagamento.. poco 😁
@oodeveloper4230
2 жыл бұрын
Se vedo abbastanza interesse lo faccio volentieri 🙂
Enea farai una playlist anche su argomenti di programmazione Microsoft? Ad esempio: C#, ASP.NET, ma anche SQL Server e così via.
@oodeveloper4230
2 жыл бұрын
Ciao Luigi, non sono esperto di quei linguaggi, per il mio lavoro uso PHP e JavaScript (e fra i due preferisco PHP), potrei fare qualcosa su SQL un giorno ma per ora non è in programma. Sicuramente farò video sulle basi di programmazione appena ho tempo.
@LuigiZambetti
2 жыл бұрын
@@oodeveloper4230 Ok, a chiedere non c'è peccato ;-)
Vorrei tantissimo un corso dove si crea un tema a partire da 0 (anche a pagamento) 🙏