Gönderi Küçük Resimleri her geçen gün daha popüler hale geliyor. Birçok dergi teması, ana sayfada veya gönderi sayfasında daha sonra görüntüledikleri belirli bir gönderiyle bir resmi ilişkilendirir. Biz gönderilerimizle hem gönderi sayfasında hem de kategori sayfasında bir küçük resim görüntüleriz. Eski sürümlerde, bu işlevsellik kullanıcı dostu olmayan özel alan yöntemi kullanılarak elde ediliyordu. WordPress Çekirdek Geliştiricilerine WordPress 2.9'daki birçok dikkat çekici özellik ile birlikte teşekkürler, bu işlevsellik ç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:
Yukarıdaki ekran, işiniz bittiği anlamına gelir. Sadece yayınla'ya tıklayın ve resim sitenizde görünecektir.
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ü içinde herhangi bir yerde 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.
Bu satırı ekleyerek öne çıkan resminiz için ek resim boyutları da ekleyebilirsiniz:
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:
Mark Jaquith'in Gönderi Küçük Resimleri Üzerine 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
ve panoma giremiyorum. Kendi kendine barındırma konusunda yeniyim ve bunu nasıl düzelteceğimi bilmiyorum. YARDIM!
Yayın Kadrosu
Lütfen bu makaleyi okuyun:
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,
Bu gönderi için teşekkürler, bana çok yardımcı oldu!
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
Ups, yukarıdaki örneğim başarısız oldu.
ö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
benimki hiç çalışmıyor, sürekli php'de hatalar alıyorum ve doğru yazılmış. neyin ters gittiğini bilmiyorum, fonksiyonların kodunu wp panomun en üstünde göstermeye devam ediyor??? bu garip
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 küçük resim kodunu tekil.php dosyanıza da eklemeniz gerekir.
davede
İyi şeyler. Teşekkür ederim.
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
Merhaba, harika bir eğitim. Her şey çalışıyor, tek sorun küçük resmi ana sayfamdaki gönderimin "soluna" alamıyorum. Küçük resim seçeneklerinde sol'u seçsem bile her zaman gönderimin üstüne geliyor. Fikirleriniz var mı?
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); ?
Çok teşekkür ederim!
Pete
Yayın Kadrosu
Bunun için özel alan neden kullanılsın? WordPress'in yerleşik varsayılanı var.
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
yardımınız için teşekkürler! eklentilerden nefret ediyorum bu yüzden şablon fonksiyonunu kullanmayı tercih ederim!
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
Bunu çözmeme yardımcı olabilecek biri var mı?
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;
yardım : ) teşekkürler
Yayın Kadrosu
Helen,
PHP kodunu göremiyoruz. Lütfen PHP kodunuzu yorumlara yapıştırmadan önce kodlayabilir misiniz? Veya iletişim formumuzu kullanarak bize e-posta gönderebilirsiniz.
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.
Şunu buldum: http://polymathworkshop.com/shoptalk/2010/03/19/get-the_post_thumbnail-direct-path-for-wordpress/ bu 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ı
Pekala, aynı şeyi arıyordum. Sana hızlı bir sorum var. Kategori varsayılan görüntüsünün küçük resim olarak gösterilmesinin bir yolu var mı? Ya da gönderinin ilk görüntüsünü alıp ilgili gönderi olarak küçük resim olarak kullanmanın bir yolu var mı?
Yukarıdaki tekniği blogumda uyguladım ancak ana sorun, tüm gönderilerimde küçük resim etkin değil. Bu durumu berbat hale getiriyor çünkü tüm gönderileri küçük resimle güncellemem gerekiyor.
Yukarıdaki teknikle varsayılan küçük resim olarak ilk görüntüyü kullanmanın bir yolu var mı?
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
Bunun Sayfa küçük resimleri için de geçerli olup olmadığına dair bir fikriniz var mı? Çocuk sayfalarını listelemeye çalışıyorum bu kodla. (ikincisi, 'post format' bölümünde. 'content'in tüm örneklerini 'excerpt' ile değiştirdim ve Andrew Oz'un Excerpt Editor'ını kullandım ki 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
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
Arkadaşlar, bu yalnızca kare görüntülerle mi çalışıyor?
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.