Easy Social

Ritratto di Vanni

Questo modulo serve per aggiungere le classiche icone dei social network nelle nostre pagine. E' molto facile da impostare e permette l'inserimento dei widget nei nodi, nei blocchi, nei commenti e anche nei campi views. Di default sono impostati: Facebook, Google+, Twitter e LinkedIn; ma volendo si possono aggiungere altri social implementando il modulo (vedere sezione Extend della pagina ufficiale da dove si scarica Easy Social). 

Il modulo puo' essere scaricato da qui ma ha bisogno anche del modulo Variable.

Descrizione funzionamento del modulo Easy Social

  • installare e attivare entrambi i moduli
  • andare nella pagina di configurazione Easy Social Settings
  • nella sezione Impostazioni scegliere quali widget vedere e se li vogliamo orrizzontali o verticali
  • possiamo scegliere di far apparire le icone social in 10 tipi di blocco diversi, dopo aver inserito le impostazioni volute, ricaricare la pagina e i nuovi blocchi creati li troveremo in amministratore-struttura-blocchi
  • configurazioni globali modulo easy social
  • nella sezione widget order, della pagina configurazione, si impostano i pesi per l'ordine di visualizzazione delle icone
  • nella sezione ignore path, inserire gli url delle pagine in cui non devono comparire i widget 
  • nella sezione extra widgets, possiamo andare a modificare le impostazioni delle icone una per una (ci servira' piu' avanti)
  • nella sezione sommario, abbiamo il riepilogo di tutte le impostazioni e possiamo andare a modificare la visualizzazione delle icone per i vari tipi di contenuto
  • sezione sommario della pagina di configurazione del modulo
  • nell'esempio io ho attivato i widgets solo per il contenuto pagina base e per farlo si deve cliccare configura (da qui si viene rimandati alla pagina di configurazione del tipo di contenuto dove a fondo pagina si trova l'apposito link per le impostazione del modulo easy social)
  • salvate tutte le impostazioni, troveremo gia' nelle nostre pagine i widgets dei social network
  • widgets dei social in versione orrizzontale
  • versione orizzontale sopra e versione verticale sotto
  • widgets dei social in versione verticale
  • come potete vedere sia nella versione orrizzontale che in quella verticale le icone non sono posizionate bene e non sono neanche complete, possiamo ovviare a questo inconveniente con alcune modifiche ai CSS

Modifiche ai CSS per migliorare la visualizzazione delle icone dei social network

Premetto che probabilmente esistono altri metodi e forse migliori su come modificare la visualizzazione di questi widgets. Potete sperimentare varie soluzioni di visualizzazioni cambiando i valori dei file CSS e delle impostazioni del modulo.

Migliorie per i widget in verticale

  • aprire con un editor di testo il file easy_social.css inserito dentro alla cartella CSS del modulo easy social
  • aggiungere il comando padding-right: 5px; come da immagine
  • modifica al css del modulo easy social
  • andare all'ultimo comando del file e modificare 50 con 70px
  • modifica file .css del modulo
  • salvare il file con le modifiche
  • andare nella pagina di configurazione del modulo easy social, nella sezione extra widgets e cliccare su facebook
  • modificare il valore Vertical Widget Width da 48 a 70 e poi salvare
  • modifica del widget di facebook
  • ricaricare la pagina del nostro sito e verificare la nuova visualizzazione delle icone
  • nuova visualizzazione dei widgets dei social network

Migliorie per i widgets in orrizzontale

  • andare nella pagina di configurazione del modulo easy social, nella sezione extra widgets e cliccare su facebook
  • modificare il valore Horizontal Widget Width da 88 a 100 e poi salvare
  • ricaricare la pagina del nostro sito e verificare la nuova visualizzazione delle icone

Soluzione alternativa

  • il problema principale e' che il widget di facebook cambia di lunghezza in base alla lingua (in americano c'e' scritto solo like), per apportare meno modifiche, posso impostare che per determinate lingue (nel prossimo esempio l'italiano) mi venga visualizzato sempre il widget americano
  • aprire con un editor di testo il file easy_social.widgets.inc che si trova nella cartella del modulo dentro a includes
  • verso la fine del file si trovano tutte le variabili delle lingue, modificare quella italiana, cambiando it_IT in en_US
  • modifica alla variabile lingua dello script di facebook
  • salvare il file e ricaricare la pagina
  • nuova visualizzazione con facebook in inglese

 

Aggiungi un commento

Filtered HTML

  • Indirizzi web o e-mail vengono trasformati in link automaticamente
  • Elementi HTML permessi: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Linee e paragrafi vanno a capo automaticamente.

Comment

  • Elementi HTML permessi: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Linee e paragrafi vanno a capo automaticamente.
  • Indirizzi web o e-mail vengono trasformati in link automaticamente

Plain text

  • Nessun tag HTML consentito.
  • Indirizzi web o e-mail vengono trasformati in link automaticamente
  • Linee e paragrafi vanno a capo automaticamente.
Per tutelare la vostra privacy suggerisco l'uso di un nickname o lasciare anonimo...
CAPTCHA
Questa domanda e' per testare se sei un visitatore persona e non un software che genera spam
11 + 4 =
Risolvi la semplice domanda di matematica e inserisci il risultato. Es. se e' 1 + 3 inserisci 4.