En çok ihtiyaç duyduğunuzda güvenilir WordPress eğitimleri.
WordPress Başlangıç Rehberi
WPB Kupası
25 Milyon+
Eklentilerimizi kullanan web siteleri
16+
Yıllık WordPress deneyimi
3000+
Uzmanlardan WordPress eğitimleri

How to Add Post Thumbnails in WordPress

Gönderi Küçük Resimleri her geçen gün daha popüler hale geliyor. Birçok dergi teması, belirli bir gönderiyle, daha sonra ana sayfada veya gönderi sayfasında görüntüledikleri bir resmi ilişkilendirir. Gönderi sayfasında ve kategori sayfasında gönderilerimizle birlikte bir küçük resim görüntülüyoruz. Eski sürümlerde bu işlevsellik, pek kullanıcı dostu olmayan özel alan yöntemi kullanılarak elde ediliyordu. WordPress Çekirdek Geliştiricilerine ve WordPress 2.9'daki birçok dikkat çekici özelliğe, bu işlev çekirdeğe de eklendi.

Simply watch the video or read the tutorial below :)

Video

Yeni Başlayanlar İçin Rehber

WordPress Kontrol Paneli Yazı Yazma Bölümü'nün kenar çubuğunda buna benzer bir seçenek göreceksiniz.

WordPress'te Gönderi Küçük Resimleri

Bağlantıya tıklayın ve bir resim yükleme sayfasına yönlendirileceksiniz. Resmi yükleyin ve şuna benzer bir şey göreceksiniz:

WordPress'te Gönderi Küçük Resimleri

Küçük resim olarak kullan bağlantısına tıklamanız yeterlidir. Bunu yaptıktan sonra, şöyle bir ekran göreceksiniz:

WordPress'te Gönderi Küçük Resimleri

The above screen means, that you are done. Simply click publish and the image will show on your site.

Geliştirici Kılavuzu

Bu işlevsellik çekirdeğe eklenmiş olsa da, her kullanıcı bu seçeneği yazı yazma panelinin kenar çubuğunda görmeyecektir. Bu, yalnızca tema destekliyorsa etkinleştirilebilen işlevlerden biridir. Eski ücretsiz temalar bunu desteklemeyebilir, bu nedenle geliştiriciden güncellemesini istemeniz veya bu öğreticiyi izleyerek kendiniz yapmanız gerekebilir.

Öncelikle tema klasörünüzdeki functions.php dosyasını açmanız ve aşağıdaki kodu yapıştırmanız gerekecektir:

add_theme_support( 'post-thumbnails' );

Bu kod, gönderiler ve sayfalar için tema desteğini etkinleştirecektir. Böylece kontrol panelinizde bir seçenek görebileceksiniz. Ancak henüz temaya kodu eklemediğimiz için temalarınızda görüntülenmeyecektir.

Bu kodu kullanarak küçük resmi döngünün herhangi bir yerinde görüntüleyebilirsiniz:

<?php the_post_thumbnail(); ?>

Bu temel işlevdi, ancak gönderi küçük resmi boyutunu belirtmek gibi daha gelişmiş bir şey istiyorsanız, yalnızca functions.php dosyanızı açıp kodu şöyle yapıştırmanız gerekecektir:

add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 50, 50, true );

Boyutlar şu sırayla ayarlanır: genişlik x yükseklik ve bunlar piksellerdir.

You can also add additional image sizes for your featured image by adding this line:

add_image_size( 'single-post-thumbnail', 590, 180 ); // Permalink thumbnail size

Daha sonra yazı döngünüzde belirli küçük resim boyutlarını şu şekilde çağırabilirsiniz:

<?php the_post_thumbnail('single-post-thumbnail'); ?>

Bu, bu özelliğin tam işlevselliğinin basitleştirilmiş bir versiyonudur. Basit tutmaya çalıştık, böylece herkes takip edebilir. Bu işlevsellik hakkında daha fazla bilgi edinmek isterseniz şuraya göz atın:

Post Küçük Resimleri Hakkında Mark Jaquith’in Makalesi
WordPress Codex

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklamanız durumunda komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve bize nasıl destek olabileceğinizi görün. İşte editöryal sürecimiz.

Nihai WordPress Araç Seti

Araç Kitimize ÜCRETSİZ erişim kazanın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Okuyucu Etkileşimleri

79 CommentsLeave a Reply

  1. Genesis Child Temaları ile bu gerekli mi? Zaten gönderileri için bir öne çıkan resme sahipler gibi görünüyor. Teşekkürler

  2. Merhaba,

    Temamda loop.php yok, o zaman nerede düzenleme yapmalıyım?

    Şimdiden teşekkürler

  3. Yani... bunu denedim ve sanırım sitemi bozdum. Şimdi bu hatayı alıyorum

    Ayrıştırma hatası: sözdizimi hatası, beklenmeyen ‘”‘ /home/content/21/10729521/html/wp-content/themes/desk-mess-mirrored/functions.php dosyasının 642. satırında

    and can’t get into my dashboard. I’m new to self-hosting and I have no idea how to fix this. HELP!

  4. Harika bir eğitim!

    Hızlı bir soru:

    "küçük resim olarak kullan" seçeneğini görmüyorsanız, temanın eski bir tema olması nedeniyle PHP'nin içine girmeniz gerekebilir, dediniz.

    Yeni WordPress düzeninde, temanızda “küçük resim olarak kullan” özelliğinin olup olmadığını görmek için nereye bakmalıyım?

    "Yeni WordPress düzeni" ile ne demek istediğimi açıklamak için bir resim.

    http://thereselawlor303.files.wordpress.com/2012/12/newpost5.jpg?w=1024&h=621

    Umarım bu mantıklıdır.

    Teşekkürler!

  5. Merhaba,

    Thanks for this post it totally helped me out!

    Soru, şimdi öne çıkan resmi (farklı bir boyutta) yalnızca gönderinin içinde (döngüde değil) nasıl gösterebilirim?

    Thanks :)

    • Yorumlarımı dikkate almayın. Neden onları img ve anchor etiketleriyle sarmak istemeyeceğinizi anladım :D.

      Yazı için teşekkürler

  6. Yazmaya devam edin, ilham vermeye, yaratmaya devam edin. Fikri beğendim ve web sitesini kullanmak oldukça kolay. Keşke alandaki sadece ilk 20 civarındaki web sitelerini değil, daha fazlasını incelemelerini dilerdim. Web büyük bir yer.

  7. Yazmaya devam edin, ilham vermeye, yaratmaya devam edin. Fikri beğendim ve web sitesini kullanmak oldukça kolay. Keşke alandaki sadece ilk 20 civarındaki web sitelerini değil, daha fazlasını incelemelerini dilerdim. Web büyük bir yer.

  8. Bu bilgiyi paylaştığınız için teşekkürler. Sitenizi kontrol ettiğimi ve çok ilginç ve bilgilendirici bulduğumu bilmenizi isterim. Birçok yazınızı okumak için sabırsızlanıyorum.

  9. Harika bilgiler için çok teşekkür ederim. Ana sayfanıza küçük resim eklemek için basit bir yöntem. Bugün sitem için deneyeceğim.

  10. WordPress Sürüm 3.2.1 üzerinde çalışıyorum. Yönetici panelindeki modülün "Gönderi Küçük Resmi" yerine "Öne Çıkan Görsel" olarak okunduğunu fark ettim.

    Ayrıca, yöneticiye bir resim eklemeye çalıştığımda aşağıdaki hatayı alıyorum:

    Uyarı: Başlık bilgileri değiştirilemiyor – başlıklar zaten gönderildi (çıktı /——–/—-/——/——-/wp-content/themes/html5/functions.php:58'de başladı) /Applications/MAMP/htdocs/justine/wp-admin/async-upload.php satır 2648'de

  11. @wpbeginner Hey :) VERY(!) helpful post, However I got to the exact same problem after adding the 2 lines(at the bottom…). When I put them at the beginning, nothing happens…

    Can you please be more specific as for the placement in the loop(Which/where)? Thanks :)

  12. Merhaba, videodaki talimatları izleyerek yukarıdaki kodu girmeyi denedim, ancak güncellediğimde bir ayrıştırma hatası aldım. Kontrol paneli'me bile giriş yapamıyorum. Aptal gibi hissediyorum!

    Modularity lite temasıyla wordpress kullanıyorum ve sitem birdhammer.com.

    Bana yardım edebilir misiniz?

  13. Kodun functions.php dosyanızdaki yerleşimi muhtemelen hatalara neden oluyor. Bir tema çerçevesi kullanıyor musunuz? En alta mı ekliyorsunuz??

  14. mines not working at all i keep gettin errors in the php and it is written up correctly. i dunno is screwed it keeps showing the functions code at the very top of my wp dashboard ??? thats weired

  15. @wpbeginner Ah teşekkürler, sorunu çözdüm. detaylar burada: (pekala bir url yapıştıramıyorum gibi görünüyor). bu berbat.

  16. Good stuff.Thank you.

    Küçük resmi yalnızca alıntıda, gönderi sayfasında değil, görünür kılmakta zorlanıyorum.

    herhangi bir fikriniz var mı?

  17. @kevin.m.kwok Evet, bu bir CSS sorunu gibi görünüyor. Resim CSS sınıfınızın float: left özelliğine sahip olması gerekiyor.

  18. Hello, great tutorial. Everything works, except I can’t get the thumbnail to post “left” of my post on my homepage. It always goes on top of my post, even if I select left in the thumbnail options. Any Ideas?

  19. Merhaba WP Beginner.

    Yukarıdaki harika WP eğitiminden dolayı Yayın Ekibi'ne teşekkürler!

    Hızlı bir WP küçük resim galerisi sayfası fotoğraf sorum var. Her küçük resim görüntüsünün altına küçük bir metin başlığı eklemek için Kategori.php şablonuma basit Özel Alan php kodu eklemeye çalışıyordum. Çok sinir bozucu… her neyse, aşağıya Kategori.php küçük resim döngüsünü ekledim ve bu döngü içinde bir Özel Alan php kodu (alan adı “thumb_tag”) yazmama yardım edip edemeyeceğinizi merak ediyordum. İşte kod:

    ID, ‘main_image’, true); ?>

    <a href="” ><img src="/resize.php?w=162&h=105&file=” alt=”” title=”” width=’162′ height=’105′ />

    Çok teşekkür ederim!

    Pete

  20. Harika öğretici için teşekkürler. Ana sayfanıza küçük resim eklemenin en basit ve benzersiz yöntemi. Sitemde çalışıyor.

  21. wordpress'e yeni başladım, çok fazla programlama bilmiyorum.. makalenizi beğendim. ama bu kodu tam olarak nereye yerleştirmem gerektiğini söyleyebilir misiniz.. functions.php gibi bir dosya, düzenlememiz gereken, kodu nereye eklemeliyiz, bunun için bir demo var mı?

      • Teşekkürler, sanırım işe yaradı. Ancak, bir küçük resim eklediğimde, gönderinin zaten bir görüntüsü olmasına rağmen otomatik olarak gönderinin başına ekleniyor.

  22. Harika bir öğretici - Ancak, bu bilgiyi hiçbir yerde bulamıyorum - AMA, küçük resmi gönderi düzenleyici ekranına eklemek istiyorum, böylece yazarlarım yayınlamadan önce gönderiyle birlikte nasıl görüneceğini görebilirler. Nereye yapabilirim? Şimdiden teşekkürler.

    • Yükledikten sonra küçük resmi görürsünüz, ancak yönetici ekranında canlı önizleme yoktur. Yazarınız yalnızca Önizleme'ye tıklayarak gönderiyi yeni sekmede görebilir <<

      Yönetici

  23. Merhaba
    Bilgi için teşekkürler. Temamdaki adımları izledim, ancak resimlerim hala resim kutusunda görünmüyor… Ana sayfamda bozuk dosyalar gibi görünüyorlar. Üzerlerine tıkladığımda görünüyorlar. Ana sayfada nasıl görünür hale getirebilirim? Teşekkürler

  24. Harika gönderi için teşekkürler – özellikle add_theme_support( ‘post-thumbnails’ ); hakkında – üzerinde çalıştığım wootheme ile harika çalıştı

  25. Harika bilgi için teşekkürler.

    Her yazımın bir fotoğrafı var. Her yazının fotoğrafının RSS beslemesinde küçük resim olarak görünmesini sağlamaya çalışıyorum. Yukarıdaki yöntem bunun için işe yarar mı?

  26. Bu eğitimdeki adımları izledim, ancak nedense galeri seçeneğinden bir resim seçmeye çalıştığımda şu hatayı alıyorum:

    Önemli hata: Tanımsız fonksiyon çağrısı: get_post_thumbnail_id() /wp-admin/includes/media.php satır 1292'de

    Can anyone help me in sorting this out?

    teşekkürler
    Bernard

  27. Bu aslında yükleme sırasında resmi kırpıyor mu? Yoksa sayfada çağrıldığında sadece uygun yükseklik ve genişlikte mi görüntülüyor? Bunu soruyorum çünkü blogumuzdan bir wp olmayan siteye akışımızı çekiyoruz ve ona bağlantı veriyoruz ancak küçük resimleri referans alabilmek isterim. Bu bir asp sitesi, bu yüzden php'nin yerel resim manipülasyonu lüksüne sahip değilim

  28. Merhaba
    Bu kodu tema fonksiyonlarında bulduk (tema derisiyle birlikte geldi) tema, 'post thumbnail' fonksiyonunu kullanan bir resim kaydırıcısına sahip. ancak yönetici panelinde görünmüyor, bu yüzden kaydırıcıyı çalıştıramıyoruz;

    <?php

    yardım : ) teşekkürler

    • Helen,

      We do not see the php code. Can you please encode your PHP code before pasting it in the comments? Or you can send us an email using our contact form.

      Yönetici

  29. harika çalışıyor!! sadece bir sorum var.. nasıl bir bağlantı ekleyebilirim veya bir bağlantı etrafına sarabilirim

    böylece biri bağlantıya tıkladığında orijinal boyutunda bir lightbox açılır.

    Sadece açıklığa kavuşturmak için.

    Şu anda functions.php dosyasında şunlar var:

    add_image_size(‘my-custom-image’, 640,9999); böylece yazıdaki resim 640 genişliğinde olur, bu daha sonra 1000 piksel'e 500 piksel olan orijinal resme bağlanır.

    Bunu buldum: http://polymathworkshop.com/shoptalk/2010/03/19/get-the_post_thumbnail-direct-path-for-wordpress/ bir dereceye kadar işe yarıyor ancak küçük resmi lightbox'ta açıyor.

  30. Harika!

    Hatırlamak için:

    > functions.php dosyasına ekleyin

    add_theme_support(‘post-thumbnails’);
    set_post_thumbnail_size(70, 70, true);

    > döngüye ekle:

    php the_post_thumbnail();

  31. Weel I was looking for the same thing. I have a quick question for ya. Is there any way to have default image of the category to show as a thumbnails? Or is there anyway to fetch first image of the post and use it as thumbnail as related post.
    I implemented the above technique on my blog but the major problem is my all the posts doesn’t have thumbnail enabled. Which makes the situation horrible as I have to update all the post with thumbnail.
    Is there anyway to use first image as default thumbnail using above technique?

    • Evet, Justin Tadlock'un Get Image Eklentisini kullanarak gönderinin ilk görüntüsünü alabilirsiniz. Ayrıca is_post_thumbnail olup olmadığını kontrol ederek bir eğer ise değişkeni ekleyebilirsiniz.

      Yönetici

  32. Editörler,

    WordPress'in gönderi düzenleyicisini mi yoksa çevrimdışı bir blog yayınlama yazılımı mı kullanıyorsunuz? Live Writer kullanıyorum ve bazı iyi seçenekleri var ama bazen WP'nin gönderi düzenleyicisine geçmeyi düşünüyorum. Bu konuda bazı görüşlerinizi paylaşır mısınız?

    Teşekkürler

  33. Wow thanks I’ve always wondered how to do this but never really had the patience to look for a solution. I didn’t know it was this simple. WOOOOT! Thanks. :)

  34. Küçük resme lightbox veya thickbox (örneğin rel=”lightbox” veya class “thickbox”) nasıl eklenir?

    • jQuery kullanmanız ve küçük resme sınıf eklemeniz gerekiyor. Sınıfı eklemek için şunu eklersiniz: array(‘class’ => ‘lightbox’)

      Yönetici

  35. Bu, Sayfa küçük resimleri için çalışıyor mu? bu kodu kullanarak alt sayfaları listelemeye çalışıyorum. (2. olan, 'yazı formatı' bölümünde. 'content'in tüm örneklerini 'excerpt' ile değiştirdim ve Andrew Oz'un Excerpt Editor'ını kullandım, bu gerçekten harika.)

    Küçük resim için kodu eklemeye çalıştığımda görünmüyor.

    Yanlış yapıyor olabileceğim konusunda bir fikriniz var mı?

    • Bu kod yalnızca döngü içinde çalışır. Döngü dışında görüntülemek istiyorsanız, global bir wp_query fonksiyonu çalıştırmanız gerekir.

      Yönetici

  36. Guys, does this only work with square images?

    Yani 50px'e 50px mi?

    Boyutları belirtirken yalnızca yükseklik değerini aldığını duydum…
    (yani 50px'e 30px çalışmazdı)

    • Herhangi bir boyutla çalışacaktır. Bazen doğru orantı değilse görüntü kalitesi kaybolabilir. Bir müşterinin web sitesinde çalışıyor ve sorunsuz çalışıyor.

      Yönetici

  37. Yeni başlayanım ve yaptıklarınızı seviyorum. Bunun gibi şeyler için çok özel talimatlar almak güzel olurdu. Fonksiyonlara kopyalayıp yapıştırdığımda çalışmıyor.

    Yanlış yapıyor olabileceğim şeyler hakkında düşünceler? Belki yeni başlayanlar için bir fonksiyon gönderisi?

    Teşekkürler ve harika işinize devam edin.

    • WordPress 2.9 kullanıyor musunuz? Eğer öyleyse, çalışmaması imkansız. Bu muhtemelen bu kodun en iyi açıklaması.

      Her şeyi mümkün olduğunca açık hale getirmeye çalışsak da, bazen bazı görevleri tamamlamak için ön bilgi gereklidir.

      Personelimizden birinin bakmasını ve bunu sizin için yapmasını isterseniz, küçük bir ücret karşılığında yapabiliriz.

      Yönetici

  38. Harika!

    Teşekkürler çocuklar, tam zamanında, çünkü bir müşteri için bir WordPress teması üzerinde çalışıyorum ve tam olarak buna ihtiyacı var!

    Now it will be sooo easy for the less-tech-savvy person that’ll write posts :)

Yanıt Bırakın

Yorum bırakmayı seçtiğiniz için teşekkürler. Lütfen tüm yorumların yorum politikamıza göre denetlendiğini ve e-posta adresinizin YAYINLANMAYACAĞINI unutmayın. Lütfen isim alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.