Plugin WordPress Follow Us: i Social Network sulla sidebar
Durante la fase di realizzazione del nuovo tema, come ti avevo già accennato, ho sviluppato tre plugin/widget che permettessero di gestire in modo del tutto dinamico la sidebar del nostro blog. E, come promesso, ecco rilasciato il primo dei plugin/widget.
Versione: 1.0
Pubblicato: 10 novembre 2009
Dimensione: 54.8 KB
Download: Widget follow-us
Plugin Follow us
Il plugin in questione è molto semplice e permette di aggiungere – in un punto qualsiasi della sidebar del tuo blog – una sezione dedicata ai vari Social Network a cui sei iscritto. Come avrai notato i Social Network sono diventati il cardine centrale della comunicazione sul web; diventa quindi di fondamentale importanza, per un buon successo del tuo blog, fornire ai tuoi lettori la possibilità di seguirti anche attraverso questi nuovi canali comunicativi.
Il widget Follow Us permette di aggiungere dei collegamenti ai principali Social Network oggi utilizzati, inoltre offre anche la possibilità di aggiungere il collegamento ad una eventuale pagina newsletter e di iscriversi ai Feed del blog.
Installazione
L’installazione, come per tutti i plugin di WordPress, è semplicissima. Dopo aver scaricato il file, può essere eseguita seguendo questi semplici passaggi:
- Decomprimi l’archivio denominato “follow-us” all’interno della tua cartella “plugins” (/wp-content/plugins/).
- Attiva il Plugin denominato Follow Us.
- Dal pannello di amministrazione di WordPress clicca sul menù Aspetto > Widget.
- Trascina il Widget chiamato Follow Us sulla sidebar del tuo blog nel punto in cui desideri visualizzarlo.
- Configura le varie scelte messe a disposizione dal plugin.
Amministrazione del Widget
Tramite un piccolo pannello di controllo il widget ti permette di scegliere quali account, tra quelli messi a disposizione, visualizzare effettivamente sulla sidebar del tuo Blog.
Al momento è possibile scegliere tra gli account di Facebook, Twitter e Delicioius, più l’iscrizione ai Feed rss del proprio blog e il collegamento ad una eventuale pagina Newsletter. Per ognuna di queste voci è possibile aggiungere sia il link che il testo da linkare.
Sotto puoi vedere uno screenshot riguardante la configurazione del pannello di controllo del widget (clicca sulla foto per ingrandirla).
Widget in uso
Ovviamente una live preview del widget in azione la puoi vedere proprio sulla sidebar del nostro blog, comunque sotto ti riporto ugualmente uno screenshot del widget Follow Us in azione:
Personalizzazione
Il plugin fornisce le seguenti classi css:
- .widget_follow-us {immagine di sfondo da assegnare al titolo}
- li.facebook {immagine di sfondo da visualizzare sull’account Facebook}
- li.facebook:hover {immagine di sfondo da visualizzare al passaggio del mouse sull’account facebook}
- li.facebook span {colore per la scritta “Facebook”}
- li.twitter {}
- li.twitter:hover { }
- li.twitter span { }
- li.rss { }
- li.rss:hover { }
- li.rss span { }
- li.newsletter { }
- li.newsletter:hover { }
- li.newsletter span { }
- li.delicious { }
- li.delicious:hover { }
- li.delicious span { }
Le classi di ogni social Network hanno le stesse funzioni descritte per le classi di facebook. È possibile utilizzare immagini personalizzate le quali andranno aggiunte all’interno della cartella “images” del plugin (/wp-content/plugins/follow-us/images/).
Internazionalizzazione
Il widget è stato localizzato in modo da permettere la traduzione di tutti i testi presentati all’utente, è rilasciato in lingua italiana e inglese.
All’interno sono presenti anche i file sorgenti (language/follow-us.pot) in modo da permettere a chiunque di generare dei file dizionario per la propria lingua.
Note di rilascio
Versione 1.0 (Versione iniziale)
- Possibilità di visualizzare l’account di Facebook con relativo collegamento e testo da linkare.
- Possibilità di visualizzare l’account di Twitter con relativo collegamento e testo da linkare.
- Possibilità di visualizzare l’account di Delicious con relativo collegamento e testo da linkare.
- Possibilità di visualizzare l’iscrizione ai Fedd rss del proprio blog.
- Possibilità di visualizzare l’iscrizione alla Newsletter con collegamento alla pagina e testo da linkare.
- Lingua italiana
- Lingua inglese
Per qualsiasi chiarimento, suggerimento, critica puoi utilizzare i commenti di quest’articolo.
Versione: 1.0
Pubblicato: 10 novembre 2009
Dimensione: 54.8 KB
Download: Widget follow-us
)
Nando è amministratore di Edi Group, web agency siciliana fondata nel 2005. È inoltre Trainer Microsoft e docente di Webdesign con anni di esperienza, anche in qualità di progettista, in corsi di formazione professionale regionali e privati.
Sito web dell'autore | Altri articoli scritti da nando pappalardo
Potresti essere interessato anche ai seguenti articoli:
-
Plugin WordPress Follow Us: i Social Network sulla sidebar | Your Inspiration Web
[...] post: Plugin WordPress Follow Us: i Social Network sulla sidebar | Your Inspiration Web ...
E’ un plugin molto interessante, che potrebbe facilitare il mantenimento dei rapporti degli autori con i lettori e viceversa!
Sembra molto bella, e la possibilità di modificare gli stili è molto interessante!
Tra l’altro sto imparando a fare temi per wordpress proprio in questo periodo, quindi questo articolo capito a fagiolo xD
Ciao Famba, ben trovato.
Il plugin è semplicissimo, nulla di che, avevo provato a cercare qualcosa che permettesse di aggiungere i collegamenti ai vari social sulla sidebar ma ho trovato poco materiale a riguardo, così mi sono deciso a realizzarne uno ad hoc.
Poi ho cercato di renderlo personalizzabile il più possibile in modo da rilasciarlo per quanti ne potessero aver bisogno. Spero ti possa essere d’aiuto magari per la realizzazione del tuo primo plugin
Complimenti veramente per il plugin, è molto interessante e utile.
Grazie yeswebcan, mi auguro possa servire.
L’ho installato, lo trovo migliore e piu’ estetico di tanti altri e si adatta benissimo al mio CSS.
Di fatto ho modificato le immagini e i campi per poterlo adattare ai miei requirements; purtroppo le immagini non vengono visualizzate, nemmeno quelle di difault.
Suggerimenti?
Ciao Claudia, intanto benvenuta anche a te su YIW.
Non riesco a vedere il widget sulla sidebar del tuo blog, credo sia disattivato. Se lo rimetti magari provo a dare uno sguardo.
Ciao Nando,
ho provveduto a riattivare il plugin (lo avevo anche cancellato e reinstallato) su liquidskydesign.org e adesso e’ visibile. Ho lasciato la configurazione standard, senza moficare niente.
E le immagini non si vedono..
Ciao Claudia, il problema credo che dipenda dalla riga 607 del tuo foglio di stile “style.css” :
#sidebar li {
background:transparent url(images/sub.png) no-repeat scroll 0 0;
border-bottom:1px dotted #CCCCCC;
display:block;
padding:2px 0 2px 13px;
}
la proprietà background carica un’immagine denominata “sub.png” la quale sovrascrive l’immagine di sfondo dei vari social, prova a commentarla e fammi sapere se risolvi.
Nando, hai perfettamente ragione.
Ho commentanto le due righe che chiamavano quella immagine e tutto e’ andato liscio!
Grazie mille per il supporto, sono contenta del plugin e di come si intona bene al mio blog =)
A quando il prossimo? =)
Di nulla, Claudia, figurati.
Vedo che l’hai adattato in modo davvero carino, complimenti
Il prossimo? mmm… se riesco a ritagliare un po’ di tempo tra qualche settimana potrei rilasciare “Articoli in evidenza” (con possibilità di scelta di quanti e quali articoli visualizzare) che puoi vedere sulla nostra sidebar. Non so se ti può tornare utile
Tutto puo’ tornare utile; se non su ./lsd magari su altri blog che gestisco. E credo che qualcosa come “Articoli in evidenza” sia molto piu’ funzionale dei classici post sticky.
Quindi lo aspetto con ansia =)
E data la simpatia e la competenza, YIW si e’ guadagnato la new entry dei primi 10 siti che visito quotidianamente =)
Claudia, felice di essere entrati nella tua top ten