Temamın gravatar desteği yoktu. Sitenin performansını, özellikle yorum sayısı fazla olan yazılarda, düşüreceğini düşündüğümden eklemeyi düşünmüyordum. Ancak birçok site bu desteği vermeye başlayınca ben de ekleyeyim dedim, aynı zamanda da kullanıcıları geçerli bir e-posta adresi yazmaya teşvik etmede etkili bir yöntem. Tam bu desteği nasıl sağlayabiliriz ile ilgili araştırma yapıp, bir yazı yazacaktım ki teakolik konu ilgili bir makale yayınlamış. Teakolik'in yazısına göre yorumlar bölümüne avatar desteği sağlamak için aşağıdaki basit kodu yorum döngüsü içerisine eklemek yeterliymiş.
<?php echo get_avatar( $comment,40); ?>
Ben de kendi temamın comments.php (yorumlar) dosyasına aşağıdaki şekilde ekledim.
- <li class="<?php echo $oddcomment; ?>" id="comment-<?php comment_ID() ?>">
- <?php echo get_avatar( $comment,40); ?>
- <cite><?php comment_author_link() ?></cite> dedi ki:
Ancak aşağıdaki resimde de görebileceğiniz gibi avatar çok biçimsiz çıktı.
Avatarın eklendiği yerin kodlarına baktığımda resme 'avatar' isimli bir class'ın (sınıf) atandığını gördüm. Bari bu sınıf'ı kullanarak biçimlendireyim dedim ve aşağıdaki CSS biçimlendirmesini kullanarak avatarın görünümü düzenledim.
- img.avatar {
- float:right; /* Avatarı sağa yasladım */
- margin:3px; /* Yazı ve yorum kenarından 3 piksel uzaklaştırdım */
- background-color:white; /* Arkaplan rengini beyaz yaptım */
- border:1px solid #FF6600; /* Turuncu renkte 1 piksel kalınlığında bir kenarlık ekledim */
- padding:3px; /* Kenarlıkla resim arasına boşluk bıraktım böylece arada beyaz alan oluştu */
- }
Ben avatarı önce sola yaslamıştım (float:left;) ancak yorumların feleği kaydı. Bu nedenle sağa yasladım (float:right;), fena da olmadı. Yazıyla ve yorum kenarlığıyla birleşmesin diye resim etrafına 3 piksellik marj ekledim. Arka planı beyaz yaptım, siz istediğiniz gibi ayarlayabilirsiniz, bu renk sonradan bizim kenarlıkla resim arasındaki alanın rengi olacak. Oldu olacak bir de kenarlık ekleyeyim deyip, turuncu renkte bir piksellik bir kenarlık ekledim (gerçi pek turuncuya benzemiyor ya neyse). Son olarak da biraz havalı olsun diye resim ile kenarlık arasına 3 piksellik boşluk koydum ki (boşluk arkaplan rengiyle boyanacak) avatar nirvanaya ulaştı. Sonuç olarak avatarlar artık aşağıdaki gibi görünmeye başladı.
Siz bu yazıdan yola çıkarak kafanıza göre avatar bölümünü biçimlendirebilirsiniz.
WordPress günlüklerinde yazacağınız yorumlarda kendi avatarınızın görünmesini istiyorsanız buradaki yazıda anlatılanları uygulayın. Kayıt sırasında yazdığınız e-posta adresini kullanarak yaptığınız bütün yorumlarda avatarınız otomatik olarak yorumunuz içerisinde görülecek.
Ek Bilgi
Eğer yorumlarınızda $oddcomment değişkenini kullanıyorsanız, yani yorum alanınız bende olduğu gibi iki renk oluyorsa bu durumda avatarları iki ayrı şekilde de biçimlendirebilirsiniz. Birinci biçimlendirme yöntemi yukarıdaki CSS yöntemi ikincisi ise aşağıdaki yöntem. İkisini birlikte kullandığınızda farklı güzellikler ortaya çıkabilir.
- .alt img.avatar {
- float:right;
- margin:3px;
- background-color:red; /* Arkaplan rengini kırmızı yaptım */
- border:1px solid #FF6600;
- padding:3px;
- }
.alt sınıfı $oddcomment değişkenini kullanan temalarda, yorumların birine uygulanırken diğerine uygulanmaz. Biz de bu sınıfı kullanarak, avatarlarımızı iki ayrı biçimde biçimlendirebildik. İkinci CSS kodlarının diğerinin altında olduğundan emin olun.
Ek Bilgi 1
Yönetim panelinden Ayarlar > Tartışma başlığı altında aşağıda avatar bölümü var. Oradan ben canavar isimli avatarı varsayılan seçtim, böylece gravatar'a üye olmayanlar için bir avatar belirlemiş oldum, normalde bu seçenekte varsayılan olarak Boş avatarı seçilidir ve MSN kişisine benzer bir avatar çıkıyor. Ben herkese aynı canavar avatarını vereceğini düşünüyordum, farklı vermeye başladı. Güzel de oldu.
Ek Bilgi 2
Eğer gravatar'ı olmayan yorumcularınız için kendinize ait bir resmi, varsayılan gravatar olarak kullanmak isterseniz, gravatar kodunu aşağıdaki gibi değiştirin.
- <?php if(function_exists(’get_avatar’)){
- echo get_avatar($comment, 50, 'http://www.siteadi.com/resimadi.jpg');}
- ?>
Bu bilgi WpHacks sitesinden alınmıştır.
Bu yazının kısa bağlantısı http://www.yakupgovler.com/?p=314.
Yazılarımı RSS aboneliği ile takip edebilir, yeni yazılarıma kolaylıkla ulaşabilirsiniz. Bunun için ise RSS adresimi kullanabilirsiniz.
Bu yazıya yapılan yorumları dilerseniz, ( 
Tarih: 16 Eylül 2008 Saat: 21:56
Merhaba Yakup Öğretmenim,
Avatar kullanmayı deniyorum. Sitemde çalıştıramadım. Yazınızı tekrar okuyacağım. Teşekkürler.
Tarih: 16 Eylül 2008 Saat: 22:42
Güzel olmuş özelliklede avartarlar sağda iyi durmuş bende mi sağa alsam ? 🙂
Tarih: 16 Eylül 2008 Saat: 23:25
güzel bilgiler alıyorum sağolun emeğinize sağlık temamda var ama değişimleri deneyebilirim mesala sağda oluncada şık duruyor
Tarih: 16 Eylül 2008 Saat: 23:43
bir isteğim olacak her yorum yapan kullanıcıya sizin sitede bir avatar ekleniyor bunu nasıl yapacağım
Tarih: 17 Eylül 2008 Saat: 03:03
Yönetim panelinden Ayarlar > Tartışma başlığı altında aşağıda avatar bölümü var. Oradan ben canavar isimli avatarı varsayılan seçtim, böyle oldu. Ben herkese aynı canavarı vereceğini düşünüyordum, farklı vermeye başladı. Güzel de oldu.
Tarih: 17 Eylül 2008 Saat: 05:58
verdiğiniz bilgiler için teşekkürler
Tarih: 17 Eylül 2008 Saat: 08:49
Öğretmenim merhaba,
Avatarı sonunda çalıştırdım. Fakat sitemde bana ait olmayan, farklı maillerde de benim avatar çıkmakta. Bunun nedenini anlayamadım.
Bir öneriniz olacak mı? 2.5.1 sürüm kullanmaktayım.
Tarih: 17 Eylül 2008 Saat: 09:44
Sayın hocam, comments.php dosyasına yazdığınız kodu buraya ekleyebilirsiniz, inceleyelim. Ben yorum yaptığımda kendi avatarım göründü. Sanırım siz avatarı olmayanlar için varsayılan bir resim belirttiniz. Bunu anlamak için kodunuza bakmak gerekiyor.
Tarih: 17 Eylül 2008 Saat: 09:45
Siteme yaptığınız yorumu onayladım. Avatar görünüyor. Sorun yok. Daha önceki yorumlarda niye benim avatar çıkıyor ilginç. Maili silsem bile çıkıyor. Sanırım varsayılan gibi algılıyor. Sürüm yükseltip deneyeceğim artık.
Tarih: 17 Eylül 2008 Saat: 10:05
sizin kodu aynen kopyalayıp yazdım.
<li class="" id="comment-">
burayı ekledim
dedi ki:
şu an okulda olduğum için dosyalara ulaşamıyorum.
Tarih: 17 Eylül 2008 Saat: 13:26
Sorunu çözdüm. Wp ilk kurduğumda oluşan admin hesabından ayrı bir admin hesabı yaratınca sorun otomatikman düzeldi. İlk admin hesabının da mail adresini avatar atanmayan bir mail yaptım.
Yakup Öğretmenim gereksiz yorumları temizlerseniz sevinirim. (yazdıklarım)
Geliştirmekte olduğunuz eklentileri merakla beklemekteyim. Özellikle mezunlar ve personelimizi ayrıca merak ediyorum.
Bu alanda bence büyük bir eksiklik tamamlanmış olacak.
Tarih: 17 Eylül 2008 Saat: 16:43
Mükemmel bir yazı çok teşekkürler. Sitenizi yeni keşfetttim. Sanırım biraz geç kaldım. Sürekli takip edeceğim sizi.
Tarih: 20 Eylül 2008 Saat: 01:45
Emeğine sağlık üstad.Çok güzel oldu valla.Sağolasın...
Tarih: 06 Ekim 2008 Saat: 14:15
[...] Temanızdaki Gravatar Alanını Biçimlendirin [...]
Tarih: 19 Aralık 2008 Saat: 23:22
Gerçekten çok işe yararadı.Teşekkürler.
Tarih: 29 Aralık 2008 Saat: 00:08
[...] Yazarın Gravatar’ını Gösterelim Temanızdaki Gravatar Alanını Biçimlendirin [...]
Tarih: 27 Ocak 2009 Saat: 01:55
Hocam,kodların üzerinde çok çalıştım ama bir türlü istediğim sonucu elde edemedim.Ben çerçeve yada kenarlık istemiyorum.Yalnızca sağ tarafa çekmek istiyorum.
Hazırladığım örnekten görebilirsiniz.
Şöyle ;
http://img177.imageshack.us/my.php?image=yorumoo5.png
Sol üst köşedeki şimdiki hali ..Yardımlarınızla ben onu okla belirttiğim yere çekmek istiyorum.Cevabınızı bekliyorum hocam.İyi çalışmalar...
Tarih: 15 Mart 2009 Saat: 13:38
[...] Ayarlar/Tartışma sayfasında sunuyor. Normalde temamızın comments.php dosyası içerisinde değişiklik yaparak gravatarı ve olmayanlar için varsayılan bir resmi gösterebiliyoruz ama istersek [...]
Tarih: 22 Mart 2009 Saat: 00:49
Ayrıca konuyu ekleyen yazarın fotoğrafını göstermek içinde şu kodu ekleyebilirsiniz:
Tarih: 22 Mart 2009 Saat: 00:50
kodu yazdım ama gözkmüyor malesef
Tarih: 22 Mart 2009 Saat: 00:52
Kodlar wp tarafından filtrelenirler, o konuyu ben zaten yazmıştım. http://www.yakupgovler.com/?p=611 adresinden bulabilirsiniz.
Tarih: 19 Nisan 2009 Saat: 18:02
Gravatar Denemesi...