WordPress yazı resmi (thumbnail) boyutlandırma

Bir önceki paylaşımımda tema kodlarken yazı resmi (thumbnail) özelliğini nasıl aktif hale getireceğinizi anlatmıştım. Aslında yazı resimlerinin boyutlandırılmasının yönetim panelinden nasıl yapıldığını anlatmıştım. Fakat bir yolunun da olduğunu söylemiştim.

Şimdi gelelim bu işlemi kodla nasıl yapacağımıza. Kod yazarak bu işlemi functions.php dosyasından yapabiliriz.

Bunun için kullanacağımız kod aşağıdaki gibi olacaktır:

<?php add_image_size( $name, $width, $height, $crop ); ?>

Burada $name – oluşturacağımız özel boyutun ismi olacak. Yani daha sonra sayfamızda özel boyutlu yazı resmini kullanmak istediğimiz alanda çağıracağımız isim.

$width – yazı resminin genişliği.
$height – yazı resminin yüksekliği.
$crop – yazı resminin kırpma modu. Bu alan için kullanabileceğimiz değerler şunlar:

false – Soft proportional crop mode ( yumuşak orantılı kırpma modu diye ) .
örneğin eğer yüklenecek resmin orantılı (genişliğinin yüksekliğe göre oranını baz alarak) olarak kırpılmasını istiyorsak bu alana false değerini girmemiz gerekiyor.

True – Hard crop mode (sert kırpma modu).

Array(x_crop_position, y_crop_position) – Specify positioning of the crop area (kırpma alanının konumu). X ve Y eksenine göre kırpma yaptırmamız için işe yarıyor.

Burada x_crop_position alanının alabileceği değerler şunlar: left, center, right.

y_crop_position alanının alabileceği değerler şunlar: top, center, bottom.

Şimdi tüm bunları kodlara nasıl dökeceğimizi görelim:

add_image_size( 'thumb1', 220, 180, true ); // (hard cropped)
add_image_size( 'thumb2', 220, 180, false ); // (soft cropped)
add_image_size( 'thumb3', 220, 220, array( 'left', 'top' ) ); // Hard crop left top

Boyutlandırma konusu bukadar.

Peki nasıl kullanacağız?

Boyutları ayarladıktan sonra gerekli küçük resmi tema sayfamızda kullanmak için aşağıdaki kodları kullanmamız gerekir:

<?php 
if ( has_post_thumbnail() ) { 
	the_post_thumbnail( 'thumb1' ); 
}
?>

Eğer yazı için thumbnail (yazı resmi) ayarlanmışsa göster anlamına gelen bu kodu kullanarak sayfanızı güzelleştirebilirsiniz 🙂
Burada thumb1 yukarıda kullandığımız isimlendirmelerden geliyor. (thumb1, thumb2 veya thumb3 kullanılabilirdi.)

Şimdilik bu kadar. İyi çalışmalar dilerim.

Kaynak: add_image_size()