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. Recenzie Temă WordPress Chocolate | FreeWordpressThemes.us 26 iulie 2008 la 5:34 pm

    […] Comentarii cu suport Gravatar […]

  2. Linkuri Zilnice de Design pentru 25-07-08 | Anidan Design : design web & grafic ecologic 25 iulie 2008 la 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 - Temă WordPress Gratuită ThemeHook: ??? Blog WordPress 24 iulie 2008 la 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 lansat - câteva funcționalități noi - Mai mult decât doar muncă?! 17 iulie 2008 la 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 - Temă WordPress Gratuită 9 iulie 2008 la 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. iPhone ediție limitată 19 iunie 2008 la 7:55 am

    Mulțumesc pentru ajutor!

  11. wow, mulțumesc pentru tutorial 😀

    căutam pe net asta, mulțumesc

  12. Adăugarea suportului Gravatar comentariilor tale Wordpress | The Second Press 2 iunie 2008 la 11:40 am

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

  13. Mulțumesc mult pentru articol.

  14. PixelCSS : Suport gravatar în wordpress 1 iunie 2008 la 6:29 am

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

  15. ArsGeek » Roundup stilizare comentarii Wordpress 31 mai 2008 la 6:52 am

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

  16. Roundup stilizare comentarii Wordpress 30 mai 2008 la 5:35 pm

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

  17. WPZOOM ›› Cele mai bune resurse pentru WordPress - Runda 1 23 mai 2008 la 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. Kyle Eslick 9 mai 2008 la 2:13 pm

    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!