WordPress 2.9 ile Gelen Post Thumbnail Özelliğinin Kullanımı

Bu yazı 2 ay 26 gün önce yayınlanmış olduğundan güncelliğini yitirmiş veya içeriğindeki bilgilerin geçerliliği kaybolmuş olabilir. Herhangi bir yanlış anlaşılmadan bu blog sorumlu değildir.

En son derleme yazımda da yer verdiğim bu anlatımı Türkçeleştirmeye karar verdim. Artık derleme yazıları yerine gerek kendi bilgilerimden faydalanarak, gerekse yabancı kaynaklardan beğendiğim ve faydalı olabileceğini düşündüğüm ve Türkçeleştirerek yazdığım yazıları göreceksiniz.

Evet isterseniz yeni bir özellik olan Post Thumbnail özelliğinin nasıl kullanılacağına bir göz atalım. Madde madde ve mümkün oludğunca anlaşılır bir şekilde yazmaya çalıştım:

1. Özelliği aktif etmek:

Öncelikle bu özelliği aktif etmek için temanızın functions.php dosyasına aşağıdaki kodu eklememiz gerekiyor.

add_theme_support('post-thumbnails');

2. Yazınıza Post Thumbnail ekleyin:

İlk adımı tamamladıktan sonra, yazı editörünün sağ kısmında “Post Thumbnail” kutucuğu çıkacaktır.

Sol tarafta gördüğünüz şekilde çıkacak olan kutucuğun içerisinde yer alan Set thumbnail linkine tıklıyoruz. Böylece Medya Kütüphanesinden yazdığınız yazı için thumbnail seçebileceğiz. Ve seçimi yaptıktan sonra veya yeni bir imaj ekledikten sonra Use as thumbnail linkine tıklıyor ve yazınıza bir Thumbnail eklemiş oluyorsunuz. Son olarak da aşağıdaki gibi bir görüntü ile karşılaşacaksınız:

3. Bu özelliği temanızda gösterin:

Bu özelliği aktif ettik, herhangi bir yazıya ekledik ancak temamızdaki index.php dosyasında bu özelliği bir fonksiyon ile çağırmazsak hiçbir anlamı kalmayacaktır. Bu yüzden hemen aşağıdaki kodu Post Thumbnail’ın görünmesini istediğimiz kısma ekliyoruz:

<?php the_post_thumbnail(); ?>

Ayrıca göstermek istediğiniz boyutu da kendiniz ayarlayabilirsiniz:

<?php the_post_thumbnail('medium'); ?>

<?php the_post_thumbnail('large'); ?>

Ayrıca CSS ile de Thumbnail’ı düzenleyebilirsiniz:

.wp-post-image {border: 2px solid #CCC;}

Hizalama ayarı yapmak içinse:

<?php the_post_thumbnail(array( '200,200' ), array( 'class' => 'alignleft' )); ?>

kodundaki alignleft kısmını ayarlayarak yapabilirsiniz…

İşlem bu kadar. Ayrıca birkaç tane daha madde yer alıyordu ancak onların gereksiz olduğunu düşündüm ve yazmadım. Dilerseniz kaynak olarak kullandığım yazıya bakarak onlara da göz atabilirsiniz. Umarım anlaşılır bir şekilde yazabilmişimdir.