alexa  Menu
wordpress tema yapımı

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

  01.03.2015 ,   1 yorum ,   2.400 kez okundu.

Ö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 🙂

1 yorum yapılmış

    Wordpress tema yapımı #4 - post thumbnail

    […] öne çıkarılmış görsel boyutlarını ayarlamayı öğrenebilir, özel resim boyutu eklemeyi, öne çıkarılmış görsele sınıf eklemeyi öğrenmiş […]

    24.01.2017, 15:22:55

Yorum yapın..


%d blogcu bunu beğendi: