WordPress Yazılara Thumbnail Resim Alanı Eklemek

Merhaba arkadaşlar bir arkadaşın ricası üzerine wordpress temalarımıza thumbnail alan eklemesini ve kullanılmasını göstereceğim. Bu sayede yazılarınızın içinde resimde göstererek görsel olarak daha güzel görünmesini sağlayacaksınız. Örnek olarak ben kendi sitemde thumbnail alan ekleyerek resimleri gösteriyorum.  Bu yazımızı tamamladıktan sonra sizlerde kendi web sitelerinizi aşağıdaki gibi görünüme kavuşturabilirsiniz.

[ad#orta]

Wordpress Thumb Resim
İlk olarak temanızın bulunduğu klasör içine girip, oradan functions.php ‘yi açmanız gerekecektir. Daha sonra aşağıdaki satırı bu dosyaya isterseniz sorun çıkmaması açısından en başa eklemeniz yeterli olacaktır.

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

Bu şekilde bir kullanım en basitidir. Bunu yazılarda kullanmak için ise şunu yapmalıyız. Diyelim bir yazı yazıyoruz ve bir resim ekleyerek onu thumbnail resim yapmak istedik. Admin panelimizde yazı ekleme kısımında hemen Yazı etiketlerin altında Öne çıkan görsel olarak aşağıdaki gibi bir pencere gelmiş olması gereklidir. Eğer siz de de o pencere geldiyse thumbnail alan aktif edilmiş demektir.
Thumbnail Akitf
Yukarıdaki işlemleri başarıyla gerçekleştirdiyseniz şimdi sırada resimlerin boyutunu ayarlama işlemleri var.
Resim boyutunu ayarlamak için functions.php deki kodu aşağıdaki gibi değiştirelim.

<?php
add_theme_support( 'post-thumbnails'); //Yazılarıma resim desteği 
 
set_post_thumbnail_size( 623, 162, true );// Resmi 623px genişlikte ve 162px yükseklikte ayarlar(Siz bu boyutu kendinize göre değiştirebilirsiniz.)
 
add_image_size( 'single-post-thumbnail', 623, 400 );//Tekil yazıdaki gözükecek boyut(Siz bu boyutu kendinize göre değiştirebilirsiniz.)
 
?>

Evet arkadaşlar şu anda functions.php ‘deki işlemlerimiz bitti. Geldi sıra bunu anasayfada (index.php) gösterme komutlarını yazmaya. index.php dosyamızı açalım ve aşağıdaki kodu the_content() fonksiyonun üzerine yerleştirelim.

<?php
         if ( has_post_thumbnail() ) {
             //Thumbnail resim varsa resmi gösterir.
            the_post_thumbnail();
          } else {
 ?>
 
            <img src="resimyok.jpg" alt="resimyok" />
 <?php // Thumbnail resim yoksa resimyok resmini gösterir.
         }
      ?>
 
      <?php the_content('Devamini oku...');//Bu satırın üzerindeki kodlar bizim kodlarımızdır. Siz de yukarıdaki kodları bu satırın üzerine yerleştiriniz. 
?>

Evet şu ana kadar her şey normal bir düzeyde ilerlerdi. Yukarıdaki kodu resimi görmek istediğiniz sayfalara (örneğin: archive.php,single.php …) yerleştirerek thumbnail resimleri gösterebilirsiniz.
Bir de thumbnail resmi nasıl ekleriz onu gösterelim ve yazıyı sonlandıralım. Admin panelimizden yazı ekle dedikten sonra aşağıdaki resimde görüldüğü gibi Öne çıkarılmış görseli belirle bağlantısını tıklayalım.
Thumbnail Akitf
Karşımıza aşağıdaki gibi bir pencere gelecek normal resim yükleme penceresi oradan resminizi seçin ve Öne çıkarılmış görsel olarak kullan bağlantısını tıklayın.

Artık yazınıza bir thumbnail resim eklenmiş olacaktır. Sizlerde yazılarınızı bu şekilde görsel bir şölene dönüştürebilirsiniz. Umarım faydalı olmuştur. Ha bu arada sizce wordpresste thumbnail alan mı kullanılmalı yoksa özel alanlarla idare mi edelim.

Hasan Huseyin İŞLER hakkında

Lise yıllarında programlama ile tanışan ve Q-Basic, Pascal, C başlangıç seviyesinde öğrenenir. Üniversite de TEF-BSÖ okurken diğer dillerin yanı sıra PHP'de kendini geliştirmeye devam ederek bunların yanında CSS, JS ve Wordpress sistemiyle ilgilenir. www.phpsorunu.com'un da yöneticisi ve yazarlarındandır.
Bu yazı Wordpress kategorisine gönderilmiş. Kalıcı bağlantıyı yer imlerinize ekleyin.

WordPress Yazılara Thumbnail Resim Alanı Eklemek için 24 cevap

  1. Mert der ki:

    Çok güzel bir yazı olmuş teşekkürler.

  2. adminyxlylmz01 der ki:

    teşekkürler güzel anlatım :)

  3. halil der ki:

    Anlatım için teşekkürler fakat bir sorum olacak anasayfada gözüktü sorunsuz birşekilde fakat katagorilerde görünmesi için hangi dosyaya koymam gerekiyor archive.php ye ekledim fakat resimler gelmedi acil yanıtlarsanız sevinirim..

  4. halil der ki:

    @hsnhsynisler
    cevap için teşekkürler fakat temanın içinde category.php de yok
    single,page,archive.php hepsine denedim fakat hiçbirinde gözükmüyor sadece index.php de yani anasayfada işe yarıyor:S

  5. Nurettin der ki:

    be 150×150 boyutunda yaptım ekledim fakat yazılar altında geliyo resmin. ben resmin yanında da yazılar olsun istiyorum.

  6. Cüneyt der ki:

    add_image_size( 'single-post-thumbnail', 623, 400 );

    bu kod singlede boyutlandırmak için ben ayrıyetten category.php yapdım ve ordada ayrı boyutlandırsın dıye su kodu denedım

    add_image_size( 'category-post-thumbnail', 623, 400 );

    ama olmadı category için farklı boyutlandırma yapmak istiyorum orda ne kullanmalıyım?

  7. Cüneyt der ki:

    Yok ya beceremedim kardeş sen şu functions.php benim için yeniden düzenlermisin acama isdediğim şey şu öne çıkan resim belirlediğimde ana sayfada 1280×720 olsun category ve single de ise 250×250 olsun fazla zamanını almaz dıye dusunuyorum yardım edersen cok sevırınırım verdıgın kaynaklara bakdım ama olmadı :S

  8. Cüneyt der ki:

    Sorunu çözdüm category.php de kullanmam gereken kod şuymyş

    <?php if ( has_post_thumbnail() ) { the_post_thumbnail( 'category-thumb' ); } ?>

    herkese teşekkürler iyi çalışmalar umarım bu cevap da sorun yaşayanlara yardımcı olur.

  9. Barış Kalfa der ki:

    Merhaba ben dediklerinizi düzgünce yaptım ve oldu thumbnasil temamda gözüküyor ama thumbnail içeriğin üstünde gözüküyor ve içerik ise altta kalmış ben php de çok iyi değilim div align falan denedim bişi olmadı :D lütfen bana yardımcı olun çoğu blog sitesindeki gibi kare thumb köşede durmasını ve yazınında diğer boş kalan yeri doldurmasını istiyorum anlamadıysanız siteme bakın :) bariskalfa.com

  10. Sohbet der ki:

    Tşk ederim baya bi işime yarıcak kodu buldum sanırım :P

  11. ZUNELABS der ki:

    Böyle bir şey benim sitemde de var ama sorun şu ki ben resim yok görseli/yazısı yerine resmi olan bir önceki başka bir gönderinin gösterilmesini istiyorum. Böyle bir şey mümkün mü?

Bir Cevap Yazın

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

Şu HTML etiketlerini ve özelliklerini kullanabilirsiniz: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>