X

Adăugați suport Gravatar la comentariile dvs. WordPress

După ce câteva persoane diferite au solicitat suport pentru Gravatar în comentariile temei populare Choice pentru WordPress, am decis să o analizez mai atent. Am dat peste acest articol grozav de la HackWordPress care vă oferă un mic fragment de cod pentru a adăuga Gravatars în bucla de comentarii. De atunci, am adăugat suport Gravatar la toate temele de aici, pur și simplu pentru că este atât de simplu de făcut. În acest ghid vă voi arăta cum anume exact integrez Gravatars în teme.

Înainte de a continua, vă rugăm să înțelegeți că acest ghid este scris doar pentru WordPress 2.5 și versiunile ulterioare. Codul prezentat nu va funcționa în versiunile anterioare.

Codul Gravatar

Doar introducerea următorului cod în bucla de comentarii va funcționa, dar probabil nu va arăta prea bine așa cum este.
<?php if(function_exists('get_avatar')) { echo get_avatar($comment, '50'); } ?>

Practic, acest cod va verifica dacă aveți funcția *get_avatar* (nativă pentru WordPress 2.5), apoi va afișa avatarul comentatorului într-un pătrat de 50px.

Folosiți o riglă

Dacă doriți să vă asigurați că Gravatars dvs. au o dimensiune potrivită, recomand extensia Firefox MeasureIt. Aceasta vă va ajuta să măsurați o zonă din tema dvs. pentru a determina o dimensiune bună pentru Gravatars.

Unde să pun codul?

În tema Choice, am constatat că 40 era o dimensiune bună. Deci, unde am pus exact acest cod?

Locație Gravatar Choice

Oriunde în interiorul foreach și endforeach (bucla de comentarii) va funcționa.

Stilul Gravatarelor dvs.

Odată ce aveți Gravatare afișate pe șablonul de comentarii, probabil veți dori să le stilizați și pe acestea. Veți observa că codul Gravatar generează clasa „avatar” pe fiecare imagine. Să adăugăm o linie la foaia de stil CSS pentru a o alinia la stânga și a adăuga o mică margine dreaptă.

img.avatar {float:left; margin-right:5px;}

Poftim, aveți Gravatare cu aspect frumos, de dimensiune perfectă, stilizate. Desigur, temele vor diferi, le puteți stiliza oricum doriți.

Concluzie

Rețineți, acest cod va funcționa doar pe WordPress 2.5 și versiunile ulterioare. Eticheta condițională function_exists va face ca tema dvs. să nu se defecteze, dar nimic nu va apărea în versiunile anterioare. Mai multe informații despre alte metode de utilizare a Gravatars sunt detaliate pe WordPress Codex.

Dacă tocmai ați citit acest articol întreg și nu aveți nicio idee ce este un Gravatar, vă sugerez să citiți acesta mai întâi de Lorelle pe WordPress. Acesta acoperă elementele de bază ale modului de a obține propriul Gravatar prin înregistrare pe Gravatar.com, precum și utilizarea Gravatars pe versiuni mai vechi de WordPress cu pluginuri.

Gravatars nu pot fi folosite doar pentru comentarii, ci pot fi adăugate și la postările individuale ale autorilor.

Dacă v-a plăcut articolul, nu ezitați să comentați și să distribuiți. Aș dori să aud părerile dvs. Abonați-vă la flux pentru cele mai recente actualizări Theme Lab.

Comentarii   Lasă un răspuns

  1. Muuuuuuuuuuuuuuuuuuuuuultumesc!!!! :)

  2. Uau! Asta ajută. M-am chinuit ore în șir cu tema mea non-premium încercând să înțeleg asta. Suportul Wordpress Codex nu ajută prea mult. Nu explică exact unde să pui codul. Ce ușurare că am găsit acest site. Codific din 2008 și încă întâmpin probleme.

  3. Mulțumesc, am niște probleme reale în a face asta să funcționeze pe blogul meu, dar sper că asta va ajuta. Folosesc o temă care rulează pe Thematic, așa că pot găsi „foreach”, dar nu și „endforeach” și când am adăugat codul nu a funcționat pentru mine. Cred că voi continua!

  4. Mulțumesc pentru acest tutorial grozav, prietene! Funcționează perfect! Whoop whoop!

  5. Sandra Hendricks May 20, 2010 at 4:15 pm

    A funcționat ca prin farmec! Mulțumesc mult Leland pentru postarea ta! Blogul tău este cu adevărat o binecuvântare pentru toți cei care au WordPress! 🙂

  6. Mulțumesc mult – a funcționat ca prin farmec!

  7. Tema ta ar trebui să conțină avatar, deoarece este destul de standard în WordPress. Dacă nu o face, este o temă proastă și ar fi mai bine să găsești o altă temă. 😉

  8. Hairtransplantdoc October 19, 2009 at 11:18 am

    Tema mea nu conține acest loop în comments.php, aveți vreo idee?

  9. Oh, Doamne, în sfârșit un cod care a funcționat... Nu am reușit să fac sistemul să încarce avatarele care erau atașate adreselor de email ale autorilor... al tău a funcționat!!

    Mulțumesc mult.

  10. Mulțumesc, tocmai l-am configurat și pe blogul meu.

  11. Mulțumesc mult! A fost ușor 🙂

  12. @Alejandro: Am terminat cu comentariile
    Dar vreau să adaug mai multe informații la fiecare postare despre autor
    Numele lui
    Avatarul lui
    Și biografia
    Blogul meu aici http://www.eskandarany.org/blog
    Cum și ce cod CSS pentru a stiliza toate aceste lucruri noi

    mulțumesc anticipat 🙂

  13. Salutare,

    Informații utile, am integrat cu succes Gravatar pe site-ul meu.

    Salutări,
    Eddie Gear

  14. Cool random avatars | Turtle Juice: Making Money Online July 8, 2009 at 5:00 am

    […] Află mai multe: Folosirea Gravatarilor Adaugă suport Gravatar comentariilor tale WordPress […]

  15. Add Gravatar in WordPress Comments « Ivan Teoh July 8, 2009 at 1:59 am

    […] Adaugă suport Gravatar pentru comentariile tale WordPress […]

  16. Gravatars Enabled - Your Search Advisor Blog July 2, 2009 at 7:15 am

    […] adaugă Gravatars pe blogul tău WordPress, descarcă pluginul și urmează aceste instrucțiuni. Simplu! var addthis_pub = ‘RichmondWiki’; var addthis_brand = ‘Your Search Advisor’;var […]

  17. Salut, postarea este grozavă. Dar problema mea este să asociez imaginea gravatar cu o imagine de autor pe blogul meu Wordpress index.php. Nu știu sintaxa corectă pentru a face asta. Ai vreo sugestie? Mulțumesc mult!!!

  18. Dario Gutierez May 19, 2009 at 9:58 am

    Foarte eficient, căutam asta. Mulțumesc.

  19. Add New Post | scream out May 2, 2009 at 1:28 am

    […] de mine. Această temă are toate caracteristicile normale ale unei teme de blog de pe Theme Lab, inclusiv suport Gravatar pentru comentarii, o bară laterală pregătită pentru widget-uri și suport nativ pentru etichete WordPress. Această temă are și reclame 125×125 […]

  20. Mulțumesc mult pentru acest post. După ce l-am citit, mi-a luat aproximativ 4 minute să urmez instrucțiunile tale și să le fac să funcționeze pe site-ul meu.

    Ești grozav!

  21. Craisin.com | Craisin.com Revamp - Spring 2009! April 5, 2009 at 12:19 am

    […] Theme Lab – Adaugă suport Gravatar comentariilor tale WordPress — pentru a adăuga mai multe imagini în secțiunea de comentarii […]

  22. excelent!! mă bucur că am găsit asta. acum să găsesc o modalitate de a-mi reseta comentariile, astfel încât toate să aibă gravatare lângă ele.

  23. Mă bucur atât de mult că am găsit site-ul tău. Informații grozave despre cum să adaugi un Gravatar pe site-ul cuiva. Am pierdut ore încercând să mă joc cu un plugin și mi-a luat doar câteva secunde urmând exemplele tale pentru a obține ceea ce îmi doream pentru site.

    Mulțumesc mult! Mi-aș fi dorit doar să te fi căutat mai devreme pe Google 🙂

  24. Codul funcționează pentru a obține avatarele în comentarii. Am probleme cu alinierea în IE7.

    În IE7, primul avatar se aliniază corect, apoi avatarele din comentariile ulterioare sunt indentate spre dreapta cu câțiva pixeli.

Adaugă un comentariu

Suntem bucuroși că ați ales să lăsați un comentariu. Vă rugăm să rețineți că toate comentariile sunt moderate conform politicii noastre de confidențialitate, iar toate linkurile sunt nofollow. NU folosiți cuvinte cheie în câmpul nume. Să avem o conversație personală și semnificativă.

Lista de verificare pentru lansarea WordPress

Lista de verificare finală pentru lansarea WordPress

Am compilat toate elementele esențiale de verificare pentru lansarea următorului dvs. site WordPress într-o singură carte electronică la îndemână.
Da, trimite-mi eBook-ul gratuit!