ENTRA IN AREA MEMBRI:

Guarda questa video lezione dentro l'area membri per poter commentare e consultare le altre risorse riservate agli iscritti.

Come usare i “Blocchi di Design” in Gutenberg

In questo video daremo un’occhiata ai blocchi di tipo “design” che sono disponibili in WordPress. Abbiamo già visto come creare pulsanti in un video precedente, quindi iniziamo questo video osservando il blocco “colonne”; utile perché ti consente di organizzare media, testo e altri contenuti affiancati fino a un massimo di sei colonne. Puoi anche usare più blocchi “colonne” se vuoi creare un layout a griglia.

Prima di tutto scegli il numero di colonne con cui vuoi iniziare, puoi cambiare il numero o aggiungere più colonne in seguito; questo blocco contiene due colonne e qui alto puoi scegliere larghezza ampia o piena e puoi cambiare l’allineamento verticale dei blocchi di ogni colonna l’uno rispetto all’altro. Nelle impostazioni delle colonne puoi usare il cursore per determinare il numero di colonne che vuoi creare all’interno del blocco e puoi selezionare il colore del testo e lo sfondo utilizzato nelle colonne. 

Una volta aggiunto il blocco “colonne”, puoi iniziare ad aggiungere contenuto a ciascuna colonna, e la cosa grandiosa di questo blocco è che puoi aggiungere qualsiasi altro tipo di blocco in ogni colonna, quindi ad esempio puoi usare il blocco colonne per creare la struttura quindi aggiungere una combinazione di blocchi “immagine”, blocchi “intestazione” e blocchi “paragrafo” per creare una griglia di prodotti o servizi.

Con tutti questi singoli blocchi può essere difficile selezionare un elemento da modificare, quindi il menu “bordo in evidenza” nella parte superiore dello schermo può essere davvero utile perché offre una vista schematica di tutti i blocchi sulla pagina, rendendo facile selezionare solo gli elementi che si desidera modificare.

Con qualsiasi blocco selezionato passa il mouse sul pulsante all’estrema sinistra della barra degli strumenti per selezionare un elemento padre, in questo caso la colonna, o dalla colonna, puoi selezionare il suo genitore: l’intero blocco “colonna”.

Ora, se scopri che stai usando spesso lo stesso insieme di blocchi, li puoi raggruppare in un blocco “gruppo”: questo rende facile inserire rapidamente lo stesso insieme di blocchi tutti in una volta invece di aggiungere ogni blocco uno alla volta.

Per prima cosa seleziona il blocco oi blocchi che desideri raggruppare (tenendo premuto SHIFT e cliccando so ogni elemento), nella barra degli strumenti del blocco che apparirà seleziona “trasforma in gruppo”, quindi puoi copiare, duplicare, spostare o persino creare un blocco riutilizzabile: che aggiungerà questo gruppo alla tua libreria di blocchi per un uso futuro in altre pagine del tuo sito.

Ci sono anche diversi tipi di separatori che puoi usare per dividere il tuo contenuto in sezioni.

La funzione “altro” è da utilizzare nei post del tuo blog: divide il post del tuo blog in due parti ovunque posizioni questo divisore.

Il contenuto sopra verrà mostrato come un teaser o un estratto nella pagina “archivi” del tuo blog, ai tuoi visitatori verrà richiesto di fare clic sul link “leggi di più” per visualizzare il resto del post sulla propria pagina.

Il divisore “interruzione di pagina” funziona in modo simile, quindi puoi usarlo per separare i tuoi contenuti in più pagine: quando i tuoi visitatori arrivano in fondo a ogni sezione troveranno una riga di collegamenti numerici su cui possono fare clic per navigare alle altre pagine o sezioni di contenuto.

Il blocco “separatore” aggiunge un semplice separatore orizzontale che funge da spunto visivo per creare un’interruzione tra diverse idee o sezioni di contenuto, e in questo tema puoi scegliere tra tre stili: una linea corta al centro della pagina, un linea larga, o una semplice serie di tre punti.

Il blocco “spazio vuoto” aggiunge semplicemente uno spazio vuoto tra i blocchi, puoi personalizzare l’altezza facendo clic e trascinando il punto blu nella parte inferiore del blocco o sulle le impostazioni del “spazio vuoto”; dove puoi inserire manualmente l’altezza in pixel.

Va bene, questo è un rapido tour dei blocchi di progettazione, ma ancora una volta il modo migliore per conoscere questi blocchi è iniziare a sperimentare da soli per vedere come puoi utilizzare questi blocchi sul tuo sito.

Prosegui con le lezioni (34 lezioni)

1.
Che cos’è WordPress?

Che cos’è WordPress?

6:00 minuti

2.
La differenza tra WordPress.org e WordPress.com

La differenza tra WordPress.org e WordPress.com

6:22 minuti

3.
Come installare WordPress

Come installare WordPress

10:04 minuti

4.
La Bacheca di WordPress

La Bacheca di WordPress

11:08 minuti

5.
La differenza tra articoli e pagine in WordPress

La differenza tra articoli e pagine in WordPress

6:00 minuti

6.
Che cosa è Gutenberg

Che cosa è Gutenberg

5:15 minuti

7.
Come usare l’editor a blocchi di Gutenberg

Come usare l’editor a blocchi di Gutenberg

11:19 minuti

8.
Come creare un articolo in WordPress

Come creare un articolo in WordPress

6:19 minuti

9.
Come inserire un’immagine in WordPress

Come inserire un’immagine in WordPress

8:24 minuti

10.
Come creare link e pulsanti in WordPress

Come creare link e pulsanti in WordPress

7:11 minuti

11.
Come inserire un PDF scaricabile in WordPress

Come inserire un PDF scaricabile in WordPress

4:06 minuti

12.
Come inserire video e file audio in WordPress

Come inserire video e file audio in WordPress

5:34 minuti

13.
Come aggiungere un’immagine in evidenza

Come aggiungere un’immagine in evidenza

4:15 minuti

14.
La differenza tra categorie e tag in WordPress

La differenza tra categorie e tag in WordPress

8:56 minuti

15.
Le opzioni di pubblicazione in WordPress

Le opzioni di pubblicazione in WordPress

4:28 minuti

16.
Come modificare un articolo già pubblicato

Come modificare un articolo già pubblicato

5:12 minuti

17.
Come creare e modificare le pagine

Come creare e modificare le pagine

6:41 minuti

18.
Come creare un menu di navigazione

Come creare un menu di navigazione

9:54 minuti

19.
Come usare i widget

Come usare i widget

5:31 minuti

20.
Come creare una pagina home

Come creare la pagina home

4:06 minuti

21.
Come personalizzare un tema

Come personalizzare un tema

10:55 minuti

22.
Come installare un tema WP

Come installare un tema WP

5:33 minuti

23.
Come cercare e installare nuovi plugin

Come cercare e installare nuovi plugin

6:30 minuti

24.
Come usare i “Blocchi di Testo” in Gutenberg

Come usare i “Blocchi di Testo” in Gutenberg

7:33 minuti

25.
Come usare i “Blocchi Media” di Gutenberg

Come usare i “Blocchi Media” di Gutenberg

6:43 minuti

26.
Come usare i “Blocchi di Design” in Gutenberg

Come usare i “Blocchi di Design” in Gutenberg

5:10 minuti

27.
Come usare i “Modelli di Blocchi” di Gutenberg

Come usare i “Modelli di Blocchi” di Gutenberg

3:24 minuti

28.
Come usare i “Blocchi Widget” di Gutenberg

Come usare i “Blocchi Widget” di Gutenberg

7:21 minuti

29.
Come usare la Libreria Media di WordPress

Come usare la Libreria Media di WordPress

5:51 minuti

30.
Come abilitare e gestire i commenti

Come abilitare e gestire i commenti

6:49 minuti

31.
Come aggiungere nuovi utenti

Come aggiungere nuovi utenti

4:14 minuti

32.
Come modificare il tuo profilo

Come modificare il tuo profilo

3:57 minuti

33.
L’area strumenti di WordPress

L’area strumenti di WordPress

5:06 minuti

34.
Come configurare le Impostazioni di WordPress

Come configurare le impostazioni di WordPress

10:09 minuti