WordPress Öne Çıkan Görsel (Featured Image) Çağırma

01/05/2023

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/