Vai al contenuto principale

Come aggiungere un menu di navigazione personalizzato su WordPress

Divi: il tema WordPress più semplice da usare

Divi: il miglior tema WordPress di tutti i tempi!

più Download di 901.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62. [Consigliato]

Vuoi sapere come aggiungere un menu di navigazione personalizzato in WordPress? Per impostazione predefinita, molti temi WordPress sono dotati di posizioni di menu e layout predefiniti.

In questo tutorial, ti mostreremo come aggiungere altri menu di navigazione nel tuo tema WordPress.

Ma prima, se non hai mai installato WordPress, scopri Come installare un blog Wordpress passi 7 et Come trovare, installare e attivare un tema WordPress sul tuo blog 

Quindi torniamo al perché siamo qui.  

come aggiungere un menu di navigazione personalizzato su WordPress

Quando sarà necessario aggiungere un menu personalizzato sul tema WordPress?

La maggior parte dei temi di WordPress offre almeno una posizione in cui è possibile visualizzare i collegamenti di navigazione del proprio sito Web in un menu.

Puoi gestire le voci di menu da un'interfaccia facile da usare nella dashboard di WordPress.

Scopri anche il nostro Plugin WordPress premium 10 progettati per creare menu

Questo tutorial è rivolto agli utenti a cui piace fare il fai-da-te o a coloro che hanno bisogno di aggiungere una posizione extra sui loro temi WordPress.

Detto questo, diamo un'occhiata a come aggiungere menu di navigazione personalizzati in un tema WordPress.

Creazione di un menu personalizzato su WordPress

I menu di navigazione sono una caratteristica dei temi WordPress. Ogni tema di WordPress può definire le proprie posizioni di menu.

Per aggiungere un menu di navigazione personalizzato, la prima cosa che devi fare è registrare il tuo nuovo menu di navigazione aggiungendo questo codice al file file Functions.php del tuo tema WordPress.

funzione bpc_custom_new_menu () {register_nav_menu ('my-custom-menu', __ ('My My Menu')); } add_action ('init', 'bpc_custom_new_menu');

Puoi andare a " Aspetto> Menu "In dashboard di WordPress e prova a creare o modificare un nuovo menu. VedraiIl mio menu personalizzatoCome opzione nella posizione del menu.

come aggiungere un menu di navigazione personalizzato su WordPress

Se desideri aggiungere più di una nuova posizione del menu di navigazione, devi utilizzare un codice come questo:

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare facilmente qualsiasi design di sito Web con un aspetto professionale. Smetti di pagare caro per quello che puoi fare da solo. [Free]

function bpc_custom_new_menu () {register_nav_menus (array ('my-custom-menu' => __ ('My Custom Menu'), 'extra-menu' => __ ('Extra Menu'))); } add_action ('init', 'bpc_custom_new_menu');

Dopo aver aggiunto la posizione del menu, prova il tuo menu e aggiungi alcuni elementi alla dashboard di WordPress.

Questo ci consentirà di passare al passaggio successivo, ovvero visualizzare il menu nel nostro sito Web WordPress.

Visualizzazione di un menu personalizzato su WordPress

Ora dobbiamo visualizzare il nuovo menu di navigazione nel tuo tema WordPress. Il luogo più comune in cui vengono generalmente posizionati i menu di navigazione è nella sezione dell'intestazione di un sito Web subito dopo il titolo o il logo del sito Web.

Tuttavia, puoi aggiungere il tuo menu di navigazione dove vuoi.

È necessario aggiungere questo codice nel file modello del tema WordPress in cui si desidera visualizzare il menu.

'my-custom-menu', 'container_class' => 'custom-menu-class')); ?>

La posizione del tema WordPress è il nome che abbiamo scelto nel passaggio precedente.

La classe container è la classe CSS che verrà aggiunta al menu di navigazione. Il tuo menu apparirà come un semplice elenco puntato nel tuo sito web.

come aggiungere un menu di navigazione personalizzato su WordPress

Puoi usare la classe CSS " custom_menu_class Per lo stile dei tuoi menu. Ecco un esempio di un codice CSS per iniziare:

div.custom classe menù-ul {list-style-type: none; list-style: none; list-style-image: none; } Div.custom menù-li class {padding: 20px; display: inline; }

Se hai bisogno di aiuto con CSS e layout dei menu, ti consigliamo di utilizzare uno di questi temi di avvio di WordPress per creare i tuoi temi personalizzati.

Crea menu per dispositivi mobili

Lo abbiamo dettagliato in un tutorial precedente, come rendere i menu per cellulari.

come aggiungere un menu di navigazione personalizzato su WordPress

Abbiamo visto quanto convenienti possono essere questi menu per il tuo traffico mobile. 

Stai cercando i migliori temi e plugin per WordPress?

Scarica i migliori plugin e temi WordPress su Envato e crea facilmente il tuo sito web. Già più di 49.720.000 download. [ESCLUSIVO]

Scopri anche alcuni temi e plugin premium per WordPress  

Puoi utilizzare altri plugin di WordPress per dare un aspetto moderno e ottimizzare la presa del tuo blog o sito Web.

Ti offriamo qui alcuni plugin WordPress premium che ti aiuteranno a farlo.

1. Donazione di Woocommerce

Accetta tramite questa estensione donazioni sul tuo sito Web WooCommerce con importi specificati dai clienti. Potranno dare quanto vogliono. Ogni donazione può essere presentata come un normale prodotto WooCommerce. 

Plugin per donazioni Woocommerce

Se il cliente salta la pagina del carrello o va direttamente alla cassa senza effettuare una donazione, verrà visualizzato un collegamento sopra la pagina di pagamento in modo che possa donare.

Ogni passaggio dell'utilizzo di WooCommerce Donation è spiegato in una documentazione con screenshot. Basta attivare il plugin e troverai il campo "Aggiungi donazione" sul carrello.

Download | Demo Web hosting

2. Calendarize It!

Con il plugin WordPress Calendarize It! personalizzare il design del calendario è particolarmente facile con l'editor visuale gratuito. Il plug-in include filtri avanzati, basati su molte tassonomie come ora, organizzatore e posizione. Puoi elencare gli eventi in base a giorni, mesi o anni e visualizzare gli eventi imminenti tramite i widget.

Calendarize

Il plug-in supporta anche la gestione dei ruoli utente, i tipi di post personalizzati, più codici brevi e campi personalizzati per gli eventi. Ha anche un numero di moduli a pagamento a $ 15 ciascuno, che include opzioni di pagamento, opzioni pubblicitarie, punteggio per eventi e prenotazioni, recensioni e molto altro.

Le sue caratteristiche includono: importazione di eventi in formato CSV, visualizzazione di eventi per anno, conto alla rovescia per eventi, supporto per diverse opzioni di pagamento, supporto per opzioni pubblicitarie, condivisione su social network, il modulo di prenotazione intuitivo, ecc….

Download | Demo | Web hosting

3. Directory definitiva PRO

Directory ultimate PRO è un plug-in WordPress premium che ti consente di creare qualsiasi tipo di directory su Internet. Può essere integrato in qualsiasi tema WordPress e può essere personalizzato in base alle proprie esigenze. Evidenzia la sua funzione di ricerca personalizzata che è una delle caratteristiche principali dei siti web in questa nicchia.

Directory Ultimate pro 1

La sua barra di ricerca ti permette di aggiungere filtri personalizzati e scegliere lo stile di ricerca, che finalmente si adatta perfettamente al tuo sito web.

Come funzionalità, offre tra l'altro: un layout reattivo al 100%, una ricerca personalizzabile, 3 modi per visualizzare la tua directory, ottimizzazione per la navigazione mobile, SEO eccellente, compatibilità con la maggior parte dei browser moderni, e altro ancora       

Download | Demo | Web hosting

Crea facilmente il tuo negozio online

Scarica gratuitamente WooCommerce, i migliori plug-in di e-commerce per vendere i tuoi prodotti fisici e digitali su WordPress. [Consigliato]

Risorse raccomandate

Scopri altre risorse consigliate per aiutarti a costruire e gestire il tuo sito web.

Conclusione

Ecco ! Questo è tutto per questo tutorial. Speriamo che quest'ultimo ti consenta di aggiungere un menu di navigazione personalizzato al tuo blog o sito Web WordPress. 

Tuttavia, sarai anche in grado di consultare il nostro risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress.

Dicci cosa pensi di questo tutorial e non esitate a condividi con i tuoi amici sui tuoi social network preferiti

...

Questo articolo contiene i commenti 0

Lascia un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre indesiderati. Ulteriori informazioni su come vengono utilizzati i dati dei commenti.

Torna in alto
4 azioni
quota2
Tweet
Enregistrer2