Suggerimenti, trucchi e migliori plugin per personalizzare i menu di WordPress

I menu sono una delle parti più vitali di ogni sito web. Sono onnipresenti e guidano gli utenti attraverso il tuo blog. E mentre è relativamente facile aggiungere un menu di navigazione in WordPress, c'è molto di più che puoi fare per personalizzarlo per il tuo sito web.

Che si tratti di una piccola icona che vuoi avere nel menu o che tu voglia un sistema completamente diverso per gestirla, questa guida ha tutto. Scopri suggerimenti, trucchi e alcuni dei migliori plugin di menu che abbiamo preparato per te in questa guida:

• Aggiungi icone al tuo menu WordPress
• Aggiungi il pulsante login/logout al menu
• Visualizza i menu di WordPress ovunque tu voglia
• Come aggiungere una casella di ricerca al menu di WordPress
• Come far rimanere il menu di navigazione in cima alla pagina
• Crea il tuo menu di navigazione permanente con i plugin
• Come rimuovere le voci di menu di primo livello in WordPress
• I 4 migliori plugin di menu per WordPress
• I migliori plugin per menu mobili di WordPress

Aggiungi icone al tuo menu WordPress

Creare un menu in WordPress non è mai stato così facile. Tutto quello che devi fare è generare pagine e aggiungerle accanto alla tua home page. Il tuo menu di navigazione principale sarà fatto con pochi clic, ma probabilmente sembrerà molto semplice.

Esistono numerosi plug-in che possono aiutarti a creare un menu di navigazione visivamente sbalorditivo. Ovviamente puoi codificarne uno se sai come farlo, ma c'è un modo più semplice per rendere il tuo menu normale più user-friendly - aggiungendo icone.

Le icone sono diventate qualcosa di cui non possiamo fare a meno . Quando cerchi qualcosa nella dashboard di WordPress, sul desktop o sul tuo smartphone e tablet, probabilmente sei abituato a usare le icone. Dopo solo poche volte di utilizzo di una nuova applicazione, è più probabile che ricordi la sua icona rispetto a tutto il testo di descrizione che ne deriva. Quindi, perché non mettere un'icona accanto alla voce del menu e consentire alle persone di navigare facilmente nel tuo sito?

Icone del menu

PREZZO: Gratuito

Se non sai come farlo, non preoccuparti, ecco perché sei qui. In questa parte della guida, non ti disturberemo con la codifica personalizzata, ma ti mostreremo semplicemente un plug-in gratuito che puoi configurare nei prossimi minuti .

1. Vai su Plugin->Aggiungi nuovo
2. Cerca "Icone di menu"
3. Installa e attiva il plugin
4. Vai su Aspetto -> Menu
5. Apri il tuo menu di navigazione
6. Seleziona una pagina sotto la struttura del menu per la quale desideri selezionare un'icona
7. Scegli l'icona, modifica la sua posizione e dimensione
8. Salva menu

Questo è tutto! Ora vai a trovare alcune fantastiche icone che desideri nel tuo menu e goditi il ​​tuo nuovo design. Mentre stai ancora lavorando con le icone, non dimenticare che puoi facilmente aggiungere anche una favicon al tuo blog WordPress.

Aggiungi il pulsante login/logout al menu

Una delle tante funzionalità di WordPress che amiamo è il suo modo semplice di registrare nuovi utenti. Controllare diversi ruoli utente sulla popolare piattaforma non potrebbe essere più semplice; ci sono già ruoli registrati che puoi assegnare e puoi persino creare numerosi ruoli utente personalizzati per le esigenze del tuo sito.

Mentre registrarli è facile e veloce, prendersi cura dei propri utenti può essere un duro lavoro . Ma devi fare tutto ciò che è in tuo potere per rendere la loro esperienza sul sito web la migliore possibile.

Una delle tante cose che potresti fare per loro è abilitare un modo semplice per accedere e uscire dal tuo sito. Per rendere i link di login/logout sempre a portata di mano degli utenti, puoi mettere quei link direttamente nel tuo menu principale. Innanzitutto, avere quei collegamenti nel menu è molto pratico e, in secondo luogo, i tuoi utenti si sono probabilmente abituati alla funzione di varie altre applicazioni che utilizzano lo stesso modo di accedere e uscire.

In questo caso, non c'è bisogno di prendere un altro plugin. Una semplice funzione di WordPress che ti mostreremo in questa parte dell'articolo può fare un ottimo lavoro per te . Metterà automaticamente il collegamento corretto nel tuo menu. Ciò significa che mentre un utente è disconnesso, riceverà il collegamento di "accesso" e viceversa. Né tu né l'utente dovrete più preoccuparvi dei pulsanti di accesso.

Se sei pronto per aggiungere questa funzione di accesso semplice ma ordinata al menu, ecco cosa dovrai fare:

1. Apri functions.php
2. Copia e incolla quanto segue:

 function add_login_logout_link($items, $args) {
$loginoutlink = wp_loginout('index.php', false);
$items .= '<li>'. $loginoutlink .'</li>';
restituire $elementi;
}
add_filter('wp_nav_menu_items', 
'add_login_logout_link', 10, 2);

3. Salvare le modifiche

Come con la maggior parte dei nostri frammenti, hai finito semplicemente copiando e incollando la funzione nel file. Una volta che hai finito, puoi andare avanti e ricaricare la homepage. Dal momento che sei ancora loggato, otterrai il link "log out" nell'ultimo punto del tuo menu principale. Assicurati di controllare l'intera funzione, quindi prova a disconnetterti e riconnetterti per assicurarti che sia tutto a posto.

Ora che hai finito con questa piccola funzionalità, non dimenticare che puoi facilmente reindirizzare gli utenti a un'altra pagina dopo un accesso riuscito o persino mostrare il contenuto solo agli utenti che hanno effettuato l'accesso o che si sono disconnessi.

Inoltre, ora che hai un menu personalizzato, potresti essere interessato a mostrarlo ovunque sul sito fornendo uno shortcode personalizzato.

Adoriamo personalizzare WordPress con piccoli frammenti come questo, e tu?

Visualizza i menu di WordPress ovunque tu voglia

Dopo che WordPress ha raggiunto la versione 3.0, molte cose sono diventate più facili da usare. Tra le diverse nuove funzionalità, la creazione di un menu di navigazione è diventata accessibile a chiunque e oggi tutti possono creare i propri menu con pochi semplici clic di un pulsante del mouse.

Mentre la creazione di menu in cui è possibile collegare facilmente qualsiasi articolo, pagina, categoria o qualsiasi collegamento esterno è un gioco da ragazzi, mostrare il menu in punti diversi lungo il tuo sito può essere un po' più impegnativo per coloro che non sono interessati allo sviluppo di WordPress.

A seconda del tema WordPress che stai utilizzando, puoi facilmente visualizzare un menu appena creato nella parte superiore della tua pagina in cui siamo tutti abituati a trovare la navigazione. Potresti avere la possibilità di posizionare il tuo menu nella barra laterale o anche in basso nell'area del piè di pagina, ma cosa succede se volessi mostrare il menu nei tuoi post, pagine o anche nel widget?

No, non è necessario creare elenchi personalizzati o ridigitare l'intero codice HTML per replicare i collegamenti; puoi sfruttare gli shortcode e posizionare un menu esistente ovunque tu voglia!

Nelle righe seguenti, stiamo per mostrarti come farlo e siamo sicuri che ti piacerà la tua nuova funzione "menu nello shortcode".

Crea uno shortcode e visualizza i menu di WordPress ovunque tu voglia

1. Apri il file functions.php
2. Copia e incolla il codice che registrerà lo shortcode:

 funzione menu_function($atts, $content = null) {
 estratto(
 shortcode_atts(
 array( 'nome' => null, ),
 $atts
 )
 );
 return wp_nav_menu(
 Vettore(
 'menu' => $nome,
 'eco' => falso
 )
 );
 }
 add_shortcode('menu', 'menu_function');

3. Salvare le modifiche

Subito dopo aver salvato le modifiche, sarai in grado di visualizzare i menu di WordPress ovunque tu voglia. Tutto quello che devi fare è scrivere lo shortcode in cui devi specificare il nome del menu che utilizzerai:

[nome menu=”menu principale”]

Nella maggior parte dei casi, il tuo menu principale avrà il nome "menu principale" attaccato a se stesso. Ma se hai intenzione di utilizzare qualsiasi altro menu, inserisci semplicemente il suo nome nello shortcode. Non devi conoscere a memoria ogni nome di menu; invece, vai su Aspetto -> Menu e sfoglia l'elenco dei menu o creane di nuovi.

Dal momento che ora sei in grado di visualizzare i menu di WordPress praticamente ovunque, puoi creare numerose navigazioni che utilizzerai sul tuo sito Web basato su WordPress. Puoi averne uno in un post, un altro nei file modello, un widget di testo, ecc.

Come aggiungere una casella di ricerca al menu di WordPress

A meno che tu non abbia rimosso la funzione, WordPress consente ai tuoi visitatori di cercare nell'intero sito. Abbiamo menzionato più volte questa fantastica funzionalità e ti abbiamo mostrato diverse cose che potresti fare con le tue pagine di ricerca. Ad esempio, puoi reindirizzare facilmente gli utenti al post se viene trovato un solo risultato o persino impostare una ricerca Google personalizzata.

Se hai sfogliato i tuoi widget WP standard, probabilmente hai visto che c'è un widget di ricerca pronto per essere posizionato su una barra laterale . Ma cosa succede se invece vuoi che la tua casella di ricerca appaia accanto al tuo menu?

Nelle righe seguenti, ti mostreremo una funzione che prenderà la tua casella di ricerca quotidiana e la inserirà nel menu di navigazione.

Aggiungi una casella di ricerca al menu:

1. Apri functions.php
2. Copia e incolla quanto segue:

 add_filter('wp_nav_menu_items','add_search_box', 
10, 2);
funzione add_search_box ( $ elementi, $ argomenti ) {
$items .= '<li>' . get_search_form(falso). 
'</li>';
restituire $elementi;
}

3. Salvare le modifiche

Per essere sicuro che il codice funzionerà per te, assicurati di avere un menu di navigazione già aggiunto al tuo sito.

Il codice è piuttosto semplice e la sua unica funzione è aggiungere la casella di ricerca al menu di navigazione . Molto probabilmente, la tua casella di ricerca non sarà allineata dove volevi che fosse. Ciò significa che dovrai dire a WordPress dove posizionare la casella di ricerca:

1. Aggiungi una classe al tag <li> trovato sulla terza riga di codice:

 $items .= '<li class=”searchbox-position”>' . 
get_search_form(falso). '</li>'

2. Salvare le modifiche
3. Apri style.css
4. Copia e incolla il codice CSS:

 .searchbox-posizione {
 margine superiore: 15 px;
 margine destro: 20px;
 }

5. Modifica il codice a tuo piacimento
6. Salvare le modifiche

Si spera che tu abbia annidato perfettamente la scatola accanto al tuo menu. Non ci vuole molto per inserire la scatola dove vuoi. Non dimenticare di modellare la casella di ricerca stessa e goderti la funzione.

Se desideri un maggiore controllo sul menu e sulla casella di ricerca, controlla come aggiungere icone al menu e come aggiungere un'opzione di ricerca vocale per i visitatori a cui piace dettare i termini di ricerca. C'è molto di più che puoi fare sia con il tuo menu che con le tue opzioni di ricerca, quindi prova la nostra casella di ricerca e impara qualcosa di nuovo.

Come far rimanere il menu di navigazione in cima alla pagina

Probabilmente hai visto siti Web in cui i menu di navigazione si attaccano alla parte superiore della pagina e ti seguono in ogni fase della tua avventura a scorrimento . Quella funzione potrebbe essere qualcosa che desideri sul tuo sito Web WordPress e in questa parte della guida, stiamo per mostrarti come crearne uno.

Non solo ha un lato funzionale in cui il menu è sempre disponibile a portata di mano, ma può anche apparire molto bello e fluido.

Se hai un po' di conoscenza dei CSS, non avrai problemi a rendere il tuo menu appiccicoso. Devi solo aggiungere un pezzo di codice al tuo file Style.css dopo di che puoi goderti la tua nuova funzione di menu.

1. Apri il tuo foglio di stile (style.php)
2. Trova .nav-menu o .genesis-nav-menu (o simili, a seconda del tema che stai utilizzando)
3. Usa il codice seguente per il tuo contenitore del menu principale:

 .nav-menu {
 posizione:fissa;
 sfondo: #333;
 in alto: 0px;
 destra: 0px;
 sinistra: 0px;
 indice z:99;
 }

Come puoi intuire dal codice, la parte importante arriva alla seconda riga dove devi fissare la posizione del tuo menu . Successivamente, puoi impostare gli elementi superiore, destro e sinistro a 0 pixel o spostarli a qualsiasi distanza dall'alto o dal margine sinistro e destro della pagina (ad esempio: top: 10px posizionerà il tuo menu a 10 pixel da il margine superiore del tuo sito).

1. Aggiorna il tuo file e goditi il ​​tuo menu di navigazione appiccicoso

Se non ti piace scherzare con il codice, puoi usare i plugin per rendere i tuoi menu appiccicosi.

Crea il tuo menu di navigazione permanente con i plugin

Ti abbiamo insegnato come creare un menu di navigazione appiccicoso semplicemente cambiando una riga di codice CSS nel tuo tema. Ma, non importa quanto sia facile, non a tutti piace esaminare i file di WordPress e modificare il codice da soli. Se sei quel tipo di persona o hai bisogno di un maggiore controllo sul menu, non preoccuparti. Puoi facilmente impostare il tuo menu e renderlo appiccicoso usando i plugin . In questa parte dell'articolo, ti mostreremo alcuni dei migliori.

Estensione permanente UberMenu

PREZZO: $ 8

UberMenu Sticky Extension è un componente aggiuntivo per il plug-in UberMenu, il che significa che devi prima installare questo plug-in per far funzionare l'estensione. L'estensione rende tutto semplice; dopo l'installazione, sei pronto per rendere il tuo menu appiccicoso. Non importa dove posizioni il tuo menu, una volta che un utente inizia a scorrere, il menu si attaccherà alla parte superiore della pagina e lo renderà facilmente accessibile.

Per assicurarsi che gli utenti mobili possano accedere a ogni parte del menu, l'opzione permanente si disattiva quando viene rilevato un dispositivo mobile. Non c'è molto da aggiungere qui: dai un'occhiata alla demo sul sito ufficiale e se hai già UberMenu, vai avanti e rendi il tuo menu appiccicoso.

mioStickmenu

PREZZO: Gratuito – DEMO

Questo plugin è progettato per essere utilizzato sul tema Twenty Thirteen. Ma se lo modifichi un po ', puoi usarlo su qualsiasi tema che ti piace. Per impostazione predefinita, utilizza la classe CSS di navigazione del tema ".navbar". Quindi, se vuoi usarlo su qualche altro tema, devi trovare la classe che il tuo tema usa per descrivere il menu di navigazione e cambiare il nome di quella classe.

Se il tuo tema è responsive, anche il plugin lo sarà. Se vuoi modificarlo di più, puoi inserire i tuoi stili CSS personalizzati e rendere il tuo menu appiccicoso ancora più personalizzato.

Menu appiccicoso (o qualsiasi cosa!) su Scroll

PREZZO: Gratuito

Questo plugin ti permetterà di posizionare il tuo menu in cima e renderlo appiccicoso. Ma non solo, il plugin ti permetterà di rendere appiccicoso qualsiasi elemento semplicemente trovando il selettore giusto per l'elemento. Ciò significa che puoi rendere il tuo logo o anche l'intera intestazione bloccata nella parte superiore della pagina mentre gli utenti scorrono il tuo sito web. Per far funzionare tutto, dovrai conoscere un po' di HTML e CSS in modo da poter trovare il selettore giusto.

Come rimuovere le voci di menu di primo livello in WordPress

Probabilmente sai già che WordPress è altamente personalizzabile. Se sai come codificare o almeno trovare i plugin giusti, puoi trasformare il tuo backend e il frontend e mostrare un sito Web unico ai tuoi visitatori e anche ai tuoi autori.

In questa parte, ti mostreremo un semplice codice che ti consentirà di rimuovere le voci di menu di primo livello dalle pagine di amministrazione di WordPress.

Il codice che puoi trovare di seguito rimuoverà tutte le voci di menu di primo livello a tutti gli utenti anziché agli amministratori . Prima di continuare, dovresti sapere che questo frammento rimuove solo le voci di menu, ma che quelle voci saranno ancora disponibili per chiunque conosca il percorso corretto di una pagina delle impostazioni. Se vuoi limitare completamente l'accesso a determinate pagine di menu, dovrai modificare le capacità dell'utente.

Rimuovi le voci di menu di primo livello:

1. Apri il tuo file functions.php
2. Copia e incolla il seguente codice:

 if (!current_user_can( 'manage_options' )) {
add_action( 'admin_menu', 'my_remove_menus', 999 );
}
function my_remove_menus() {
remove_menu_page('index.php'); //Pannello di controllo
remove_menu_page( 'edit.php' ); //Post
remove_menu_page('upload.php'); //Media
remove_menu_page( 'edit.php?post_type=page' ); //Pagine
remove_menu_page( 'edit-comments.php' ); //Commenti
remove_menu_page( 'themes.php' ); //Aspetto esteriore
remove_menu_page( 'plugins.php' ); //Plugin
remove_menu_page('users.php'); //Utenti
remove_menu_page( 'tools.php' ); //Utensili
remove_menu_page( 'options-general.php' ); //Impostazioni
}

3. Salvare le modifiche

Poiché questo codice rimuove tutti i menu di primo livello che probabilmente non vorrai fare, sentiti libero di modificare il codice in base alle tue esigenze. Ogni riga "remove_menu_page" ha il compito di rimuovere una pagina (che è descritta tra parentesi e nel commento accanto alla riga di codice). Aggiungi o rimuovi semplicemente una pagina che vuoi che non sia presente dal menu e salva le modifiche ancora una volta.

Ora che hai imparato come rimuovere le pagine di primo livello dal menu, potresti voler rimuovere solo alcune delle sottopagine che si trovano sotto quelle di primo livello.

I 4 migliori plugin di menu per WordPress

Una volta che hai iniziato a costruire il tuo nuovo sito web, prima o poi avrai bisogno di un menu. Puoi crearne uno utilizzando un'opzione di menu standard in WordPress, ma se ne vuoi uno più professionale, dovrai conoscere i tuoi codici HTML e CSS. Ciò significa anche che passerai un po' di tempo a progettare tutto in modo che funzioni perfettamente e sia bello allo stesso tempo.

Ma se hai bisogno di una soluzione più rapida o semplicemente non sai come codificare il tuo menu di fantasia, WordPress ti consente di installare alcuni fantastici plugin progettati per creare fantastici menu in pochi clic. Senza alcun ordine particolare, ecco alcuni dei migliori plugin di menu per WordPress.

Menu Uber

PREZZO: $ 20 – DEMO

Con oltre 43.000 vendite, Uber Menu è uno dei plugin più popolari per WordPress . Una volta aperto il sito demo e visto che aspetto ha il menu creato con questo plugin, capirai perché è così popolare. E una volta che inizi a elencare le sue caratteristiche, probabilmente ne vorrai uno per te.

I menu creati con il menu Uber saranno reattivi e abilitati al tocco per i tuoi visitatori mobili. Puoi creare bellissimi layout e posizionare icone, immagini, video e mappe nel tuo menu. L'intero modulo potrebbe essere inserito in un sottomenu in modo da poter creare un modulo di contatto senza dover aggiungere una pagina aggiuntiva per quello. Il plugin è altamente personalizzabile e puoi giocare con oltre 50 impostazioni di stile con l'anteprima dal vivo. Puoi creare sottomenu automaticamente da altri tuoi contenuti, creare schede sotto il tuo menu e molto, molto altro ancora.

• Generazione di elementi dinamici
• Sottomenu a schede
• Interfaccia utente migliorata

Morph: menu WordPress fly-out personalizzabile

PREZZO: $ 20 – DEMO

Morph è un menu a comparsa progettato per i dispositivi mobili. Ma, come puoi vedere nella pagina demo se lo apri sul tuo personal computer, sembra davvero fantastico anche sul desktop.

Utilizzando questo plugin, puoi nascondere un menu e richiamarlo con un semplice clic . Nell'area del menu, puoi creare un menu a discesa standard, aggiungere immagini, pulsanti di ricerca e l'intera area è widgetizzata, il che significa che puoi incorporare tutto ciò di cui hai bisogno e desideri. Il plugin è molto personalizzabile, quindi puoi scegliere i colori che desideri, modificare l'altezza delle immagini e aggiungere o rimuovere elementi in base alle tue esigenze. Se hai intenzione di usarlo per dispositivi mobili, puoi facilmente impostare le risoluzioni per le quali apparirà il menu.

• Funziona alla grande sia su desktop che su dispositivi mobili
• Aggiungi/rimuovi elementi personalizzabili
• Può essere attivato da qualsiasi elemento

Menu Eroe

PREZZO: $19 – DEMO

Sia che tu voglia un menu semplice o un "Mega Menu" complesso, puoi crearne uno con il plugin Hero Menu. Ogni menu che creerai sarà reattivo e avrà un bell'aspetto su qualsiasi dispositivo; se scegli di creare un mega menu, gli elementi possono essere mostrati o nascosti in modo da non doverti preoccupare del layout su schermi più piccoli.

È disponibile un supporto touch speciale per Android, iOS e Windows Phone. Scegli la barra di navigazione a larghezza intera o fissa in cui puoi facilmente aggiungere elementi extra semplicemente utilizzando una tecnica di trascinamento della selezione . Ci sono oltre 60 combinazioni di colori preimpostate e sei libero di utilizzare ognuno dei Google Font gratuiti. Rendi il menu appiccicoso, scegli la distanza di attivazione... questo fantastico plugin può offrire molto di più, quindi assicurati di controllare l'intero elenco di funzionalità su CodeCanyon.

• Generatore di strutture di menu Drag&Drop
• Crea menu semplici o mega menu complessi
• Navigazione mobile speciale

Barra multi-X

PREZZO: $16 – DEMO

La barra Multi-X è un plug-in modulare e ti consente di posizionare praticamente tutto ciò che desideri nella barra di navigazione. Oltre alle voci di menu, puoi posizionare fino a 8 voci sulla barra , che si tratti di un modulo di contatto, modulo di ricerca, icone di condivisione social, area widget, ecc.

Ci sono due diversi temi tra cui scegliere più un tema personalizzato in cui puoi impostare i tuoi colori mentre il gradiente verrà calcolato automaticamente. La barra di navigazione può essere posizionata come menu fisso o scorrevole. Se sei uno sviluppatore, ti piacerebbe sapere che c'è una serie di hook pronti per te se vuoi creare un nuovo plugin dalla barra Multi-X. Questo plugin offre molto, molto di più, quindi assicurati di dare un'occhiata a tutte le funzionalità di CodeCanyon.

• 8 moduli funzionali integrati
• 2 temi colore + tema personalizzato
• Posizione in alto o in basso

I migliori plugin per menu mobili di WordPress

Sappiamo tutti fino a che punto è arrivata la tecnologia. Smartphone e tablet sono diventati inevitabili e c'è un numero crescente di possessori di dispositivi mobili. Le reti WiFi coprono ogni parte delle nostre città e, se non ce n'è una, puoi sempre connettere il tuo dispositivo mobile a Internet tramite il tuo provider. Ciò significa che il numero di navigatori web mobili è più alto che mai e che devi prenderti cura di loro se stai gestendo un sito web.

Se stai creando un sito per dispositivi mobili o desideri migliorarlo, devi assolutamente creare uno speciale menu per dispositivi mobili che si adatti a qualsiasi dimensione dello schermo e consenta agli utenti di dispositivi mobili una navigazione più semplice .

Con WordPress, questo compito non è così difficile come potresti pensare. Non devi sapere come codificare o come impostare un menu. Tutto ciò di cui hai bisogno è un plugin che puoi facilmente installare e personalizzare in base alle tue esigenze.

In questa parte della guida, stiamo per mostrarti alcuni dei migliori plugin premium in grado di creare un menu mobile per il tuo sito Web WordPress. Quindi scorriamo verso il basso e diamo un'occhiata.

Tattile

PREZZO: $18 – DEMO

Questo plugin premium creerà un'intestazione mobile pulita con un menu mobile incorporato. Le animazioni sono molto semplici e possono sembrare davvero belle e fluide sullo schermo di uno smartphone. Con Tactile, puoi creare un menu a fisarmonica multilivello, creare un menu orizzontale a livello singolo che può essere fatto scorrere o creare una barra laterale con widget che può volare nel tuo sito web .

Tutto è personalizzabile, il che significa che puoi dipingere i tuoi elementi in qualsiasi colore tu voglia, cambiare gli sfondi e impostarne i colori, le opacità e molto altro. Il tuo menu può essere fisso o posizionato in modo assoluto. Se desideri un controllo ancora maggiore sui dispositivi mobili, puoi impostare le risoluzioni per le quali verrà attivato questo menu.

• Diversi tipi di menu
• Funzioni di ricerca
• Posizionamento fisso/assoluto

Tap Tap

PREZZO: $10 – DEMO

TapTap ti darà il potere di creare un menu mobile unico per il tuo sito Web WordPress. Come puoi vedere dal sito demo, puoi creare quasi tutto ciò che immagini e i tuoi menu avranno un aspetto davvero accurato. Con questo plugin, puoi creare menu multilivello, decidere quali elementi vuoi mostrare, aggiungere descrizioni o abilitare l'opzione di ricerca integrata .

Ci sono due design di pulsanti di menu e alcune animazioni tra cui scegliere. La posizione del tuo menu può essere fissa o puoi utilizzare il posizionamento assoluto. Scegli gli stili di sfondo e gioca con numerose opzioni di stile in modo da poter adattare perfettamente il menu al tuo tema. Ultimo ma non meno importante, TapTap ti consentirà di scegliere le risoluzioni su cui verrà visualizzato. Cosa si può volere di più da un menu di navigazione mobile?

• Menu multilivello
• 2 design e animazioni dei pulsanti del menu
• Posizionamento fisso/assoluto

Mobi

PREZZO: $16 – DEMO

Mobi è un altro plug-in WordPress semplice ma eccezionale pronto ad aiutare con i siti Web mobili. Con questa aggiunta, il tuo tema reattivo avrà una navigazione ancora migliore. Una volta creato un menu utilizzando un intuitivo generatore di menu drag&drop , puoi posizionarlo in cima o in fondo al tuo sito.

Tutte le voci di menu sono personalizzabili e sei libero di aggiungere le icone dei social media alla barra di navigazione. Ci sono oltre 700 caratteri di icone e puoi completare il tuo design utilizzando uno di Google Fonts. Se necessario, puoi controllare la visibilità degli utenti per gli ospiti e gli utenti registrati.

• Personalizzazione con trascinamento della selezione
• Posizionamento menu in alto o in basso
• Visibilità utente per ospiti e utenti registrati

Wah-menu

PREZZO: $44 – DEMO

Wah-menu è un menu agganciabile perfetto per i siti Web mobili, appositamente progettato per la navigazione touch su iPad. Con questo plugin premium, puoi aggiungere fino a 8 collegamenti di menu che saranno ben inseriti sul lato del tuo sito Web WordPress.

Dopo aver fatto clic su un'icona specifica nel menu, apparirà un sottomenu che consente HTML, video incorporati, mappe e praticamente tutto ciò che desideri. Il plugin è altamente personalizzabile, il che significa che puoi scegliere tra 8 colori accentati, giocare con la larghezza del menu, le icone, i collegamenti, ecc. La creazione del menu è semplicissima con l'editor WYSIWYG. Sia che tu scelga di utilizzare il tema scuro o chiaro, puoi essere certo che avrà un bell'aspetto.

• Editor WYSIWYG
• Sottomenu con supporto per HTML, video incorporati, ecc.
• Opzione di stato Out o Docked

Menu stile percorso

PREZZO: $ 12 – DEMO

Questo plugin premium è in qualche modo diverso dal solito plugin dedicato alla creazione di menu. Invece di una classica barra dei menu o di un menu della barra laterale, Path Style Menu crea un pulsante . Dopo aver attivato un pulsante, mostrerà un menu attorno al pulsante in un cerchio, lo espanderà in linea nella direzione desiderata o addirittura organizzerà le icone in un arco.

Se sono presenti più livelli di menu, il pulsante creerà un pulsante Indietro che consentirà agli utenti di tornare al menu principale. Ci sono tonnellate di opzioni di personalizzazione e per creare un menu; puoi semplicemente utilizzare l'editor di menu standard di WordPress. Se stai cercando un menu mobile unico, dai una possibilità a Path Style Menu.

• Crea menu attorno al pulsante
• Altamente personalizzabile
• Usa il menu WP standard per modificare il menu

Navigazione

PREZZO: $10 – DEMO

Un altro plug-in di menu unico che ti offre alcune fantastiche funzioni e può avere un bell'aspetto sul tuo sito web. Scrollnav consiste in un cerchio che contiene diverse opzioni di menu . C'è un collegamento alla homepage nel mezzo del pulsante, il collegamento in alto ti porta logicamente in cima alla pagina, c'è una casella di ricerca, un menu personalizzato e un collegamento personalizzato parte del cerchio.

Il menu personalizzato darà spazio sufficiente per creare interi menu con sottomenu, avrà un bell'aspetto e ti darà lo spazio tanto necessario sul tuo sito web mobile. Ci sono diverse combinazioni di colori tra cui puoi scegliere e tutto è facile da configurare. Dovresti assolutamente controllare il sito demo per vedere come funziona questo piccolo plugin.

• Pulsante circolare con diverse funzioni
• Menu personalizzato e parte di collegamento personalizzata
• Diverse combinazioni di colori

Scorri fino al menu

PREZZO: $ 24 – DEMO

Questo semplice plug-in premium ti offrirà un fantastico menu della barra laterale creato per la navigazione touch di iOS e Android. Una volta creato un menu, sarà caratterizzato da icone che si collegano a un'altra parte della pagina e scorrono automaticamente.

È importante notare che ScrollTo non è un menu di navigazione completo , ma scorre solo in un'altra parte della stessa pagina. Puoi scegliere tra oltre 750 icone oppure puoi utilizzare le tue immagini come voci di menu e c'è spazio extra per gli annunci. Per far funzionare tutto, dovrai avere una conoscenza di base dell'HTML in modo da poter seguire le istruzioni. Potrebbe volerci qualche minuto in più del tuo tempo, ma il risultato finale sembra ottimo.

• Abilitato al tocco
• Oltre 750 icone + immagini personalizzate
• Spazio pubblicitario extra

Conclusione

Speriamo che ormai ti sia reso conto che è difficile gestire un sito Web senza un menu. Anche se esegui una pagina singola, vorrai comunque una navigazione tra le sezioni. Quindi, mentre sei già qui, prenditi del tempo per personalizzare il tuo menu WordPress e renderlo il migliore possibile.