Merhaba arkadaşlar.
Biliyorum uzun zamandır yeni konu yazamadım bu aralar fazlası ile yoğunum kusuruma bakmayın ..
Bugün kü WordPress İpucumuz’da wordpress’te default olarak gelen öne çıkarılmış görsel kodunu özelleştireceğiz. Bazen tema kodlarken öne çıkarılmış görseli bir div içerisine koymamız gerekiyor. Peki temamıza öne çıkan görsel sistemini nasıl dahil edebiliriz ?
Öncelikle functions.php dosyamızın içerisine hemen aşağıdaki kodumuzu ekleyelim..
functions.php'ye eklenecek kod
// Thumbnail //
add_theme_support( 'post-thumbnails');
set_post_thumbnail_size( 700, 350, true );
// Thumbnail //
Şimdi temamıza bir adet öne çıkarılmış görsel sistemini dahil ettik. 700, 350 olan alanı kendinize göre düzenleyebilirsiniz. (700 px genişlik 350 px yükseklik değeridir )
Wordpress’te default olarak verilen kod aşağıdaki gibidir.
Wordpress Default öne çıkarılmış resmi gösterme kodu
if ( has_post_thumbnail() ) {
the_post_thumbnail();
} else {
// Eğer öne çıkarılmış görsel yok ise Görsel Yok resmini göster //
echo '';
}
?>
Fakat bu sistemde öne çıkarılmış görselin boyutuna, konumuna div içerisindeki yerine müdahele edemiyoruz. O yüzden hemen wp codex’te karşılaştığım bu güzel kodu sizinle paylaşıyorum.
Wordpress Öne Çıkarılmış Görselin URL adresi kodu
Bu kodu dilediğiniz döngü içerisinde sorunsuz kullanabilirsiniz. Temanızda göstermek istediğiniz yere sorunsuzca ekleyebilirsiniz.
Başka bir wordpress ipuçları gününde görüşmek üzere, hoşçakalın .. 🙂
Kaynak Link