Come aggiungere il box autore nei post WordPress
Essere riconoscibili nel web è un elemento molto importante per chi vuole emergere dalla massa e lo è ancora di più per chi gestisce un blog o un sito web.
Nasce così l’esigenza (se non è nata, falla nascere subito! ) di creare una sorta di brand/indicatore di qualità da associare al frutto del duro lavoro che fai per creare i post. Come fare? Semplice, basta associare il box dell’autore (comprensivo di immagine e nome-cognome) ad ogni post che è stato pubblicato.
Così si crea il concetto di qualità e fiducia che l’utente (te) ha nell’autore (me), il tutto in maniera gratuita ed immediata. Se ci pensi bene, accade tutti i giorni quando leggi il giornale; appena leggi un nome noto, conosci già a grandi linee la qualità dell’articolo che andrai a leggere e darai una certa importanza al contenuto stesso.
Questo è molto importante soprattutto per chi si vuole creare un (buona) reputazione online e per implementarlo basta installare uno dei mille plugin che WordPress offre: WP Biographia.
Installando ed attivando il plugin, viene inserito un box contenente le informazioni dell’autore come il Nome e il Cognome, l’immagine (avatar associato alla mail che l’autore usa per il blog WordPress), una breve biografia e i collegamenti alla mail, a tutti i post che l’autore ha scritto nel blog e a tutti i vari Social Network come Facebook, Twitter, Linkedin e Google+.
Il box è personalizzabile nei colori, nei bordi, nei link sociali da mostrare (puoi visualizzarli come immagini o come testo), nella posizione (prima o dopo il post). Puoi decidere se mostrarlo nei post o anche nelle pagine, solo per gli amministratori o anche per i sottoscrittori, insomma, ha una buona gamma di personalizzazioni semplici da implementare rispetto a molti altri plugin simili.
Tutti i link, la mail, il nome e la biografia vanno impostati nella pagina del tuo profilo utente, per farlo basta andare su Pannello di amministrazione > Utenti > Il tuo profilo e compilare i campi necessari, roba che si fa tranquillamente in due minuti.
La ciliegina sulla torta è la conoscenza del codice css, che ti permetterà di modificare anche la disposizione degli oggetti, ad esempio per spostare i link a fianco del nome dell’autore… ma qui ci vuole un po’ di studio 🙂
Ad esempio, per avere il risultato che vedi nell’immagine a inizio post, ho inserito questo codice nel file style.css del mio tema:
.wp-biographia-item-icon {width:30px !important; height:30px !important;} .wp-biographia-list-icon {margin:0px !important} .wp-biographia-links {margin-top:-150px;float:right;} .wp-biographia-container-none {padding-bottom:0 !important; border: #0066CC solid !important; border-width:1px 0 !important;}
E ora, non perdere altro tempo, fai un po’ di branding e dai la giusta importanza ai post presenti nel tuo blog, aggiungi il box dell’autore nei post del tuo blog WordPress!
22/05/2012 alle 09:56
Molto interessante! Non ho capito se per modificare il CSS bisogna agire direttamente sul file wp-biographia.css oppure lo si può fare dall’amministrazione del plugin
22/05/2012 alle 19:55
Io lo modifico nel css del tema, ovvero in style.css e utilizzo “!important” per dare priorità alle mie istruzioni, semplice e veloce 🙂
22/05/2012 alle 20:47
Perfetto, mi hai dato un’ottima idea ed ho modificato direttamente il custom.css.
Grazie!
23/05/2012 alle 15:17
Ciao, ho utilizzato il tuo codice e ho qualche problema con le icone. Utilizzando un margin-top: -150px l’allineamento va bene quando la descrizione è su quattro righe (per esempio questo: cogitoetvolo.it/o-capitano-mio-capitano/) ma non va bene quando è più lunga e va su cinque righe (per esempio questa pagina: cogitoetvolo.it/23-maggio-una-giornata-per-ricordare/).
Secondo te non c’è un sistema che va bene a prescindere dall’altezza del box?
24/05/2012 alle 14:51
Sì, ma il modo più semplice è modificare direttamente il plugin, spostando le sezioni che mostrano le varie parti. Se no prova anche con la posizione assoluta del div (cerca su google “position:absolute;” e come si usa)
22/05/2012 alle 10:31
Hi Roberto,
Thanks for the nice write-up of WP Biographia. I really like the CSS changes you’ve made to the layout of the Biography Box. Would you mind sharing these? I’d love to build this into the next version of the plugin.
-Gary
22/05/2012 alle 20:12
Hi gary,
sure! I’ve added the code I’ve used directly into the post…
I hope this will be useful 🙂
Maybe, when I’ll find the time, I can make the italian translation and then I’ll send to you, what do you think?
Thanks for the plugin, it’s very customizable and simple to use!
Roberto
23/05/2012 alle 08:54
Hi Roberto,
Apologies for writing this in English; my Italian was never very good and it’s got worse over the years.
Thanks for posting the CSS; it needs a few more classes to work with all of the CSS that the plugin emits based on the configuration options, but it’s enough to allow me to take this and make it an option in the next release of the plugin (I’ll credit you in the plugin’s documentation as well). If you’re interested, there’s a post (in English) on how to modify the plugin’s CSS that I’ve written here which also gives information to avoid having to change the plugin’s CSS file and to isolate your additional CSS from your theme’s CSS as much as possible.
Saverio also posted about not using Gravatars and using the Simple Local Avatars plugin instead; this is covered in the plugin’s FAQs as well as in the plugin’s configuration guide.
Finally, I’d love to have an Italian translation for the plugin to add to the Turkish and Polish language support the plugin already has. The master language source files are on GitHub at https://github.com/vicchi/wp-biographia/tree/master/lang/src; let me know if you need any help with Poedit or the GNU Gettext tools which are needed to work with these language files.
Once again, thanks for a great write up; it’s always fantastic to see the plugin being used on people’s sites.
-Gary
22/05/2012 alle 13:35
Volevo anche chiedere se un utente non è registrato a wordpress e quindi non ha un suo avatar registrato su Gravatar, come si può inserire un’immagine sul suo profilo che appaia nel box di questo plugin?
22/05/2012 alle 20:14
Questo plugin (come quasi tutti i servizi web) utilizza le immagini gravatar, quindi basta semplicemente creare un account su gravatar.
Però capisco che se hai 1000 autori da gestire, è un bel problema dire a tutti di fare questa operazione, in questo caso, utilizza il plugin che hai suggerito, ottimo lavoro Saverio e ti ringrazio per la condivisione 🙂
Ciao
22/05/2012 alle 14:50
Risolto tutto: ho modificato il CSS e ho usato il plugin Simple Local Avatars
27/05/2012 alle 22:34
Bellissimo, articolo io stavo cercando di implementare il tutto manualmente modificando il codice. ma così è davvero molto più veloce e semplice.
27/05/2012 alle 22:52
Già, poi basta modificare il css e se vuoi le icone, in un’oretta hai fatto tutto! Altro che impazzire a crearne di nuovi 🙂
05/06/2012 alle 18:31
Ottimo suggerimento. L’unico dubbio che ho è sulla reale necessità di un plugin, vale a dire, per chi conosce il codice PHP forse è meglio agire direttamente sul tema, perché ogni plugin richiede in effetti risorse per ‘girare’. Ottimo invece per chi non sa mettere mano al tema.
Altra cosa: questo snippet è in qualche modo compatibile con il rel=author di google? Sarebbe il massimo.
07/06/2012 alle 21:50
Al momento no, però potresti implementarlo/ richiedere all’autore del plugin, magari è così disponibile da farlo ….
22/06/2012 alle 12:16
Grazie mille, prendo spunto da te per migliorare un po’ il blog!
01/07/2012 alle 20:44
ciao,
sia con il plugin che hai consigliato tu, sia che con il plugin “wp author” il box author mi compare due volte nei post e una sola nelle pagine.
un box author è quello del plugin, l’altro sembra uno “integrato”di WP(ho la versione 3.3.2)
help, please.
02/07/2012 alle 15:09
Anche a me era successo in una prova, solitamente è il tema (non WP), che ha un pezzo di codice già inserito, che appena abiliti il plugin, mostra il box autore… quindi basta modificare i file del tema, solitamente in single.php o loop.php
24/07/2012 alle 01:05
Ciao Roberto,
scusa se ti scrivo questa domanda un po’ stupida, ma aanche un po’ affine al tema di questo post. E’ possibile trovare un modo per separare l’autore del post (colui che lo inserisce) e l’autore materiale (chi lo ha scritto e pensato) dell’articolo, possibilmente indicandolo sotto la data?
Es:
Titolo
data
autore materiale
Testo articolo
Spero di essere stato chiaro.
Grazie per l’attenzione. Ciao
26/07/2012 alle 13:35
Ciao,
sei stato chiaro, il problema è che non credo si possa fare, ovvero penso che venga associato al post solo l’autore (chi ha pubblicato), ma magari mi sbaglio.
Per la data vale lo stesso discorso, viene mostrato solo quella di pubblicazione…
26/08/2012 alle 22:19
Grande… anche questo articolo è stato utilissimo… thanks… 🙂
09/11/2012 alle 18:21
Ottimo ,
qui il suggerimento è andato a buon fine !
Grazie Roberto, buon lavoro
10/11/2012 alle 11:21
Ottimo lavoro Lucia! Complimenti 🙂
19/11/2012 alle 12:27
Ciao,
ho seguito il tuo consiglio ma poi cercando fa i plugin ho scelto author box, è molto simile, ho installato questo plugin ma ho un problema, non mi esce la foto degli iscritti mentre la mia si, hai idea di cosa possa essere ?
penso che sia perchè prende la foto da gravatar ?
posso modificare e dirgli di scegliere la foto del profilo che gli autori si caricano nel profilo ?
Ti ringrazio
19/11/2012 alle 19:13
Il problema è proprio quello che hai detto te,
la soluzione c’è sicuramente. O modifichi il plugin manualmente (ma ad ogni aggiornamento del plugin verranno cancellate le tue modifiche), oppure dici a tutti di utilizzare gravatar (mi sembra improponibile).
Se vuoi modificare a mano, cerchi dove viene caricata l’immagine e lo sostituisci con il codice con cui mostri le immagini dei profili attuali.
Ciao
23/11/2012 alle 20:24
Ciao roberto, molto utile il tuo post. Sai se è possibile far spuntare su delle pagine singole per ogni autore (sotto pagine di una CHI SIAMO) i post recenti che ha scritto quell’autore? esiste un codice specifico o qualche plugin che “memorizza” i post scritti da quella persona all’interno di un sito?
23/11/2012 alle 23:28
Ciao Carmen,
guarda qui: siteground.com/tutorials/wordpress/show-author.htm
23/11/2012 alle 23:59
Roberto 🙁 io purtroppo non sono programmatrice … ho trovato un plugin che mi permette di mettere le info degli autori ed il resto in maniera graficamente graziosa, ma desideravo anche qualcosa che collegasse i post + recenti del singolo autore.
25/11/2012 alle 10:27
Per la lista di autori e ultimo post, prova a guardare wordpress.stackexchange.com/questions/58379/list-authors-with-the-last-post-title-and-order-by-last-post-date . Devi comunque sapere modificare un po’ il codice, non è semplice. Di plugin che facciano questo lavoro non ne conosco.
24/11/2012 alle 00:06
Fra l’altro con questo plugin che tu consigli (io l’ho attivato sul sito che sto gestendo) ma le icone social e il resto come si fa a metterle allineate in orizzontale? di defalut spuntano in verticale 🙁 il resto mi sa che ho capito come fare.
25/11/2012 alle 10:28
Per le icone social, devi usare un po’ di codice CSS, devi impostare il Float:left; alle icone.
25/11/2012 alle 16:22
Grazie dei tuoi preziosi consigli 🙂
26/11/2012 alle 09:23
Prego Carmen! 🙂
29/01/2013 alle 11:07
Ciao Roberto, ioho usato Wp about author, ma non capisco perché mi inserisce l’autore anche sotto i video nella sidebar
guarda tu stesso e fammi sapere per favore
overnewsmagazine.com/2013/01/29/roma-zeman-vicino-alladdio-al-suo-posto-blanc/
29/01/2013 alle 11:30
Ciao Fabio, non vedo nessun box autore nella sidebar (non vedo i video)
28/02/2013 alle 22:30
Ciao Roberto, sono disperato.
Quando attivo il plugin (uno qualsiasi, ne ho provati una decina) che permette di visualizzare l’autore in fondo ai post poi ho un sacco di problemi.
Innanzitutto solo io amministratore posso scrivere gli articoli. Autori ed editori del blog non riescono più ad accedere alla pagina dei post.
Seconda cosa, quando scrivo un post, se clikko su anteprima mi fa vedere il titolo e una faccina sorridente sotto.
Stessa cosa se modifico un articolo pubblicato, dopo averlo aggiornato, se clicco su visualizza articolo non me lo fa vedere, ma si vede solo titolo e faccina. Questo succede anche agli utenti, vedono il post in home page, poi se entrano, vedono solo il titolo e la faccina sorridente tipo questa 🙂
Per evitare devo fare aggiorna e tornare alla home page senza fare anteprime o visualizzare articoli dalla pagina dell’editor.
Ho WordPress 3.51 con tema Mystique 3.3.2 (in caso ti servissero queste info)
Non ho idea di cosa tu possa fare, o se ti servano altre info…
Grazie in anticipo 🙂
01/03/2013 alle 09:34
Ciao MrChreddy,
mi dispiace ma non credo di poterci fare niente. Sembra un conflitto tra plugin e tema. Prova in locale e vedi se continua a darti errore. Poi cambi tema e così capisci subito se è il tema oppure il plugin va in conflitto con un altro plugin.
Puoi sempre creare il box autore a mano, ma è un po’ più complesso…
01/03/2013 alle 11:35
Eh, immagino…
Comunque il sospetto che ci sia incompatibilità tra tema e box mi era venuto.
Anche perché è un tema un po’ particolare, non è strutturato come gli altri, tutti i vari fogli php (index, single page ecc…ecc…) si appoggiano su un core css centrale.
Quando devo fare un modifica impazzisco e non sempre la prende.
Se volessi farmi un tema mio ex novo, cosa mi consigli?
Parto da qualche programma o di scriverlo da 0?
Non sono molto ferrato in programmazione… dovrei studiare un bel po’
02/03/2013 alle 07:51
Io ti consiglio di partire dal tema fornito gratuitamente da WordPress, il Twenty Twelve, ma richiedi comunque un minimo di conoscenze, non è così banale modificare tutto.
Altrimenti ci sono i temi freemium oppure pensa bene di acquistare un tema tra quelli premium.
06/03/2013 alle 18:19
Ciao Roberto, ma se il mio tema non ha author.php come posso fare ad implementarlo correttamente? io ne ho creato uno, ma non so come farlo funzionare! magari l’ho fatto in modo errato… potresti spiegarmi passo passo cosa fare? ora il mio sito ha il box sotto ogni articolo, ma i link per gli autori o tutte gli articoli di un autore giustamente non esistono! Te ne sarei infinitamente grato
07/03/2013 alle 17:54
Ciao Salvatore,
ti consiglio di leggere http://wp.tutsplus.com/tutorials/how-to-create-a-wordpress-authors-page-template/ e http://codex.wordpress.org/Author_Templates
Fammi sapere
07/03/2013 alle 21:56
Ciao ho appena aperto un blog e sono ancora alle prime armi puoi dirmi come fare ad inserire nella parte destra del mio blog una foto con la biografia ? Saresti gentilissimo !!!
08/03/2013 alle 18:19
Ciao Sonia,
puoi usare uno tra i mille plugin disponibili, come ad esempio Author Bio Widget.