ENTRA IN AREA MEMBRI:

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

Come creare un menu di navigazione

In questo video parleremo di come creare e personalizzare il menu di navigazione del sito che appare nella parte superiore delle nostre pagine.

Dalla dashboard vai al menu “Aspetto”, quindi seleziona il sottopannello “menu”. Questa schermata è uno dei due posti in cui puoi creare e gestire i menu per il tuo sito.

L’altro metodo è tramite il “personalizza” che ha l’ulteriore vantaggio di mostrare un’anteprima dal vivo delle nostre modifiche aggiornate in tempo reale.

Per avviare le modifiche con “personalizza”, seleziona “personalizza” dal menu “aspetto” o fai clic sul pulsante nella parte superiore della pagina “gestisci con l’anteprima in tempo reale”.

Sul lato destro c’è un’anteprima dal vivo del nostro sito e quando apportiamo modifiche alle opzioni sul lato sinistro l’anteprima si aggiornerà in tempo reale. WordPress ci dice che non abbiamo ancora creato alcun menu, quindi farò clic su un pulsante per creare un nuovo menu.

Dobbiamo dare a questo menu un nome descrittivo in modo da poterlo identificare in seguito, quindi dobbiamo scegliere dove vogliamo che appaia. Questo particolare tema supporta cinque diverse posizioni di menu: un menu orizzontale nella parte superiore del sito, un menu espandibile, un menu visibile solo sui dispositivi mobili, un menu a piè di pagina nella parte inferiore del sito e fun menu dei collegamenti social del quale parleremo in seguito.

Assegno il nostro menu appena creato alla posizione del menu orizzontale del desktop e quindi anche alla posizione del piè di pagina. Queste opzioni essenzialmente ripeteranno questo menu nella parte superiore e inferiore del nostro sito.

Ora siamo pronti per iniziare ad aggiungere alcuni collegamenti al nostro nuovo menu, clicco su “prossimo” e quindi seleziono il pulsante “Aggiungi voce” per iniziare ad aggiungere collegamenti al nostro menu.

Iniziamo aggiungendo i link alle pagine più importanti del nostro sito, per prima cosa aggiungerò un link alla nostra homepage che renderà più facile per i nostri visitatori tornare alla home da qualsiasi pagina del nostro sito.

Clicco per aggiungere il collegamento home al nostro menu.

Successivamente vorrei aggiungere un collegamento alla nostra pagina “chi siamo”, quindi clicco clic su quella pagina per aggiungerla come prossima voce nel menu.

Clicca sulla barra del titolo di una voce di menu per modificare i dettagli di quel collegamento; inclusa l’etichetta di navigazione che appare nel menu.

Puoi anche rimuovere un collegamento dal menu in qualsiasi momento.

Vorrei aggiungere alcune nuove pagine al nostro menù: possiamo infatti creare nuove pagine proprio da qui per poi andarle a modificare in seguito.

Quindi ad esempio aggiungerò una nuova pagina per il Blog e creerò anche una pagina “contatti”.

Questo è un menu piuttosto semplice ma per ora funzionerà alla grande.

Puoi anche aggiungere link personalizzati al tuo menu: basta inserire l’URL per un link e poi il testo del link che vuoi che appaia nel menu così per esempio aggiungerò temporaneamente questo link ad Acme.com, e vedrai che è stato aggiunto al nostro menu come collegamento personalizzato; per rimuovere un elemento dal tuo menu, fai clic sulla X rossa accanto all’elemento che desideri eliminare.

Oltre alle pagine puoi anche aggiungere collegamenti a singoli post e persino creare nuovi post proprio qui.

Puoi anche aggiungere collegamenti al menu a categorie o tag specifici, il che può essere davvero utile, ad esempio aggiungerò un collegamento alla categoria “mobili” del nostro sito che aiuterà i nostri visitatori a trovare facilmente tutti i nostri post sui “mobili” .

Per riorganizzare gli elementi nel menu, trascinali semplicemente nell’ordine che preferisci; puoi persino creare menu nidificati o a discesa semplicemente trascinando leggermente una voce menu sulla destra della voce menu principale. Nell’anteprima dal vivo possiamo vedere come sarà il nostro nuovo menu, nota come ad ogni cambiamento che apporto l’anteprima si aggiorna in tempo reale. Per questo sito preferisco dare un ordine diverso al menu, quindi trascinerò il link di questa categoria sopra alla precedente per modificare l’ordine.

Un’altra cosa prima continuare, abilito ora la posizione del menu “espanso del desktop” in modo da poter vedere come appare, nota che ora c’è una nuova voce menu nell’angolo in alto a destra che contiene tre punti.

Probabilmente hai visto che il menu di navigazione è così su altri siti.

Se assegni un menu a questa posizione, le voci del menu stesse non saranno visibili finché un visitatore non fa effettivamente clic su questo collegamento, quindi si espanderà per rivelare le voci del menu.

Questa è un’ottima idea per un menu mobile e infatti nella parte inferiore del personalizzatore possiamo visualizzare in anteprima come apparirà quando verrà visualizzato su un tablet o un dispositivo mobile.

Quindi, se vuoi, puoi creare menù dedicati per ciascuna di queste posizioni nella pagina, ma non è necessario. Se non specifichi un menu per queste posizioni, questo tema utilizzerà solo il menu principale che abbiamo creato qui.

Ora abbiamo creato un menù personalizzato per il nostro sito, quindi selezioniamo “pubblica”, e ora il nostro nuovo menu principale apparirà nella parte superiore e di nuovo nella parte inferiore del nostro sito.

Per uscire dal “customizer” e tornare alla “schermata del menu” nella bacheca seleziona l’icona “chiudi” nell’angolo in alto a sinistra.

Ora se vogliamo possiamo modificare ulteriormente il nostro menu appena creato da questa schermata.

Ricordi che in precedenza nel video avevo menzionato che questo tema include anche un menu “Collegamenti social”; non tutti i temi includono questa funzione, ma ricorda che consente ai visitatori di accedere rapidamente ai tuoi profili social facendo clic su piccole icone che rappresentano ciascun servizio.

Ti mostrerò cosa intendo creando prima un nuovo menù personalizzato. Diamo un nome a questo menù e poi clicchiamo su “crea menu”.

Successivamente dobbiamo aggiungere collegamenti personalizzati all’indirizzo web per ciascuno dei nostri profili social; per esempio incollo il link al nostro profilo Twitter e poi per il testo del link inserisco solo il nome del social network in questo caso Twitter.

Quindi creo nuovi collegamenti personalizzati ad altri profili social.

Dopo aver aggiunto tutti i tuoi link social, assicurati di assegnare questo menu alla posizione menu “Link social” e quindi salva il nuovo menu.

Ora se visitiamo il nostro sito e scorriamo fino in fondo troveremo il nostro nuovo menu Social Links; questo tema sostituisce automaticamente i collegamenti personalizzati con le icone per ogni servizio consentendo ai nostri visitatori di connettersi facilmente con noi sui nostri social network preferiti. Ricorda che non tutti i temi includono il supporto per un menu “social links”, quindi controlla la documentazione per il tuo tema per saperne di più. Ora sai come creare menu di navigazione personalizzati per il tuo sito Web, consentendo ai tuoi visitatori di trovare facilmente i contenuti più importanti del 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