12parmak ~ Hayatın Akordu!

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;

<?php
function oto-thumb() {
  global $post, $posts;
  $thumb = '';
  ob_start();
  ob_end_clean();
  $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
  $thumb = $matches [1] [0];
  if(empty($thumb)){
	$thumb = "http://www.site.com/thumbnail.jpg";
  }
  return $thumb;
}
?>

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 oto-thumb(); ?>" 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 oto-thumb(); ?>

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

Hepsi bu kadar! Umarım işinizi görür bu uygulama…

Favorilerime Ekle

Yazar: Emre ÖZTÜRK

Etiketler: anlatım, çekme, eklenti, görüntüleme, önizleme resmi, otomatik, plugin, thumbnail ekleme, wordpress, yazıdaki ilk resmi

Tarih: 09.07.2009