WordPress Öne Çıkan Görsel (Featured Image) Çağırma
WordPress altyapısında tema geliştirilirken oluşturulan sayfalarda öne çıkan görselleri (featured Image) çağırmak için the_post_thumbnail();
fonksiyonunu kullanın.
Basic Post Görsel Görüntüsü
the_post_thumbnail();
fonksiyonu ile en basit şekilde post görseli sayfada gösterilebilir.
the_post_thumbnail();
Belirli Boyutlarda Post Görsel Görüntüsü
Sayfa görselini çağırırken belirli boyut kalıpları içerisinde sayfaya çağırabilirsiniz. Görsellerin boyutlarını belirtmek için the_post_thumbnail();
fonksiyonu içerisinde thumbnail
, medium
, medium_large
, large
, full
veya Woocommerce ile gelen shop_thumbnail
, shop_catalog
, shop_single
boyut kalıplarını kullanabilirsiniz.
NOT: add_image_size();
fonksiyonu ile custom görsel boyut kalıbı oluşturulabilir. Bu kalıbı da the_post_thumbnail();
fonksiyonu içerisinde kullanabilirsiniz.
/* WordPress'in Kendi Boyutları */
the_post_thumbnail ('thumbnail'); // 150x150 Boyutlarında Kırpılmış
the_post_thumbnail ('medium'); // Maksimum 300 Piksel Genişlikte Kırpılmış
the_post_thumbnail ('medium_large'); // Maksimum 768 Piksel Genişlikte Kırpılmış
the_post_thumbnail ('large'); // Maksimum 1024 Piksel Genişlikte Kırpılmış
the_post_thumbnail ('full'); // Görselin Yüklendiği Boyutu
/* Woocommerce ile Gelen Boyutlar */
the_post_thumbnail ('shop_thumbnail'); // 180x180 Boyutlarında Kırpılmış
the_post_thumbnail ('shop_catalog'); // Maksimum 300 Piksel Genişlikte Kırpılmış
the_post_thumbnail ('shop_single'); // Maksimum 600 Piksel Genişlikte Kırpılmış
Kaynak:
https://developer.wordpress.org/reference/functions/the_post_thumbnail/