alexa  Menu
wordpres theme development

WordPress yazı resmi (thumbnail) boyutlandırma

  20.02.2015 ,   2 yorum ,   3.618 kez okundu.

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()

2 yorum yapılmış

    Ahmet Turan Öztürk

    Çok işime yarayacak. Çok gzel anlatmışsınız. Saygılarımla.

    21.12.2017, 21:05:21

Yorum yapın..

isim yerine gerçek isim ve soyisim yazılmadan yapılan yorumlar kesinlikle onaylanmıyor bilginiz olsun.


%d blogcu bunu beğendi: