Come aggiungere altre icone social al tema Divi

Aggiungere le icone social è una tecnica efficace per mostrare i tuoi contatti e la tua presenza online direttamente dal tuo sito Divi.

Introduzione

Divi ha predisposto un modulo solo per consentirci di aggiungere le icone dei social media con i collegamenti ai profili social. Aggiungere le icone social è una tecnica efficace per mostrare i tuoi contatti e la tua presenza online direttamente dal tuo sito Divi.

Per attivare le icone social devi andare nelle impostazione del tema Divi su Divi > Opzioni tema > Generale. Per impostazione predefinita, Divi mette a disposizione solo quattro icone di social media tra cui Facebook, Twitter, Instagram e LinkedIn.
La prima cosa che mi sono chiesto è stata: se mi servono altre icone e non sono disponibili, come posso fare?

In questo post vedremo come aggiungere icone social extra al tuo sito Divi.

Divi Social Icons

Come aggiungere altre icone social

Non ci sono opzioni integrate per aggiungere più icone per i social media su Divi.

Per aggiungere più icone di social media in qualsiasi area delle tue pagine Divi dovrai creare un tema child e aggiungere del codice personalizzato. La alternativa è utilizzare un plugin per le icone.

Installa Tema Child Divi

I passaggi per aggiungere manualmente icone di social media a Divi

Avrai bisogno di un tema child installato e attivato. Se sei alle prime armi, leggi la guida come creare una tema child Divi. Puoi anche scaricare un tema child vuoto pronto da usare e caricarlo tramite la dashboard di WordPress su Aspetto > Temi.

Utilizzando FTP o cPanel file manager crea una nuova sottocartella denominata ‘include’ all’interno della cartella del tuo tema child Divi.
Utilizzando il file manager FTP o cPanel copia il file wp-content \ themes \ Divi \ includes \ social_icons.php e incollalo nella sottocartella include appena creata.

Aggiungere icone social a divi

Utilizzando FTP o cPanel file manager apri il file wp-content \ themes \ Divi-Child \ includes \ social_icons.php file e alla fine del file, prima del tag <-ul-> incolla il seguente codice:

<li class = "et-social-icon et-social-linkedin">
<a href="https://linkedin.com/yourprofileurl/‎" class="icon">
<span> <? php esc_html_e (‘LinkedIn’, ‘Divi’); ?> </span>
</a>
</li>

Sostituisci linkedin e LinkedIn con il nome del nuovo social network e sostituisci l’URL completo con il link del tuo profilo.

Salva il file e visualizza l’anteprima della tua nuova icona sul frontend.
Puoi aggiungere una qualsiasi delle seguenti icone di social media utilizzando questo metodo poiché sono incluse nel set di icone di Elegant Themes.

Pinterest
linkedin
tumblr
skype
flikr
dribbling
Youtube
vimeo

Se il social network non è nell’elenco, sarà necessario aggiungere l’icona manualmente utilizzando invece il seguente codice:

<li class="et-social-icon et-social-linkedin">
<a href="https://linkedin.com/yourprofileurl/‎" class="icon">
<img src="https://yoursite.com/icon.png" alt="LinkedIn">
<span><?php esc_html_e( ‘LinkedIn’, ‘Divi’ ); ?></span>
</a>
</li>

Sostituisci linkedin e LinkedIn con il nome del nuovo social network e sostituisci l’URL completo con il link del tuo profilo.

Dovrai anche caricare un nuovo file di icona e sostituire l’URL dell’immagine in icon.png. Usa un’immagine che abbia le stesse dimensioni e lo stesso stile delle altre icone.

Aggiungi ulteriori icone di social media a Divi con un plugin

Se preferisci non utilizzare un tema child o dover modificare il codice PHP, puoi utilizzare un plugin Divi di terzi parti per aggiungere le icone dei social media al tuo sito Divi.

Divi Icon Party

Divi Icon Party Plugin

Il plugin Divi Icon Party aggiunge 40 nuove icone di social media a Divi da utilizzare in menu, intestazioni e piè di pagina. Le icone possono essere abilitate o disabilitate utilizzando le opzioni del tema Divi.

Include 40 icone extra per i social media

Aggiungi altre icone di social media nei menu e nel tema Divi
Abilita o disabilita le icone dei social media nelle opzioni del tema Divi
Aggiungi altre icone di social media al modulo Divi Social Media Follow
Aggiungi l’icona del telefono e / o dell’e-mail cliccabile
Prezzo: $ 27
Sviluppatore: Divi Space
Ulteriori informazioni: Divi Icon Party

Conclusione

Date le limitate impostazioni predefinite di Divi, è probabile che dovrai aggiungerne altre al tuo sito Divi. Infatti dovrebbero esserci davvero più icone di social media incluse per impo e quella di Google+ dovrebbe essere rimossa visto che la piattaforma è stata chiusa nel 2019. Speriamo che un futuro aggiornamento di Divi lo farà in modo che gli utenti non debbano modificare il codice PHP o ricorrere all’uso di plugin di terze parti.

Mostra/Nascondi Commenti (0 commenti)
L

0 commenti

Invia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Ti potrebbe anche interessare…

Cambiare Modulo Blog Divi
Mar 10 2023

Cambiare il modulo Blog Divi per avere immagine a sinistra e testo a destra

Oggi voglio condividere con voi come è possibile creare un blog Divi con immagine a sinistra e testo a destra usando il layout a larghezza piena.
Immagine con titolo di un articolo su come aggiungere anno di copyright con aggiornamento automatico
Mar 09 2023

Come aggiungere anno di copyright con aggiornamento automatico

Questa soluzione ti permette di aggiungere un anno di copyright con aggiornamento automatico in fondo al tuo sito web senza dover scrivere codice.
Come aggiungere le icone Divi con il codice CSS
Mar 06 2023

Come aggiungere le icone Divi con il codice CSS

In questo post ti spiegherò come è possibile aggiungere le icone Divi con il codice CSS ovunque tu voglia nel tuo sito.
Immagine con titolo di un articolo su come disabilitare lo scroll orizzontale nel tema Divi
Mar 06 2023

Come disabilitare lo scroll orizzontale nel tema Divi

In questo post ti mostrerò come disabilitare lo scroll orizzontale nel tema Divi e migliorare l’esperienza utente.
Immagine con titolo di un articolo su come nascondere il Divi header e footer in pagine specifiche del sito WordPress
Mar 02 2023

Come nascondere header e footer in pagine specifiche di un sito Divi

In questo post ti spiegherò come nascondere header e footer in pagine specifiche di un sito Divi.
Illustrazione di un modulo contatto con asterischi per siti WordPress
Feb 18 2023

Aggiungere gli asterischi nei campi obbligatori del modulo di contatto Divi

In questa breve guida ti spieghiamo come aggiungere gli asterischi nei campi obbligatori del modulo di contatto Divi.
Mano con strumento per risolvere problemi del tema Divi
Feb 17 2023

Risolvere i problemi più comuni del tema Divi

Ti potrebbe capitare che il tema Divi non funziona correttamente. Non preoccuparti, in questo post imparerai come risolvere i problemi più comuni.
Fontawesome Sito web schermata iniziale
Nov 17 2022

Come aggiungere le icone Font Awesome al tema Divi

In questo post ti mostro come aggiungere icone Font Awesome al tuo sito WordPress con un plugin o integrando manualmente con Divi.
Impostazioni del testo alternativo modulo immagine Divi Builder
Nov 15 2022

Come ottimizzare le immagini per la SEO in Divi

Scopri come ottimizzare le immagini del tuo sito Divi in ottica SEO in questa guida passo dopo passo!
Modulo Divi Blur Video YouTube
Nov 14 2022

Come spostare il titolo del modulo Divi Blur sopra l’immagine

Oggi ti mostrerò come spostare il titolo del modulo Divi Blurb sopra l’immagine grazie a un frammento di codice.

Layout Divi

Scopri un’ampia collezione di layout Divi in continuo aggiornamento.

Membership

Benvenuto nel club segreto dei web designer! Uno spazio riservato a chi ha scoperto i vantaggi dei layout Divi per creare siti web moderni e professionali.

N 80+ Layout Divi
N Licenza Lifetime
N Download illimitati
N Documentazione
N SUPPORTO VIA EMAIL

69,00 €

Licenza Lifetime. Possibilità di utilizzare tutti i layout Divi per sempre.

Divi Logo

Tema Divi

Il più potente e accessibile dei temi WordPress è disponibile anche in italiano!

Divi Builder