WordPresste yazı resmine (thumbnail) sınıf adı ekleme

Önceki paylaşımlarımda temanızda yazı resmini nasıl ekleyeceğinizi ve boyutlandıracağınızı anlatmaya çalışmıştım.

Ama bazen yazı resmini kullandığımız alana bağlı olarak veya temamıza bağlı olarak yazı resmine sınıf adı atamamız gerekebilir.

Örneğin “bootstrap framework“ünü kullanarak bir tema hazırlıyorsanız yazı resmini duyarlı (responsive) yapmak isteyebilirsiniz. Bunun için yazı resmine img-responsive sınıfını atamanız gerekiyor. Bu durumda kullandığınız fonksiyona bir sınıf taması yapmamı gerekiyor.

Daha önceki paylaşımlarımda anlattığım üzere function.php dosyasında yazı resmi özelliğini aktifleştirdiğinizi varsayıyorum.

Ardından temanızın ilgili sayfalarında yazı resmini kullanmak istediğiniz alana aşağıdaki kodu eklemeniz yeterli olacaktır:

<?php the_post_thumbnail( 'thumbnail', array( 'class' => 'yaziresmi' ) ); ?>

Sonuç olarak “yaziresmi” adlı sınıfın eklenmiş olduğu aşağıdaki gibi bir çıktınız olacaktır:

<img src="yazi resmi adresi" class="yaziresmi">

iyi kodlamalar 🙂