Aggiunta di un pulsante nel menu di navigazione dell'intestazione

Il menu di navigazione dell'intestazione è WordPress è un pezzo spesso inutilizzato del patrimonio immobiliare del sito web. Mentre la maggior parte dei gestori web lo utilizza esclusivamente per la navigazione, puoi anche aggiungere una barra di ricerca o persino contenuti promozionali. Ma, per farlo in modo efficace, dovresti considerare l'aggiunta di un pulsante nel menu di navigazione dell'intestazione . In questo articolo elaboreremo il motivo per cui farlo è vantaggioso e come farlo correttamente.

Il vantaggio di aggiungere un pulsante nel menu di navigazione dell'intestazione

Avere un pulsante nel menu di navigazione dell'intestazione può sembrare una cosa banale. Dopotutto, non sembra esserci molta differenza tra un collegamento ipertestuale standard e un pulsante. Bene, in realtà, avere un pulsante al posto del testo normale può produrre risultati sorprendenti . Ciò è dovuto principalmente a come funziona l'attenzione umana e a quanto sono notevoli i tuoi pulsanti.

Come le persone di solito sperimentano il menu di navigazione dell'intestazione

Il menu di navigazione dell'intestazione è solitamente la seconda cosa che le persone notano. Se hai progettato bene il tuo sito Web e aggiunto correttamente il menu di navigazione, il titolo del tuo post dovrebbe essere la prima cosa che cattura l'attenzione dello spettatore. Ma, dopodiché, il loro sguardo dovrebbe naturalmente dirigersi verso il menu di navigazione per vedere cosa è disponibile. Se decidono di rimanere sulla pagina corrente, così sia. Ma se ci sono altri punti di interesse sul tuo sito web, dovrebbero essere chiaramente visibili nel menu di navigazione dell'intestazione.

Dopotutto, il tuo obiettivo dovrebbe essere quello di mantenere le persone il più a lungo possibile sul tuo sito web . E avere un menu di facile comprensione può essere di grande aiuto. Quindi, da dove arrivano i pulsanti in tutto questo?

Il vantaggio di aggiungere un pulsante

L'idea principale dell'aggiunta di un pulsante è quella di enfatizzare qualcosa di importante. Sebbene il menu dell'intestazione contenga collegamenti interessanti, non tutti hanno la stessa importanza. Alcuni sono semplici strumenti di navigazione per facilitare la lettura. E altri sono contenuti promozionali più diretti, che servono a guidare i tuoi lettori alla conversione. Bene, quando si tratta di quest'ultimo contenuto, i pulsanti dovrebbero essere la tua scelta preferita . Poiché puoi modificarli come meglio credi, si distingueranno naturalmente e attireranno l'attenzione. Quindi, se comprendi il percorso dei tuoi clienti attraverso il tuo sito Web, puoi facilmente utilizzare i pulsanti per attirarli sui social media o verso una conversione di successo.

Suggerimenti per la personalizzazione

Personalizzare i pulsanti per ottenere l'effetto corretto può essere un po' complicato. Da un lato, non vuoi che sporgano troppo perché rovineranno l'aspetto della pagina web. Ma non vuoi nemmeno che si mescolino troppo perché non attireranno l'attenzione. Quindi, quello che devi trovare è la via di mezzo, che è più facile a dirsi che a farsi. Il nostro consiglio è di cercare siti Web che utilizzano correttamente i pulsanti nel menu di navigazione dell'intestazione e vedere come utilizzano i colori. Ricorda, puoi cambiare la forma, il contorno, il carattere e il colore del tuo pulsante. Quindi, usa questa varietà nella personalizzazione a tuo vantaggio. Idealmente, troverai lo stile che si sposa bene con l'estetica generale del tuo sito web . Mentre attira anche l'attenzione.

Come aggiungere un pulsante nel menu di navigazione dell'intestazione

Fortunatamente, l'aggiunta di un pulsante nel menu di navigazione dell'intestazione di WordPress è sorprendentemente semplice. Innanzitutto, devi andare al menu di navigazione e aggiungere il collegamento che desideri convertire in un pulsante. Puoi farlo nella pagina Aspetto -> Menu . Dopo averlo fatto, fai clic sul pulsante Opzioni schermo nella parte superiore. In questo modo otterrai un menu a tendina con un paio di opzioni. In questo caso, devi solo selezionare l'opzione "Classi CSS" .

Una volta che hai eseguito questo, scorri verso il basso e fai clic sulla voce di menu espandi che desideri convertire in un pulsante. Lì otterrai una nuova opzione di classe CSS nelle impostazioni dell'oggetto. In esso, puoi inserire il nome della classe. In teoria, puoi nominare la tua classe come meglio credi. Ma, per questo articolo, daremo il nome della classe "pulsante menu" per una più facile comprensione. Una volta inserito il tuo nome ricordati di cliccare sul pulsante 'Salva Menu' .

Aggiunta di codice CSS

Dopo aver aggiunto la nostra classe CSS personalizzata, possiamo procedere con l'aggiunta del codice CSS. Qui devi andare su Aspetto -> Personalizza e avviare il personalizzatore del tema di WordPress. In questo modo otterrai un'anteprima del tuo sito Web e un elenco di impostazioni del tema. Quello che devi fare è fare clic sulla scheda CSS aggiuntivo ed espanderla. Qui otterrai una casella in cui puoi aggiungere il tuo codice CSS personalizzato. Per cominciare, ti suggeriamo di incollare semplicemente il seguente codice:

.menu-pulsante {
colore di sfondo:#eb5e28;
bordo: 1px;
raggio di confine: 3px;
-webkit-box-shadow:1px 1px 0px 0px #2f2f2f;
-moz-box-shadow:1px 1px 0px 0px #2f2f2f;
box-shadow:1px 1px 0px 0px #2f2f2f;
}
.pulsante-menu a, .pulsante-menu a:hover, .pulsante-menu a:attivo {
colore:#fff !importante;
}

Dopo aver aggiunto il codice CSS, il personalizzatore del tema lo applicherà all'anteprima del tuo sito web. Questo ti permetterà di vedere le modifiche che hai apportato. E non preoccuparti, le modifiche non sono permanenti. Se ne senti il ​​bisogno, vai avanti e sperimenta i CSS e vedi cosa puoi fare. Per salvare le modifiche, fare clic sul pulsante Pubblica.

E con questo, hai finito di aggiungere un pulsante nel menu di navigazione dell'intestazione.

Pensieri finali

Tutto sommato, i pulsanti possono essere un ottimo componente aggiuntivo per il menu dell'intestazione. Ma è fondamentale trovare il design giusto . In effetti, uno dei motivi principali per cui le persone evitano di aggiungere un pulsante è che semplicemente non possono adattare il pulsante al design del sito Web. Se rimani bloccato, ti consigliamo vivamente di consultare un grafico professionista e di valutare il loro contributo. Come puoi vedere, non ci vuole molto per aggiungere un pulsante, una volta che hai capito il design.