Vuoi sapere come aggiungere un menu di navigazione personalizzato in WordPress? Per impostazione predefinita, molti Temi WordPress offrono posizioni e layout di menu 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.
Quando sarà necessario aggiungere un menu personalizzato sul tema WordPress?
La maggior parte delle Temi WordPress fornisce almeno una posizione in cui è possibile visualizzare i collegamenti di navigazione del 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 che amano il fai-da-te o a coloro che hanno bisogno di aggiungere uno slot extra al proprio 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.
Se desideri aggiungere più di una nuova posizione del menu di navigazione, devi utilizzare un codice come questo:
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, testa il menu e aggiungi alcuni elementi nella 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.
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.
Abbiamo visto quanto convenienti possono essere questi menu per il tuo traffico mobile.
Scopri anche alcuni temi e plugin premium per WordPress
Puoi usare altro plugin di WordPress per dare un aspetto moderno e per ottimizzare la gestione 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.
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 l' WordPress Plugin 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.
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 WordPress Plugin 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 tue esigenze. Mostra la sua funzione di ricerca personalizzata che è una delle caratteristiche principali dei siti Web in questa nicchia.
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
Risorse raccomandate
Scopri altre risorse consigliate per aiutarti a costruire e gestire il tuo sito web.
- Come integrare Google Forms WordPress
- Come eliminare correttamente una pagina su WordPress
- Plugin 8 WordPress per creare un megamenu sul tuo blog
- Plugin 6 WordPress per garantire la conformità GDPR di un blog
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.
...
