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.

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

  1. 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..

  2. @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

  3. 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?

  4. 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

    1. Hocam o kaynaklara bak işte ben bu aralar hiç nette bu işlerle ugraşma fırsatım olmuyor. Sadece maillere bakıp çıkıyorum.

  5. 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.

  6. 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ı 😀 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

      1. Çok özür dilerim oldu diye yazdım acele ettim aslında ben thumb çıkması için index.php dosyasındaki the_content in üstüne bunu yazdım:
        <?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.
        }
        ?>
        Burada html olarak style ekleyebileceğim bir yer yok sanırım. Varsa da nereye yazacağımı söylermisiniz?

  7. 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