Konudaki İlk Resmi Thumbnail Olarak Gösterin

Yazı eklerken thumbnail eklemekten sıkılıyorsanız bu kod tam size göre. Yazı içerisinde kullandığınız resimlerden ilkini alıp index.php’de thumbnail (küçük tanıtım resmi) olarak gösteren bu kod işinizi çok kolaylaştıracak.
Ne yapıyoruz? Öncelikle size kısa bir bilgilendirme vereyim.
Kodumuzu iki sayfaya ekleyeceğiz. Bunlardan biri functions.php diğeri index.php. Önce bu sayfalarımızın birer yedeğini alalım. Olası bir aksi durumda yedeklerinizi kullanarak eski hale dönebilirsiniz.

Uyarı : Bu kodu kullanırsanız sonraki temalarla uyum problemi yaşayabilirsiniz. Ancak kullandığınız tema neyse ona da aynı yöntemle kodu eklerseniz problem yaşamazsınız. Bunun için bu yazıyı bilgisayarınızda saklayın ya da yer imlerinize ekleyin.

Şimdi kodlara geçelim.

Functions.php ye şu kodu ekliyoruz :

<?php $id =$post->ID;
$the_content =$wpdb->get_var("SELECT post_content FROM $wpdb->posts WHERE ID = $id");
$pattern = '!<img.*?src="(.*?)"!';
preg_match_all($pattern, $the_content, $matches);
$image_src = $matches['1'][0]; ?>

Daha sonra index.php’de resmi göstermek istediğimiz yere şu kodu ekliyoruz :

<img src="<?php if($image_src != '') { echo $image_src; } ?>"
alt="<?php the_title(); ?>" class="left" width="200px" height="150px" />

Kodlar için anarschi’e teşekkürler.

Artık temanızdaki ilk resmi thumbnail olarak gösteriyorsunuz.

Not: Bu işlem eklenti yolu ile de yapılıyor. Ancak benim düşüncem ” Ne kadar az eklenti o kadar az güvenlik açığı ” olduğu için bu yolu tercih etmenizi öneririm. Eklenti için şu adresi kullanabilirsiniz.

Kenan CANOL

Google sayfama göz atabilirsiniz.

4 yorum

  1. oyun indir   •  

    Bloguna şanş eseri düştüm , gerçekten güzel şeyler yazıyorsun bundan sonra takipçinim , umarım başarın daim olur

    • admin   •     Yazar

      Teşekkürler, faydalı olabiliyorsam ne mutlu (:

  2. ilhan öztürk   •  

    css de bu son resimlere yan yana bi şekil nasıl veririz. 2 sıra yan yana 4 sıra alt alta 8 adet resim araları makul bir boşlukla. biliyosun pek fazla anlamam ama hani video sitelerinde oluyor ya kutucuk içinde son videolar altında rating yıldızları gibi bişey hadi yıldız olmasın :). mantıgını anlatarak tarif edersen başkalarıda işin ilmini öğrenmiş olur.

    have_posts()) : $ucuncu->the_post(); ?>

    <a href="" rel="bookmark" title="">

    ID, 'resim', true) ) { ?>

    <a href=""><img src="/scripts/timthumb.php?zc=1&w=230&h=140&src=ID, "resim", $single = true); ?>" alt=""/>

    <a href=""><img src="/images/video_yok.jpg" width="230" height="140" alt="" />


    bu kodlar aslında zaten var sadece 2 video için bende bunu resim boyutlarınıda ayarlarız.

    /scripts/timthumb.php?zc=1&w=230&h=140&src=ID, "resim", $single = true); ?> w=230&h=140 buradan sanırım ebatta ayarlanabilir.ama bunlara yeni bir css yazmak lazım dediğim şekilde yapmak için.

    • admin   •     Yazar

      En kısa zamanda CSS yerleşimleriyle ilgili bir yazı yayınlayacağım.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir