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.
![]()
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:
![]()
Küçük resim olarak kullan bağlantısına tıklamanız yeterlidir. Bunu yaptıktan sonra, şöyle bir ekran göreceksiniz:
![]()
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


Chrissy
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
Yayın Kadrosu
Hayır, Genesis temalarıyla bu gerekli değildir.
Yönetici
Divya
Merhaba,
Temamda loop.php yok, o zaman nerede düzenleme yapmalıyım?
Şimdiden teşekkürler
Yayın Kadrosu
Döngü index.php, single.php, archive.php ve diğer dosyalarda olabilir.
Yönetici
A. Suriel
Widget'ı denedim ve sorunsuz çalışıyor. İpucu için teşekkürler.
Kathleen Smitheram
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!
Yayın Kadrosu
Please read this article:
https://www.wpbeginner.com/beginners-guide/beginners-guide-to-pasting-snippets-from-the-web-into-wordpress/
Kodu düzgün yapıştırmada bir hata yaptığınıza inanıyoruz.
Yönetici
Nik
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!
Yayın Kadrosu
Sitenizde küçük resmin başlığınızın yanında gösterildiğini görüyorsanız, temanız küçük resim desteğine sahiptir.
Yönetici
Nik
Anladım. Teşekkürler!
Drew
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
Yayın Kadrosu
Resimdeki ekleme düğmesini kullanarak bunu basitçe yapabilirsiniz.
Yönetici
Mimo
Oops, my example above failed.
örn: i mg src=”<?p hp the_p ost_thumbnail (); />
Mimo
Yorumlarımı dikkate almayın. Neden onları img ve anchor etiketleriyle sarmak istemeyeceğinizi anladım :D.
Yazı için teşekkürler
canada goose ceketleri
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.
canada goose ceketleri
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.
mbtshoesmbts
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.
Speeltjezoeken
Teşekkürler, bu yazı tekrar yola çıkmama yardım etti..
lakkolmahendra
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.
LukeSwenson
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
SagivHaalush
@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
birdhammer
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?
wpbeginner
Kodun functions.php dosyanızdaki yerleşimi muhtemelen hatalara neden oluyor. Bir tema çerçevesi kullanıyor musunuz? En alta mı ekliyorsunuz??
Casey Dennison
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
davede
@wpbeginner Ah teşekkürler, sorunu çözdüm. detaylar burada: (pekala bir url yapıştıramıyorum gibi görünüyor). bu berbat.
wpbeginner
@davede You would need to add the thumbnail code in your single.php file as well.
davede
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ı?
kevin.m.kwok
@wpbeginner Mükemmel çalıştı, çok teşekkürler!
wpbeginner
@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.
kevin.m.kwok
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?
kevin.m.kwok
Merhaba,
Peter Wolff
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
Yayın Kadrosu
Why use custom field for that? WordPress has that built-in default.
https://www.wpbeginner.com/wp-tutorials/how-to-display-wordpress-post-thumbnails-with-captions/
Yönetici
Ankit
Harika öğretici için teşekkürler. Ana sayfanıza küçük resim eklemenin en basit ve benzersiz yöntemi. Sitemde çalışıyor.
shivam
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ı?
Yayın Kadrosu
Farklı temaların functions dosyasında farklı kodları vardır. Bu kodu php etiketi içine eklemeniz gerekir.
Yönetici
James
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.
mark
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.
Yayın Kadrosu
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
elizabeth
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
Yayın Kadrosu
the_post_thumbnail(); döngünün içindeyse, ana sayfada sorunsuz çalışacaktır.
Yönetici
reçel
thanks for your help ! i hate plugin so i rather like using template funtion !
janine
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ı
saBEE
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ı?
Yayın Kadrosu
Hayır, bu yöntemi şu yöntemle birlikte kullanmanız gerekecek:
https://www.wpbeginner.com/wp-tutorials/how-to-add-post-thumbnail-to-your-wordpress-rss-feeds/
Yönetici
sabee
Hızlı yanıtınız için teşekkür ederim.
Kullandığım AutoFocus+ teması da Thematic temasını gerektirdiği için biraz kafam karıştı. Hangi functions.php dosyası düzenlenmeli? Yoksa ikisi de mi düzenlenmeli?
Kodu nereye koyacağımı da merak ediyorum?
Bernard
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
darren
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
Yayın Kadrosu
Görüntüyü kırpmıyor, yeniden boyutlandırıyor.
Yönetici
Zara
Teşekkürler çocuklar, inanılmazsınız!
Sizi seviyorum <3
Helen
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
Yayın Kadrosu
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
Ami
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.
Yayın Kadrosu
Çalışmasını sağlamanın tek yolu, küçük resmin orijinal ekine bağlantı vermektir.
Yönetici
Eduardo Antunes
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();
Ricky@twitter uygulamaları
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?
Yayın Kadrosu
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
Jal
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
Antonio
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.
Bob
Küçük resme lightbox veya thickbox (örneğin rel=”lightbox” veya class “thickbox”) nasıl eklenir?
Yayın Kadrosu
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
Trisha
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ı?
Yayın Kadrosu
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
noonoob
Çok teşekkür ederim, çalıştı. Mükemmel
Jeremy
Döngünün dışından küçük resmi nasıl alabilirim?
Yayın Kadrosu
Yakında bunu açıklayan başka bir makale yazacağız. Öneri için teşekkürler. Gerçekten devam etmek ve üzerinde çalışmaya başlamak istiyorsanız, query_post fonksiyonunu kullanacaksınız.
Yönetici
Chad
Gönderi Resimlerini Döngü Dışında Gösterme hakkındaki yazınızı sabırsızlıkla bekliyorum. WP 3.0 kullanarak çalışan bir örnek bulamadım.
Yayın Kadrosu
Bununla aynı şekilde çalışacaktır:
https://www.wpbeginner.com/wp-themes/how-to-display-custom-fields-outside-the-loop-in-wordpress/
Walt Ribeiro
Bu, tam bir örnek olmayan o eğitimden biraz farklı. Peki kendi küçük resimleriniz için nasıl yapılacağını yayınladınız mı? Nasıl olduğunu bilmek isterim!
Cosmin
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ı)
Yayın Kadrosu
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
Luke
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.
Yayın Kadrosu
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
Chris Peterson
Harika ipuçları! Gönderi küçük resimlerini yükleme adımlarını her birini açıkça açıkladınız.
Cosmin
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
Nimit kashyap
Bunun için bir eklenti kullanmayı tercih ederim.
Yayın Kadrosu
Nedenmiş o? Eklentiler sitenizi yavaşlatır ve bunu yapmanın muhtemelen en kolay yolu budur.
Yönetici
jeprie
çok güzel makaleler, bunu wordpress'te yapabileceğinizi bilmiyordum.
Peki, eklentiler wp sitemizi ne kadar yavaşlatabilir? Önemli mi?
Yayın Kadrosu
Siteniz ne kadar çok veritabanı sorgusu yaparsa, o kadar yavaş yüklenir ve her eklenti sorgulara eklenir.