Ad o b ew o rd p ress. co m / W o rd Press / E kl en ti l er / W o rd Press Si ten i zd e Ko n u l a rd a ki R esm i Çekm ek
WordPress Sitenizde Konulardaki Resmi Çekmek Vatanay Özbeyli tarafından 11 Ekim 2012 tarihinde yazıldı. ~ 1 Yorum + Değiştir
WordPress blogunuzda custom listeleme yapacağınız zaman onlarca fonksiyon ve tag ile boğuşmanız gerekmekte. Bu dersimizde çorba olan fonksiyonları basit bir dil ile anlatmaya çalışacağım. WordPress dahilinde iki adet görsel türü vardır : öne çıkarılmış görseller (thumbnails) ve konu içersinde kullanılan görseller. WordPress öne çıkarılmış görselinizi çekmenizi sağlayan bir tag hazır tutar fakat konu içersindeki görseli çekmek başlı başına yazılım işi. İşin zor kısmıyla başlayalım : 1.Konu içersindeki ilk resim nasıl çekilir? 2.Konulara eklenilen öne çıkarılmış görsel nasıl çekilir? 3.Detaylar
Konu içersindeki ilk resim nasıl çekilir? Bu işlemi yapmak için fonksiyon(function) kullanmamız gerekiyor. Hali hazırda bu görevi üstlenen catch_that_image() isimli bir fonksiyon mevcut. Aşağıdaki fonksiyonu function.php’ye ekleyiniz. 1 function catch_that_image() { 2 global $post, $posts; /* Tarayacağımız alanı belirliyoruz*/ 3 $first_img = ''; 4 ob_start(); 5 ob_end_clean(); 6 $output = preg_match_all('//i', $post->post_content, $matches); 7 $first_img = $matches [1] [0]; /* Üstte filtrelediğimiz metinden url'yi çekiyoruz */ 8 9 if(empty($first_img)){ /*Eğer konuda görsel yoksa aşağıdaki varsayılan görseli kullan*/ 10 $first_img = "http://www.adobewordpress.com/wpcontent/uploads/2012/10/12.jpg"; 11 }
12 return $first_img; 13 } Yukarıdaki fonksiyon ilgili konu içinde arama yapıp <img> tagı arasındaki URL’yi filtreliyor. Şimdi gelelim bu fonksiyonu sayfamızda kullanmaya. catch_that_image() sayesinde konudaki ilk fotoğrafı öne çıkarılmış görsel gibi yayınlayabileceksiniz. Listelemenize aşağıdaki kodu eklemeniz yeterli. 1 <img src="<?php echo catch_that_image();?>"/>
2.Konulara eklenilen öne çıkarılmış görsel nasıl çekilir? 1 <?php the_post_thumbnail); ?> Yukarıdaki kod satırını kullanarak öne çıkarılmış görseli direkt olarak çekebilirsiniz. Bu sefer <img> tagını kullanmamız gerekmiyor çünkü WordPress bunu kendisi atıyor.
3.Detaylar Aşağıdaki kaynaklarda, WordPress, the_post_thumbnail fonksiyonu atlatmıştır. Boşver WordPress resmi sayfalarını diyorsanız, şurada bu konuyu daha detaylı anlatmaktayım.
Kaynaklar 1.http://codex.wordpress.org/Function_Reference/the_post_thumbnail 2.http://codex.wordpress.org/Function_Reference/get_the_post_thumbnail 3.http://codex.wordpress.org/Function_Reference/wp_get_attachment_thu mb_url 4.http://codex.wordpress.org/Function_Reference/get_post_thumbnail_id
Benzer Konular: the_post_thumbnail ile Öne Çıkarılmış Görselleri… the_category Konu Kategorilerini Gösterme WordPress Sitenizin Nav Menusune Arama Kutucuğu Eklemek AdobeWordPress Gururla Sunar : Handy Slider Widget
wlwmanifest.xml Nedir?
YazĹ Kategorisi : Eklentiler , WordPress Anahtar Kelimeler : catch_that_image , çekmek , first image , get_post_thumbnail_id , get_the_post_thumbnail , gÜsterme , ilk resim , konulardaki , post , resmi , the_post_thumbnail , wordpress , wp_get_attachment_thumb_url