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. Chocolate WordPress Theme Review | FreeWordpressThemes.us July 26, 2008 at 5:34 pm

    […] Comentarii cu suport Gravatar […]

  2. Daily Design Links for 7-25-08 | Anidan Design : eco-friendly web & graphic design July 25, 2008 at 9:40 pm

    […] Adaugă suport Gravatar comentariilor tale WordPress (etichete: wordpress gravatar Etichete: Linkuri Zilnice, linkuri de design, linkuri Postat sub: Linkuri Zilnice  Abonează-te la acest feed […]

  3. » SimpleWP - Free WordPress Theme ThemeHook: ??? WordPress Blog July 24, 2008 at 11:57 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 […]

  4. WordPress 2.6 Released - some new features - More than just work?! July 17, 2008 at 12:50 pm

    […] Actualizări precum acestea te fac să fii entuziasmat să încerci să folosești funcționalitățile, suport complet pentru avataruri, de asemenea, pentru comentatori pe gravatar, identicon și monsterID. Mă dureau să implementez funcționalitatea de avatar pe blogul companiei de ceva timp, iar acesta va fi momentul perfect. Pentru cei care doresc să o adauge și ei, am găsit o prezentare excelentă în această dimineață despre cum să activezi funcționalitatea cu câteva modificări PHP foarte de bază aici, Suport Gravatar. […]

  5. iGraphiX Blog | RS10 - Free WordPress Theme July 9, 2008 at 9:09 am

    […] Soul, integrat într-o temă WordPress. Aceasta are toate funcționalitățile obișnuite, inclusiv suport nativ Gravatar (doar WordPress 2.5+), suport pentru etichetare și o bară laterală pregătită pentru widget-uri. Are, de asemenea, o pagină de start specială […]

  6. interesant, am probleme cu gravatar chiar acum, s-a remediat bine în browserul meu Mozilla, dar arată urât pe IE7..

  7. Mulțumesc mult. Am încercat alte coduri oferite pe web, acesta a fost cel care a funcționat exact așa cum am avut nevoie!

    Mulțumesc!!!

  8. Mulțumesc! Ai explicat foarte ușor.

  9. Mulțumesc!

  10. Limited Edition iPhone June 19, 2008 at 7:55 am

    Mulțumesc pentru ajutor!

  11. wow, mulțumesc pentru tutorial 😀

    căutam pe net asta, mulțumesc

  12. Adding Gravatar Support to your Wordpress Comments | The Second Press June 2, 2008 at 11:40 am

    […] Adaugă suport Gravatar comentariilor tale WordPress | Temă […]

  13. Mulțumesc mult pentru articol.

  14. PixelCSS : Soporte de gravatar en wordpress June 1, 2008 at 6:29 am

    […] am văzut pe ThemeLab SHARETHIS.addEntry({ title: “Suport gravatar în wordpress”, url: […]

  15. ArsGeek » Wordpress Comment Styling Round Up May 31, 2008 at 6:52 am

    […] THEMELAB: “Adaugă suport Gravatar comentariilor tale WordPress” […]

  16. Wordpress Comment Styling Round Up May 30, 2008 at 5:35 pm

    […] THEMELAB: “Adaugă suport Gravatar comentariilor tale WordPress” […]

  17. WPZOOM ›› Best Resources for WordPress - Round 1 May 23, 2008 at 4:53 am

    […] Vizitează Tutorialul […]

  18. Oh, e bine, ai implementat avataruri gr. Arată bine.

  19. @Leland: Mulțumesc pentru comentariu, a fost foarte amabil din partea ta.

  20. @Banago, ți-am lăsat un comentariu pe blogul tău. 🙂

    Despre Gravatars pe Theme Lab, le voi adăuga destul de curând.

  21. @Leland: Mulțumesc pentru feedback, apreciez foarte mult. Mi-ar plăcea dacă ai posta un comentariu pe blogul meu, deoarece nu toată lumea a făcut-o 🙁

    Al doilea: Când intenționezi să implementezi gravatars pe blogul tău? 🙂

  22. Mulțumesc pentru sfaturi…
    Sper să activez în tema mea foarte curând….
    unele teme vin acum cu suport gravatar încorporat, cum ar fi mistylook! 🙂

  23. Postare grozavă Leland!

    Sunt un mare susținător al Gravatars, așa că îmi place să văd mai mulți designeri de teme adăugând suport încorporat pentru Gravatar.

    Cum ai spus și tu, chiar este atât de ușor de făcut!

  24. @Banago: Frumos, îmi place. Mulțumesc pentru comentariu.

  25. Am implementat gravatars la tema blogului meu. De fapt, tocmai urma să cer o părere despre noul meu design. Aș aprecia feedback-ul tău. Mulțumesc!

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!