Timthumb ve otomatik thumbnail nasıl yapılır ?

Merhabalar, uzun süredir WordPress ile ilgili yazı yazmıyordum. Yeni tema ile birlikte biraz da heves olsa gerek bu yazıyı yayınlayayım dedim.

Benim gıdım dahi olsa PHP bilgim yoktur, ama araştırıp bularak ve deneme yanılmayla öğrendiğim bir çok şey var. Temayı tasarlarken pek zorlanmadığımı söyleyeyim ama işlevselleştirirken 2 3 katı efor sarfetmem gerekti. Çünkü yaptıklarımı deneme yanılma yoluyla yapıyordum.

Yenilikleri düşünürken de aklıma hem optimizasyon hem de kolaylık olması açısından timthumb olayını kullanmak geldi. Thumbnailler için biçilmiş kaftan olan bu küçük dosya ile hem resimleri otomatik boyutlayabilir hem de bozmadan istediğiniz kalitede sitenize yerleştirebilirsiniz.

Timthumb olayına başka zaman değineceğim. Bu yazıda ise WordPress sitenizde yazılarınıza resim eklemediğiniz zaman otomatik bir şekilde resim atanması ve bunun timthumb ile işlenmesini anlatacağım kısaca.

Öncelikle kendimize varsayılan bir resim belirliyoruz. JPG olmasına özen gösterin çünkü diğer formatlar yüklenme aşamasında yavaşlığa ve gereksiz bant genişliği harcanmasına neden oluyor.

Buraya tıklayarak timthumb.php‘yi indirebilirsiniz. İndirdiğiniz dosyayı temanızın ana klasörüne atmanız yeterli. Ardından varsayilan.jpg adındaki resminizi images klasörüne gönderin.

Daha sonra sitenizde öne çıkarılmış görseli (thumbnail) yerleştirmek istediğiniz yeri belirleyin. Ardından şu kodu yerleştirmeniz ve arkanıza yaslanmanız yeterli olacaktır.

<?php $image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'full'); if ( has_post_thumbnail() ) { ?>

		<img src="<?php bloginfo('template_url'); ?>/timthumb.php?src=<?php echo $image_url[0]; ?>&w=624&h=150&zc=1" width="624" height="150" />

						<?php }else

		echo '<img src="' . trailingslashit( get_stylesheet_directory_uri() ) . 'images/varsayilan.jpg' . '" alt="" />'; ?>

Bu kod kısaca şunu yapıyor, eğer öne çıkarılmış bir resminiz varsa onu işler, öne çıkarılmış görseliniz yoksa images klasöründe bulunan varsayilan.jpg imajını ekrana getirir. Kodda bulunan

w=624&h=150

ve

width="624" height="150"

parametreleriniz isteğinize göre düzenleyerek boyutlama yapabilirsiniz.
İşlem bu kadar. Keyifli çalışmalar.

Kenan CANOL

Google sayfama göz atabilirsiniz.

Bir Cevap Yazın

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