WordPress’te Yazılara Otomatik Thumbnail Ekleme | 12parmak ~ Hayatın Akordu!
 
12

WordPress’te Yazılara Otomatik Thumbnail Ekleme Google

Webmaster

WordPress’te, yazılar listelenirken yan taraflarında thumbnail adı verilen küçük önizleme resimlerini ekleyebilmek için bir çok eklenti mevcut. Fakat çoÄŸu eklentide admin panelinden yazı yayımlarken thumbnail resmini manuel olarak özel alanlara girmemiz gerekiyor. Her seferinde de önizleme resmi için ayrı bir görsel bulup özel alandan eklemek zor ve sıkıcı olacaktır.  Yazıya eklediÄŸimiz ilk resim otomatik olarak çekilip, boyutlandırılıp thumbnail olarak gösterilse ne iyi olurdu dimi? İşte bu yazımda da sizlere bunun en kolay yolunu anlatacağım. Artık thumbnail için özel alanlara ve eklentilere ihtiyacınız olmayacak; siz sadece yazınızı yayımlayın, kuracağınız fonksiyon yazıdaki ilk resmi çekip otomatik olarak thumbnail alanına ekleyecektir.

Başlayalım: Tema klasörünüzde bulunan functions.php isimli dosyayı bir text editörü ile açın ve herhangi bir ?> kodundan sonra aşağıdaki kodları ekleyin;

function resmiyakala() {
  global $post, $posts;
  $first_img = '';
  ob_start();
  ob_end_clean();
  $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
  $first_img = $matches [1] [0];

  if(empty($first_img)){ //Resim yoksa
    $first_img = "http://www.site.com/default.jpg";
  }
  return $first_img;
}

Gerekli fonksiyonu tanımladık. Şimdi yine tema klasörünüzden thumbnail resimlerinin kaynak kodlarının bulunduğu dosyaları açın. Bunlar home.php, index.php ve archive.php olabilir. Temanız eğer thumbnail desteklemiyorsa content kodunun öncesine ekleyebilirsiniz aşağıdaki kodu, eğer destekliyorsa sadece resim yolunu değiştirmeniz yeterli olacaktır;

<img src="<?php resmiyakala(); ?>" width="100px" height="100px" alt="<?php the_title(); ?>" />

width ve height tagları çekilecek thumbnail resminin boyutlarını temsil ediyor, temanıza göre düzenleyebilirsiniz yani.

Thumbnail eklentisi temalarında zaten kurulu olanlar sadece src kodundan sonra, yani resim yolunu gösteren koddan sonra aşağıdaki kodu eklemeleri gerekiyor;

<?php resmiyakala(); ?>

Yükseklik ve genişlik ayarları eğer div tagı ile belirtilmemişse kendiniz ekleyebilirsiniz.

functions.php dosyasında tanımladığımız fonksiyona eğer yazıya bir resim eklenmemişse varsayılan (default) olarak gösterilecek resmi de belirttik. Burada yapmanız gereken tek şey kendinize bir görsel oluşturmak ve bunu anadizine attıktan sonra aşağıdaki resim yolunu değiştirmek;

http://www.site.com/default.jpg

Hepsi bu kadar! Umarım iÅŸinizi görür bu uygulama… :)

FavoriteLoadingFavorilerime Ekle | Yazdır Yazdır |  

Yazar: Emre ÖZTÜRK

Etiketler: , , , , , , , , ,

Tarih: 09.07.2009

12 Yorum

  1. TANJUA , Tarih: 9 Temmuz, 2009

    sorun çıkıyor Parse error: syntax error, unexpected bu hatayı alıyorum

      

     
  2. Emre ÖZTÜRK , Tarih: 9 Temmuz, 2009

    Eklerken bir yerde hata yapıyorsun, kabul edilemeyen bir karakter yüzünden kodlamada sorun çıkıyor. Bu da parse error verir. Kontrol et veya tekrar dene.

      

     
  3. antalya çiçekçi , Tarih: 9 Temmuz, 2009

    ben ekledim … ;) teÅŸekkürler emre

      

     
  4. Mehmet , Tarih: 9 Temmuz, 2009

    Merhaba, ben bunu üst üste denememe rağmen yapamadım. Benim temam thumbnaili destekliyor, özel alanlardan ekleniyor ama kendi hostuma yüklemem gerekiyor, ben sizin anlattığınız gibi yapıp uzak sunucudan eklemek isstiyorum. Yardımcı olur musunuz?

      

     
  5. Emre ÖZTÜRK , Tarih: 9 Temmuz, 2009

    Nasıl yardımcı olayım? İlk eklenen resmi otomatik çekip thumbnail yapan kodları ve kullanımını anlattım yukarıda, denediniz mi?

      

     
  6. Tatil Tr , Tarih: 9 Temmuz, 2009

    Fuctions.php’ye kodları ekleyince site hata verdi.

      

     
  7. seyda , Tarih: 9 Temmuz, 2009

    boş yere yapmayın arkadaşlar kodlar bozuktur

      

     
  8. Emre ÖZTÜRK , Tarih: 9 Temmuz, 2009

    Koddaki sorun düzeltilmiştir. ;)

      

     
  9. halil , Tarih: 9 Temmuz, 2009

    Anlatım için teşekkürler fakat resimleri çekmiyor ve resim olmayan konulara belirttiğimiz http://www.site.com/thumbnail.jpg yeri düzeltmeme rağmen burdanda resim almıyor.. :S

      

     
  10. Emre ÖZTÜRK , Tarih: 9 Temmuz, 2009

    Kodu güncelledim, lütfen tekrar dener misiniz? Functions.php dosyasına eklenen kodun yazıya eklenen ilk resmin sadece “adresini” çektiÄŸini unutmayın; temanızda gerekli düzenlemeyi yaparak thumbnail’in gösterileceÄŸi kısma basit HTML img kodları ile bu fonksiyonu eklemelisiniz, yoksa sadece resmin url’si text olarak gözükecektir.

      

     
  11. halil , Tarih: 9 Temmuz, 2009

    functions.php ye kodu ekleyince sitenin üstünde eklediğimiz kod çıkıyor?

      

     
  12. Emre ÖZTÜRK , Tarih: 9 Temmuz, 2009

    Kodları < ?php ve ?> tagları arasına eklediÄŸinizden emin olun. Veya ekleyeceÄŸiniz kodun başına < ?php ve sonuna da ?> ekleyerek functions.php’nin en son satırına, ?> kapanış tagından sonra ekleseniz de olur.

      

     

Yorum Yazın

;) :| :x :twisted: :roll: :oops: :o :mrgreen: :lol: :idea: :arrow: :S :P :D :@ :?: :) :( :!: 8O 8)


"Bir insanın dev gibi kudrete sahip olması fevkalâde bir şeydir. Fakat bu kuvveti, dev gibi kullanması zâlimliktir." (Shakespeare)

  • Son Yorumlar

    • Emre ÖZTÜRK: Burada hiçbir Wave...
    • eyup: ya ben wave 2 kullanıyorum bada...
    • Emre ÖZTÜRK: FW dosyaları için...
    • mustafa: pc basında bu iÅŸlerin uzmanı...
    • mustafa: downloader e ekleyecek...