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 öne çıkarılmış görselin URL’sini almak ” konusunu işleyeceğiz. 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..

// 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.

<?php
if ( has_post_thumbnail() ) {
 the_post_thumbnail();
	} else {
                  // Eğer öne çıkarılmış görsel yok ise Görsel Yok resmini göster //
		 echo '<img src="'.get_bloginfo('template_directory').'/assets/img/no-image.png" alt="No Image!" />';
	}
?>

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.

<img src="<?php echo get_the_post_thumbnail_url(); ?>" title="<?php echo get_the_title(); ?>" />

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 .. ?

Bu yazımda illegal işlem ya da hatalı konulardan bahsettiğimi düşünüyorsanız benimle iletişime geçebilirsiniz

Etiketler

Bu yazımı sosyal ağlarda paylaşmak istermisin ?

• Facebook
• Twitter
• Google+

Bu yazım hakkında ne düşünüyorsunuz ?

Hakkı Cengiz (@hakkicengiz)

5 Eylül 2017 11:42 Cevapla

Abi array ekleyip resme class ekleyebiliyoruz bunu da css ile kontrol edebiliriz. bkz. ‘img-responsive’ ) ); ?> ben bootstrapın img-responsive tagını ekliyorum genelde.

Yazı hakkındaki düşüncelerinizi paylaşmak ister misiniz?
Cevabı iptal etmek için tıklayın.

Blogumda gezinirken hoşunuza giden ve daha sonra tekrar okumak istediğiniz yazılarımı favorilere ekleyebilirsiniz. Bunun için üye olmanız ya da giriş yapmanız gerekmez.

Web, mobil ve diğer segmentler alanında tasarım, Wordpress hizmeti ve blogum hakkında benimle iletişime geçebilirsiniz.

• gkdesigned@gmail.com
• 0850 346 49 96