Come aggiungere le icone dei social media ai menu di WordPress (in modo semplice)

State cercando un modo per aggiungere le icone dei social media ai menu di WordPress?

I loghi di siti come Facebook e Twitter sono immediatamente riconosciuti da tutto il mondo. Aggiungendo queste icone ai vostri menu, potrete promuovere i vostri profili di social media in modo accattivante e senza occupare molto spazio.

In questo articolo vi mostreremo come aggiungere le icone dei social media ai menu di navigazione di WordPress.

Perché aggiungere le icone dei social media ai menu di WordPress?

Aggiungendo le icone dei social media al vostro sito web, potete incoraggiare le persone a visitare i vostri account sui social media. In questo modo potrete ottenere più follower e coinvolgimento su Facebook, Twitter, Instagram e altro ancora.

Una possibilità è quella di aggiungere le icone dei social media alla barra laterale di WordPress o a un’area simile predisposta per i widget. Tuttavia, quando le persone vogliono visitare una nuova pagina, di solito guardano prima il vostro menu di navigazione.

Aggiungendo le icone dei social media ai vostri menu di WordPress, potrete spesso ottenere più clic, coinvolgimento e follower su tutti i vostri profili di social media.

Le icone dei social media possono anche catturare l’attenzione del visitatore senza aggiungere altro testo ai vostri menu. In questo modo è possibile promuovere molti profili diversi in poco spazio.

Detto questo, diamo un’occhiata a 2 modi semplici per aggiungere le icone dei social media ai menu di WordPress.

Video tutorial

Se preferite le istruzioni scritte, continuate a leggere. Utilizzate i link rapidi qui sotto per passare direttamente al metodo che desiderate utilizzare:

Metodo 1: Utilizzo del plugin Immagine del menu (consigliato)

Il modo più semplice per aggiungere le icone dei social media ai menu di WordPress è utilizzare Menu Image. Questo plugin gratuito consente di aggiungere icone di immagini ai menu di navigazione, comprese le icone dei social media.

Quando si creano le icone sociali, è possibile utilizzare qualsiasi immagine caricata nella libreria multimediale di WordPress.

Ad esempio, molte delle principali aziende di social media forniscono loghi che potete utilizzare sul vostro sito web, come il brand toolkit di Twitter. È anche possibile scaricare icone da librerie online come il sito web Font Awesome.

Menu Image si integra anche con il plugin Font Awesome. Ciò consente di sfogliare e importare tutte le icone Font Awesome direttamente dalla dashboard di WordPress, comprese le icone per tutti i principali social network.

Si consiglia di installare il plugin Font Awesome prima di proseguire con il tutorial. Per istruzioni dettagliate su come configurare Font Awesome, consultate la nostra guida su come aggiungere facilmente font di icone al vostro tema WordPress.

Indipendentemente dal modo in cui si intende fornire le icone dei social media, è necessario installare e attivare il plugin Menu Image. Per maggiori dettagli, consultate la nostra guida passo passo su come installare un plugin di WordPress.

Dopo l’attivazione, è possibile dare un’occhiata alle dimensioni delle icone e modificarle, se necessario. Per farlo, è necessario andare su Immagine del menu ” Immagine del menu.

Quando create le vostre icone sociali, potete usare una qualsiasi delle dimensioni predefinite delle immagini di WordPress, come miniatura, immagine o grande. Menu Image consente inoltre di scegliere tra tre dimensioni uniche, impostate di default a 24×24, 36×36 e 48×48 pixel.

Queste dimensioni dovrebbero andare bene per la maggior parte dei siti web WordPress, ma è possibile modificarle digitando numeri diversi nei campi 1ª, 2ª o 3ª immagine del menu.

A questo punto, fare clic su “Salva modifiche” per memorizzare le impostazioni.

Per aggiungere icone a un menu di navigazione, andate su Aspetto ” Menu“. Per impostazione predefinita, WordPress mostra il menu principale del sito.

Se si desidera aggiungere le icone dei social media a un’altra posizione del menu, basta aprire il menu “Seleziona un menu da modificare”.

È quindi possibile scegliere un menu dall’elenco e fare clic su “Seleziona”.

Per istruzioni passo passo su come creare un nuovo menu, consultare la nostra guida su come aggiungere un menu di navigazione in WordPress.

Per iniziare, dovrete aggiungere ogni profilo sociale al vostro menu come nuovo link.

Quando si è pronti, fare clic per espandere la sezione “Link personalizzati” e digitare l’indirizzo della pagina di social media che si desidera utilizzare. Ad esempio, si può inserire l’URL del proprio gruppo Facebook o del proprio canale YouTube.

È inoltre necessario digitare un “testo di collegamento”. In una fase successiva, sarà possibile modificare la posizione del titolo nel menu o addirittura nasconderlo completamente.

A questo punto, fare clic su “Aggiungi al menu”.

La voce apparirà ora nella colonna di destra.

Per aggiungere l’icona di un social media, è sufficiente passare il mouse sulla nuova voce di menu.

Quindi, fare clic sul pulsante “Immagine del menu” quando appare.

A questo punto si può decidere se utilizzare un’immagine dalla libreria multimediale di WordPress o un’icona fornita da Font Awesome.

Per utilizzare un’icona Font Awesome già pronta, fare clic sul pulsante di opzione accanto a “Icona”.

Quindi, selezionare “Fontawesome”.

È quindi possibile fare clic su “Marchi”.

Ora vedrete tutte le icone di marca, comprese le icone di tutti i principali social network, da Facebook a LinkedIn. Quando vedete l’immagine che volete utilizzare, fateci un clic.

Un’altra opzione è quella di utilizzare la propria icona dalla libreria multimediale di WordPress, selezionando il pulsante di opzione “Immagine”. Quindi, fare clic sul link “Imposta immagine”.

A questo punto è possibile scegliere un’immagine dalla libreria multimediale di WordPress o caricare un nuovo file dal computer.

Indipendentemente dalla provenienza dell’icona, Menu Image mostrerà un’anteprima sulla destra.

È ora possibile modificare la visualizzazione del titolo del link sopra, sotto, prima o dopo l’icona del social media utilizzando le impostazioni di “Posizione del titolo”.

Molte icone dei social media sono immediatamente riconoscibili, quindi il titolo del link potrebbe essere superfluo. Se si aggiungono molte icone di social media a un menu di navigazione, i titoli possono persino far sembrare il menu più disordinato e complicato.

Detto questo, è possibile nascondere il titolo selezionando il pulsante di opzione “Nascondi”.

Man mano che si apportano le modifiche, l’anteprima dal vivo si aggiorna automaticamente, in modo da poter provare diverse impostazioni per vedere qual è l’aspetto migliore.

Infine, se si utilizza una propria immagine, è possibile ridimensionare le icone dei social media utilizzando il menu a tendina “Dimensione immagine”.

Le icone più grandi attirano l’attenzione del visitatore, ma possono anche distrarre. Per questo motivo, si consiglia di provare diverse dimensioni per vedere cosa funziona meglio sul proprio blog WordPress.

Quando si è soddisfatti della configurazione dell’icona dei social media, è sufficiente fare clic su “Salva modifiche”.

È sufficiente ripetere questi passaggi per aggiungere altre icone al menu di WordPress.

È possibile aggiungere icone anche ad altre voci importanti del menu di navigazione. Ad esempio, si possono aggiungere icone al modulo di contatto o alla pagina di checkout di WooCommerce.

Quando si è soddisfatti della configurazione del menu, è sufficiente fare clic su “Salva menu”.

Ora potete visitare il vostro sito web per vedere le nuove icone dei social media in azione.

Ecco come appariva sul nostro sito web dimostrativo.

Metodo 2: Utilizzo dell’editor completo del sito (solo per i temi a blocchi)

WordPress dispone di un blocco integrato di icone sociali che consente di creare un menu contenente le icone dei social media e di visualizzarle in un bel layout.

Questo blocco è dotato di icone integrate per tutti i principali social network, quindi non è necessario installare un plugin come Font Awesome o caricare icone nella libreria multimediale.

Tuttavia, è possibile aggiungere icone e collegamenti ai social media solo nel blocco Social Icons, quindi non è flessibile come il plugin Menu Image.

Se si utilizza un tema a blocchi, è possibile aggiungere un blocco Icone sociali a qualsiasi parte del sito web, come l’intestazione o il piè di pagina. In questo modo, è possibile mostrare un menu dei social media in tutto il sito.

Per iniziare, andate su Aspetto ” Editor nella dashboard di WordPress.

Da qui, si vedranno alcuni menu per personalizzare il design del tema di blocco.

Per aggiungere le icone dei social media al menu, fare clic su “Navigazione”.

Il passo successivo è fare clic sull’icona della matita “Modifica”.

Si aprirà l’Editor completo di WordPress.

Fatto questo, sarete ora in grado di modificare il vostro menu di navigazione, che fa parte del modello di intestazione di WordPress.

Per iniziare, fare clic sull’icona blu “+” nell’angolo in alto a sinistra. Nella barra di ricerca, digitate “Icone sociali”.

Quando appare il blocco giusto, trascinarlo sul modello del tema.

Per aggiungere la prima icona, basta fare clic sull’icona ‘+’ all’interno del blocco.

Nel popup che appare, digitate l’icona che volete aggiungere, ad esempio “Twitter” o “Facebook”.

Quando appare l’icona giusta, basta fare clic per aggiungerla al vostro blog WordPress.

A questo punto, fare clic sulla nuova icona dei social media.

Si apre una piccola barra in cui è possibile digitare l’URL a cui si desidera collegarsi, ad esempio la propria pagina Facebook.

Per aggiungere altre icone sociali a WordPress, basta cliccare sull’icona “+” e ripetere la stessa procedura descritta sopra.

Dopo aver aggiunto tutte le piattaforme di social media, è possibile personalizzare il blocco. Per farlo, fare clic per selezionare il blocco Icone sociali e poi fare clic sulla scheda ‘Blocco’.

È possibile modificare la giustificazione, l’allineamento e l’orientamento dell’icona utilizzando le impostazioni di “Layout”.

Per impostazione predefinita, tutti i collegamenti ai social media si aprono nella stessa scheda. Per far sì che i visitatori rimangano sul vostro sito web, potete fare clic per attivare la levetta “Apri i link in una nuova scheda”.

Per impostazione predefinita, WordPress mostra solo le icone sociali, senza alcun testo.

Se si desidera visualizzare il testo accanto a ciascuna icona, fare clic per attivare la levetta “Mostra etichette”.

Quindi, fare clic sulla scheda “Stili”.

Qui è possibile modificare lo stile dei pulsanti facendo clic su “Predefinito”, “Solo loghi” o “Forma della pillola”.

Infine, è possibile modificare lo spazio tra le icone sociali utilizzando le impostazioni alla voce “Spaziatura blocchi”.

Quando si è soddisfatti dell’aspetto del menu, fare clic sul pulsante “Salva”.

Ora, se visitate il vostro sito web, vedrete le icone dei social media dal vivo.

Suggerimento bonus: Incorporare i feed sociali nel vostro sito WordPress

L’aggiunta delle icone dei social media ai menu di WordPress è un ottimo modo per ottenere più follower e coinvolgimento tra i vostri diversi account. Tuttavia, ci sono molti altri modi per promuovere i vostri profili Twitter, Facebook e altri social.

Il modo migliore per ottenere più follower e coinvolgimento è incorporare un feed sociale live nel vostro sito web. Questo vi permette di mostrare gli ultimi post dei vostri siti di social media, insieme a pulsanti che i visitatori possono utilizzare per interagire con i vostri post o seguirvi sui social media.

Il modo migliore per aggiungere i feed dei social media al vostro sito web è utilizzare Smash Balloon. È il miglior plugin per i feed dei social media per WordPress e consente di incorporare feed live da Twitter, Instagram, Facebook e altro ancora.

Per maggiori informazioni, consultate il nostro tutorial su come aggiungere i feed dei social media a WordPress.

Speriamo che questo articolo vi abbia aiutato a capire come aggiungere le icone dei social media ai menu di WordPress. Potreste anche voler consultare la nostra guida su come incorporare un video di Facebook in WordPress o vedere le nostre scelte degli esperti per i migliori plugin Twitter per WordPress.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.