WordPress'te Gravatar Resim Boyutu Nasıl Değiştirilir

WordPress sitenizdeki Gravatar resimlerinin boyutunu değiştirmek istiyorsanız, doğru yerdesiniz. Çalıştığımız WordPress sitelerinde özel Gravatar boyutlarını yeniden boyutlandırmamız gereken durumlar oldu, ancak yöntem kullandığınız temaya göre farklılık gösterir.

Gravatar, bir yorumcuyu veya blog yazarıni temsil etmek için kullanılan bir resimdir. WordPress temaları Gravatarları belirli bir boyutta gösterir, ancak web sitenizin tasarımına daha iyi uyum sağlaması için onları daha küçük veya daha büyük yapmayı tercih edebilirsiniz.

Bu makalede, WordPress'te Gravatar resimlerinin boyutunu nasıl değiştireceğinizi göstereceğiz.

WordPress'te Gravatar Görüntü Boyutunu Neden Değiştirmelisiniz?

Gravatar, Küresel Olarak Tanınan Avatar anlamına gelir. Bir profil oluşturmanıza ve avatar resimlerini e-posta adresinizle ilişkilendirmenize olanak tanıyan bir web hizmetidir.

Çoğu WordPress teması, kullanıcının yorumunun yanında bir Gravatar gösterir. Bazı temalar ayrıca yazar biyografisi kutusunda bir Gravatar görüntüler.

Bir kullanıcının Gravatar hesabı olmasa bile, siteniz yine de varsayılan WordPress Gravatarlarından birini gösterecektir.

Bazen temanızın Gravatar boyutunu değiştirmek isteyebilirsiniz. Örneğin, daha büyük görünmelerini sağlayarak öne çıkmalarını ve ziyaretçinin site yorum bölümüne dikkat çekmelerini isteyebilirsiniz.

Bununla birlikte, özel Gravatar resim boyutunuzu WordPress sitenizde nasıl değiştirebileceğinize bir göz atalım. Kullanmak istediğiniz yönteme atlamak için aşağıdaki hızlı bağlantıları kullanmanız yeterlidir:

• Yöntem 1: Tam Site Düzenleyicisini Kullanarak Gravatar Boyutunu Değiştirme (Yalnızca Blok Temaları)
• Yöntem 2: comments.php Dosyasını Düzenleyerek Gravatar Boyutunu Değiştirme (Tüm Temalar)
• Yöntem 3: style.css Düzenleyerek Gravatar Boyutunu Değiştirme (Tüm Temalar)
• Method 4: Change Gravatar Size for Author Bios With Code

Yöntem 1: Tam Site Düzenleyicisini Kullanarak Gravatar Boyutunu Değiştirme (Yalnızca Blok Temaları)

Eğer Twenty Twenty-Five gibi blok tabanlı bir tema kullanıyorsanız, tam site düzenleyiciyi kullanarak varsayılan WordPress Gravatar boyutunu değiştirebilirsiniz.

Bu yöntem tüm temalarla çalışmaz, bu nedenle blok özellikli bir tema kullanmıyorsanız, bunun yerine yöntem 2'yi kullanmanızı öneririz.

WordPress kontrol panelinde, Görünüm » Düzenleyici'ye gidin.

Şimdi tam site düzenleyiciye ulaşacak ve WordPress web sitenizin çeşitli bölümlerini düzenlemek için birkaç ayar göreceksiniz.

WordPress yorumlarınız için varsayılan avatar boyutunu değiştirmek üzere, sol panelin üst tarafındaki arama çubuğu simgesine tıklayın.

Bu noktada, Yorumlar şablon bölümünü arayın.

Bulduğunuzda üzerine tıklayın.

Bir sonraki sayfada, Yorumlar şablon parçası hakkında bazı bilgiler göreceksiniz.

Yorumlar şablon parçasını düzenlemek için kalem düğmesine tıklayın. Ardından düzenleme arayüzüne yönlendirileceksiniz.

Artık canlı önizlemedeki Gravatarlardan herhangi birine tıklayabilirsiniz.

Sağdaki menüde, 'Blok' sekmesi zaten seçili değilse onu seçebilirsiniz.

Artık 'Görüntü Boyutu' kaydırıcısını sürükleyerek Gravatarları büyütebilir veya küçültebilirsiniz.

Kaydırıcıyı hareket ettirdikçe, tüm Gravatar'lar otomatik olarak güncellenir, böylece farklı boyutları deneyerek hangisinin en iyi göründüğünü görebilirsiniz.

Ek olarak, 'Kullanıcı profiline bağlantı ver' ayarını etkinleştirmekten çekinmeyin. Bir kullanıcı Gravatar'a tıkladığında, web sitenizdeki yorumcunun profil sayfasına yönlendirilecektir.

Yeni varsayılan Gravatar resim boyutundan memnun kaldığınızda, 'Kaydet' düğmesine tıklayın.

Şimdi, WordPress web sitenizdeki herhangi bir yorum bölümünü ziyaret ederseniz, değişiklikleri canlı olarak göreceksiniz.

Yöntem 2: comments.php Dosyasını Düzenleyerek Gravatar Boyutunu Değiştirme (Tüm Temalar)

Eğer blok tabanlı bir WordPress teması kullanmıyorsanız, temanızın kodunu düzenleyerek WordPress yorumları için Gravatar profil resmi boyutunu değiştirebilirsiniz.

Bu yöntem tema dosyalarını düzenlemenizi gerektirir, bu nedenle yeni başlayanlar için en kolay seçenek değildir. Ancak, bu yöntem çoğu WordPress teması için işe yaramalıdır.

Öncelikle, FileZilla gibi bir FTP istemcisi kullanarak WordPress sitenize bağlanmanız gerekecek veya WordPress barındırma cPanel'inizin dosya yöneticisini kullanabilirsiniz.

FTP'yi ilk kez kullanıyorsanız, FTP kullanarak sitenize nasıl bağlanacağınıza dair tam kılavuzumuzu görebilirsiniz.

Bağlandıktan sonra, /wp-content/themes/ dizinine gitmeniz ve mevcut WordPress temanızın klasörünü açmanız gerekir.

Buraya geldiğinizde, comments.php dosyasını açın ve wp_list_comments fonksiyonunu arayın. Bu fonksiyonun içinde, Gravatar boyutunu ayarlayan avatar_size'ı bulacaksınız.

İşte bunun nasıl görünebileceğine dair bir örnek:

<?php
wp_list_comments(
    array(
        'avatar_size' => 60,
        'style'       => 'ol',
        'short_ping'  => true,
    )
);
?>

avatar_size değerini istediğiniz boyuta değiştirebilirsiniz. Yukarıdaki kod parçasında bu, 60'ı başka bir sayıyla değiştirmek anlamına gelir.

Gravatarlar karedir, bu nedenle WordPress görüntü genişliği ve yüksekliği için aynı değeri kullanacaktır. Bu, yalnızca bir sayı girmeniz gerektiği anlamına gelir.

Bu değişikliği yaptıktan sonra, dosyayı kaydedip WordPress barındırma hesabınıza geri yüklediğinizden emin olun. İşiniz bittiğinde, değişikliğin etkisini görmek için WordPress blogunuzu ziyaret edebilirsiniz.

Gravatar resmi değişmediyse, bunun nedeni önbellek olabilir. Daha fazla bilgi edinmek için lütfen WordPress'in hemen güncellenmemesi sorununu giderme kılavuzumuza bakın.

Gravatar hala değişmiyorsa, temanızın CSS'si comments.php dosyasındaki ayarları geçersiz kılıyor olabilir. Bu durumda, bir sonraki yöntemi denemeniz gerekir.

Yöntem 3: style.css Düzenleyerek Gravatar Boyutunu Değiştirme (Tüm Temalar)

Temanızın CSS'sinin comment.php dosyanızı geçersiz kılıp kılmadığını görmek için tarayıcınızın İnceleme aracını kullanabilirsiniz. Adımlar kullandığınız tarayıcıya göre değişiklik gösterecektir, ancak Chrome'da Gravatar'a sağ tıklayıp veya Ctrl tuşuna basılı tutarak tıklayıp ardından 'İncele' seçeneğini seçebilirsiniz.

Bu, sayfanın HTML ve CSS kodunu yeni bir panelde gösterecektir.

Bu kodda, alt panele odaklanmanız ve yorum yazarının avatarı için CSS sınıfını veya sınıflarını aramanız gerekir.

Örneğimizde, bunlar .comment-author ve .avatar idi ve Gravatar'ın yükseklik ve genişlik değerleri için CSS özellikleri içeriyorlardı. Bunu, CSS kod parçacıklarının üzerine geldiğimizde önizlemede Gravatar'ın vurgulandığını görerek biliyoruz.

Kodumuzun temamızda nasıl göründüğü aşağıdadır. Sizin temanızda farklı görünebileceğini unutmayın:

.comment-author .avatar {
height: 42px;
position: relative;
top: .25em;
width: 42px;
}

CSS kodundaki Gravatar boyutu, comments.php dosyasında belirttiğiniz boyuttan farklıysa, temanızın style.css dosyası değişikliklerinizi geçersiz kılıyor demektir.

style.css dosyanızı düzenlemek için, özel kodu temanıza eklemeyi kolaylaştıran bir kod parçacığı eklentisi olan WPCode'u kullanmanız gerekir. Bununla, style.css dosyanızı doğrudan erişmeden düzenleyebilir, hata yapma olasılığını azaltabilirsiniz.

Ayrıca, inceleme aracının açık olduğu sekmeyi açık tutmanız gerekecektir. Bunun nedeni, yorum yazarının Gravatar'ı için CSS kodunu WPCode'a kopyalayıp yapıştırabilmeniz ve daha sonra düzenleyebilmenizdir.

Öncelikle, WPCode'u WordPress web sitenize kurun. Daha fazla bilgi için bir WordPress eklentisinin nasıl kurulacağına dair kılavuzumuzu okuyabilirsiniz.

Ardından, Kod Parçacıkları » + Parçacık Ekle 'ye gidin ve 'Özel Kodunuzu Ekleyin (Yeni Parçacık)' seçeneğini belirleyin. '+ Özel Parçacık Ekle' düğmesine tıklayın.

Tamamlandığında, yeni CSS kodunuz için bir ad yazın. 'Gravatar Boyutunu Değiştir' gibi basit bir şey olabilir.

Kod Türü olarak 'CSS Parçacığı'nı seçin.

Şimdi, Gravatar boyutuna ilişkin orijinal temanızın CSS kodu parçacıklarını Kod Önizleme kutusuna kopyalayıp yapıştırın.

Tamamlandığında, kod içindeki yükseklik ve genişlik değerlerini değiştirebilirsiniz. Örneğimizde, bunu 50 piksele değiştirdik. Yükseklik ve genişlik boyutlarının aynı olduğundan emin olun.

İşiniz bittiğinde, Ekle bölümüne doğru aşağı kaydırın.

'Otomatik Ekle' yönteminin seçildiğinden emin olun. Konum olarak, özel CSS'nizin mevcut CSS kodunu geçersiz kılabilmesi için 'Site Geneli Altbilgi'yi seçmeniz yeterlidir.

Bundan sonra, kodu 'Aktif' hale getirmek için sağ üst köşedeki düğmeye tıklayın ve 'Kod Parçasını Kaydet'e tıklayın. WordPress blogunuzu veya web sitenizi ziyaret ederseniz, güncellenmiş Gravatar resimlerinizi göreceksiniz.

Şimdi, daha kolay CSS yöntemini kullanmadan önce comments.php dosyasında Gravatar boyutunu değiştirmeyi denemenizi öneririz.

Öncelikle, CSS bazen Gravatarların bulanık görünmesine neden olabilir, özellikle de avatarları orijinal görüntüden çok daha büyük yaparsanız.

İkinci olarak, comments.php'deki resim boyutunu değiştirmek, sitenizin daha hızlı yüklenmesine yardımcı olur. Bunun nedeni, tarayıcının hala tam boyutlu resmi indirmesi ve ardından görüntülemek için CSS kullanarak yeniden boyutlandırması gerekmesidir. Bu, daha yavaş web sitesi performansına neden olabilir.

Yöntem 4: Kod ile Yazar Biyografileri İçin Gravatar Boyutunu Değiştirme

Eğer çok yazarlı bir WordPress sitesi çalıştırıyorsanız, yazar kutusu okuyucuların gönderinin yazarı hakkında daha fazla bilgi edinmesine yardımcı olabilir.

Bu özelliği web sitenize eklemek istiyorsanız, WordPress gönderilerine yazar bilgi kutusu ekleme hakkındaki rehberimize göz atın.

Birçok yazar biyografisi, yazarın biyografisiyle birlikte Gravatar'ını gösterir. Yazar biyografisi kutularınızdaki varsayılan Gravatar boyutunu değiştirmek için biyografiyi ekleyen tema dosyasını bulmanız gerekir.

Sitenize FileZilla gibi bir FTP istemcisi veya WordPress barındırma hizmetinizin dosya yöneticisi aracılığıyla bağlanın. Bağlandıktan sonra, /wp-content/themes/ dizinine gidin ve mevcut WordPress temanızın klasörünü açın.

Bundan sonra, şablon parçaları klasörünü açmanız gerekir.

Şimdi get_avatar  kodunu içeren dosyayı bulmanız gerekiyor. Bu kodu genellikle author-bio.php, single.php dosyası, functions.php dosyası veya benzeri bir şablon parçası dosyasında bulursunuz.

İşte bu kodun nasıl görünebileceğine dair bir örnek:

<div class="author-bio <?php echo get_option( 'show_avatars' ) ? 'show-avatars' : ''; ?>">
        <?php echo get_avatar( get_the_author_meta( 'ID' ), '85' ); ?>

Yukarıdaki kod parçasında, kullanmak istediğiniz boyuta 85 sayısını değiştirebilirsiniz.

Diğer temalarda kod şöyle görünebilir:

get_avatar( get_the_author_meta( 'user_email' ), 85);

Gravatar'ı büyütmek veya küçültmek için kullanmak istediğiniz değerle sayıyı değiştirebilirsiniz.

Boyutu değiştirdikten sonra değişikliklerinizi kaydetmeyi unutmayın. Ardından yeni yazar biyografisi kutusunu çalışırken görmek için web sitenizi ziyaret edebilirsiniz.

Gravatarlar değişmediyse, Yöntem 3'te açıklanan aynı işlemi izleyerek style.css dosyasında avatar sınıfını aramanız gerekecektir. Bu sınıfı bulduktan sonra yeni bir WPCode parçacığı oluşturabilir ve yeni Gravatar yüksekliği ve genişliği değerlerini girebilirsiniz.

Yorum Bölümünüzü İyileştirmenin Daha Fazla Yolunu Öğrenin

WordPress yorumlarınızı bir üst seviyeye taşımak mı istiyorsunuz? Yorum bölümünüzü özelleştirmek için bu kılavuzlara göz atın:

• WordPress'te Yorum Uzunluğunu Sınırlama (Kolay Eğitim)
• WordPress Yorumlarında “Yanıtla” Metni Nasıl Değiştirilir
• WordPress'te Kullanıcılarınızın Yorumlara Abone Olmasına Nasıl İzin Verilir
• WordPress'te Yorumları Sayfalama (Adım Adım)
• WordPress'te Kullanıcıların Yorumları Beğenmesine veya Beğenmemesine Nasıl İzin Verilir
• WordPress Yorum Formundan Web Sitesi URL Alanı Nasıl Kaldırılır

Bu eğitimimizin, WordPress'te Gravatar resim boyutunu nasıl değiştireceğinizi öğrenmenize yardımcı olduğunu umuyoruz. Ayrıca WordPress yorum formunu nasıl şekillendireceğinizi öğrenmek veya en iyi WordPress yorum eklentileri listemize göz atmak isteyebilirsiniz.

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi ayrıca Twitter ve Facebook'ta da bulabilirsiniz.