Merhaba arkadaşlar biliyorsunuz ki wordpress 2.9 sürümünden sonra işlerimizi kolaylaştıracak birçok kod özelliği geldi…

Bunlardan birisi de thumbnail yani yazıya konu içi dışında rahatça resim daha doğrusu konu resmi ekleme seçeneği sunuyor bizlere.

Başlamadan önce nasıl bir görünümü var ona bakalım…..

Resimde de gördüğünüz gibi bu kolay bir şekilde yazıya ait resim ekleyebileceğiz.

Bu arada söylemeden geçmeyelim.

Bu özelliği istediğiniz temaya kazandırabilirsiniz.

İlk yapmamız gereken işlemlere geçelim.

Tema dosyanızda bulunan functions.php i dosyasını bir php editöründe açmanız.(wordpad vs. birçok metin editörü sorununuzu çözer.)

Daha sonra ekleyeceğimiz kod aşağıdaki şekildedir.(İstediğiniz yere ekleyebilrisiniz ben sonuna eklemenizi tavsiye ederim bulması sizin açınızdan da kolay olur)

Hem sayfalarda hemde yazılarda gözükmesini istiyorsanız.

<?php add_theme_support( 'post-thumbnails' ); ?>

Eğer bunları ayrı ayrı eklemek isterseniz aşağıdaki kodu kullanabilirsiniz….

<?php
//Yazılara thumbnail özelliği kazandırmak için
add_theme_support( 'post-thumbnails', array( 'post' ) );

//Sayfalara thumbnail özelliği kazandırmak için
add_theme_support( 'post-thumbnails', array( 'page' ) );
?>

kodlarını kullanmanız yeterli olacaktır.

Evet artık yazılarınızda (eski yada yeni oluşturacağınız yazılar) ve Sayfalarınız thumbnail (resim yazısı) özelliği kazanmış oldu…

Yazılarınızın ve sayfalarınıza düzenle diyerek özelliğimizin geldiğini göreceksiniz.

Yazı etiketlerinin hemen altında gördüğünüz üzere öne çıkarılmış görseli belirle yazısı çıktı…..Buradan öne çıkarılmış görselimizi belirleyerek yazılarımızda artık gösterebiliriz.

Not: Burada sadece kendi sunucunuzda barınacak şekilde yazı resmi gösterebilirsiniz.

Geçelim bu yükleyeceğimiz resimlerin otomatik boyutlandırılmasına.(Yine işlem functions.php dosyasında)

Seçeneklerimizi sıralayalım….

Not:Vereceğimiz px değerlerini sizler kendi temalarınız için değiştirebilirsiniz.

1-Eğer resimlerimizin kırpılmadan sadece oran olarak küçültülmesini istiyorsak;

<?php
// Yazı resmi kazandırma kodu-önceden eklemiştik 2 kere eklemeyin lütfen
add_theme_support( 'post-thumbnails');

// Resmi 150px genişlik ve 150px yüksekliği aşmayacak oranında küçültür
set_post_thumbnail_size( 150, 150 );
?>

2-Eğer resimlerimizin vereceğimiz değerlere göre “kırpılarak” küçültülmesini istiyorsak

<?php
// Yazı resmi kazandırma kodu-önceden eklemiştik 2 kere eklemeyin lütfen
add_theme_support( 'post-thumbnails');

// Resmi tam olarak 150px genişlik ve 150px yükseklikte küçült ve kırp
set_post_thumbnail_size( 150, 150, true );
?>

Bu seçenekleri düzenleyerek istediğiniz gibi değişiklik yapabilirsiniz.

Şimdi sıra geldi yazı resimlerini sitemizde göstermeye…..

Sitenizde yazı resimlerini her yere ekleyebilirsiniz.Yukarıda verdiğim örnekte index.php dosyasına eklenmiştir.Aynı şekilde yazı resimlerinin yazıya girildiğinde de görülmesini istiyorsak single.php dosyasına ekleyebilirsiniz.Arama sayfa sonuçlarına vs. vs.

Temaya eklememiz gereken kod aşağıdaki şekilde.

<?php the_post_thumbnail(); ?>

Eğer tüm resimlerde üzerine gelindiğinde aynı etiketin gözükmesini istiyorsanız

<?php the_post_thumbnail(‘thumbnail’); ?>

Burada ‘thumbnail’ şeklindeki yazıyı kendinize göre düzenleyebilirsiniz.

Daha deminde belirttiğim gibi kodu nereye yerleştireceğiniz size kalmış.

Php dosyalarını açarak kendi tema yapınıza uygun olarak yerleştirebilirsiniz…

Dersimiz bu kadar…..

Sorularınız için yorum bölümünü kullanabilirsiniz.