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

Nasıl Yapılır: Eklentisiz WordPress'te Küçük Resimlerle İlgili Gönderiler

WordPress web sitenizde ilgili gönderilerin bir listesini görüntülemek istiyor ve bir eklenti yerine kod kullanmayı mı tercih ediyorsunuz?

WPBeginner olarak, kitlenizle etkileşim kurmanın ve içeriğinizi keşfetmelerini sağlamanın önemini sıklıkla vurgularız. Sayısız başarılı WordPress sitesinde kullanılan etkili bir strateji, ilgili gönderileri görüntülemektir.

Blogunuzun ziyaretçileri ilgilendikleri bir makaleyi okumayı bitirdiğinde, ilgili gönderilerin bir listesini sunmak onları meşgul tutacak ve okuyacak yeni içerikler bulmalarına yardımcı olacaktır.

Bu makalede, eklenti gerektirmeden kod kullanarak WordPress'te ilgili gönderilerin nasıl görüntüleneceğini göstereceğiz.

Nasıl Yapılır: Eklentisiz WordPress'te Küçük Resimli İlgili Gönderiler

WordPress'te Neden İlgili Yazılar Gösterilir?

WordPress blogunuz büyümeye başladığında, kullanıcıların aynı konudaki diğer gönderileri bulması zorlaşabilir.

Her blog yazısının sonuna ilgili içerik listesi eklemek, ziyaretçilerinizi web sitenizde tutmanın ve sayfa görüntülemelerini artırmanın harika bir yoludur. Ayrıca, en iyi içeriğinizi insanların kolayca bulabileceği yerlerde göstererek en önemli sayfalarınızın görünürlüğünü artırmaya yardımcı olur.

Eğer kod konusunda bilgili değilseniz, kod kullanmadan ilgili gönderileri gösterebilen birçok WordPress ilgili gönderi eklentisinden birini seçmek sizin için daha kolay olacaktır.

Ancak, bir eklenti kullanmadan ilgili gönderileri görüntüleyip görüntüleyemeyeceğinizi hiç merak ettiyseniz, yalnızca kod kullanarak küçük resimlerle ilgili gönderiler oluşturmak için kullanabileceğiniz iki farklı algoritma paylaşacağız:

Not: Her ilgili gönderiyle bir küçük resim göstermek istiyorsanız, öncelikle bu gönderilere öne çıkan bir görsel eklediğinizden emin olun.

Yöntem 1: WordPress'te Etiketlere Göre İlgili Yazıları Gösterme

İlgili içeriği bulmanın etkili bir yolu, aynı etiketleri paylaşan diğer gönderileri aramaktır. Etiketler genellikle bir gönderide yer alan belirli ayrıntılara odaklanmak için kullanılır.

Bunu akılda tutarak, birbirleriyle ilişkilendirmek istediğiniz gönderilere bazı yaygın etiketler eklemek isteyebilirsiniz. Bunları WordPress düzenleyicisindeki 'Etiketler' kutusuna girebilirsiniz.

WordPress Düzenleyicisindeki 'Etiketler' Ayarlar Kutusu

Gönderilerinize etiket ekledikten sonra yapmanız gereken bir sonraki şey, aşağıdaki kod parçasını temanızın single.php şablonuna eklemektir.

Sitenize kod ekleme konusunda yardıma ihtiyacınız olursa, web'den WordPress'e kod parçacıkları yapıştırma hakkında başlangıç kılavuzu rehberimize bakın.

$orig_post = $post;
global $post;
$tags = wp_get_post_tags($post->ID);
if ($tags) {
$tag_ids = array();
foreach($tags as $individual_tag) $tag_ids[] = $individual_tag->term_id;
$args=array(
'tag__in' => $tag_ids,
'post__not_in' => array($post->ID),
'posts_per_page'=>5, // Number of related posts that will be shown.
'ignore_sticky_posts'=>1
);
$my_query = new wp_query( $args );
if( $my_query->have_posts() ) {
   
echo '<div id="relatedposts"><h3>Related Posts</h3><ul>';
   
while( $my_query->have_posts() ) {
$my_query->the_post(); ?>
   
<li><div class="relatedthumb"><a href="<?php the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"><!--?php the_post_thumbnail(); ?--></a></div>
<div class="relatedcontent">
<h3><a href="<?php the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"><!--?php the_title(); ?--></a></h3>
<!--?php the_time('M j, Y') ?-->
</div>
</li>
<!--?php }
echo '</ul--></ul></div>';
}
}
$post = $orig_post;
wp_reset_query();

Bu kod, bir sayfayla ilişkili etiketleri arar ve ardından benzer etiketlere sahip sayfaları getirmek için bir veritabanı sorgusu çalıştırır.

Kodu nereye yerleştirmelisiniz? Bu, temanıza bağlıdır, ancak çoğu durumda, kodu temanızın single.php şablonuna ana gönderiden sonra ve yorum bölümünün hemen üzerine yapıştırabilmelisiniz.

Eğer demo sitemizde olduğu gibi Twenty Twenty-One temasını kullanıyorsanız, kodu yapıştırmak için iyi bir yer template-parts/content/content-single.php dosyasında, başlığın hemen ardından ve <?php the_content();'den hemen sonra olacaktır.

Etiketlere Göre İlgili İçerik Önizlemesi

Bu, herhangi bir WordPress gönderisinde otomatik olarak ilgili içeriği gösterecektir.

İlgili gönderilerinizin stilini ve görünümünü temanıza uyacak şekilde, özel CSS ekleyerek değiştirmeniz gerekecek.

İlgili Yazılar örneği

İpucu: Web sitenizi bozabilecek tema dosyalarınızı düzenlemek yerine, WPCode gibi bir kod parçacığı eklentisi kullanmanızı öneririz.

WPCode, WordPress'e özel kod eklemeyi güvenli ve kolay hale getirir. Ayrıca, parçacıkları WordPress sitenizde belirli konumlara, örneğin bir gönderiden sonra otomatik olarak eklemenizi ve çalıştırmanızı sağlayan 'Ekleme' seçenekleriyle birlikte gelir.

Özel kod parçacıkları için WPCode ekleme seçenekleri

For more details, see our guide on how to add custom code in WordPress. You can also check out our detailed WPCode review to learn more about the plugin.

Yöntem 2: WordPress'te Kategoriye Göre İlgili Yazılar Nasıl Gösterilir

İlgili içerik görüntülemenin bir başka yolu da aynı kategorideki gönderileri listelemektir. Bu yöntemin avantajı, ilgili gönderi listesinin neredeyse hiçbir zaman boş olmamasıdır.

Yöntem 1 gibi, temanızın single.php şablonuna veya WPCode gibi bir kod parçacığı eklentisine bir kod parçacığı eklemeniz gerekir. Daha fazla ayrıntı için Yöntem 1'e ve WordPress'te özel kod ekleme kılavuzumuza bakın.

$orig_post = $post;
global $post;
$categories = get_the_category($post->ID);
if ($categories) {
$category_ids = array();
foreach($categories as $individual_category) $category_ids[] = $individual_category->term_id;
$args=array(
'category__in' => $category_ids,
'post__not_in' => array($post->ID),
'posts_per_page'=> 2, // Number of related posts that will be shown.
'ignore_sticky_posts'=>1
);
$my_query = new wp_query( $args );
if( $my_query->have_posts() ) {
echo '<div id="related_posts"><h3>Related Posts</h3><ul>';
while( $my_query->have_posts() ) {
$my_query->the_post();?>
   
<li><div class="relatedthumb"><a href="<?php the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"><!--?php the_post_thumbnail(); ?--></a></div>
<div class="relatedcontent">
<h3><a href="<?php the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"><!--?php the_title(); ?--></a></h3>
<!--?php the_time('M j, Y') ?-->
</div>
</li>
<!--?php }
echo '</ul--></ul></div>';
}
}
$post = $orig_post;
wp_reset_query();

Artık her gönderinin altında ilgili içeriklerin bir listesini göreceksiniz.

İlgili sayfalarınızın stilini ve görünümünü değiştirmek istiyorsanız, temanıza uyacak şekilde özel CSS eklemeniz gerekecektir.

WordPress'te ilgili gönderileri görüntüleme hakkında daha fazla bilgi edinmek ister misiniz? İşte ilgili gönderilerle ilgili bu yardımcı öğreticilere göz atın:

Umarım bu öğretici, eklentisiz olarak WordPress'te küçük resimlerle ilgili gönderileri nasıl göstereceğinizi öğrenmenize yardımcı olmuştur. Ayrıca WordPress sitenize ziyaretçi takibinin nasıl yapılacağını öğrenmek veya web sitenizi hızlandırmak için 24 ipucu listemize göz atmak isteyebilirsiniz.

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi ayrıca Twitter ve Facebook'ta da bulabilirsiniz.

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

184 CommentsLeave a Reply

  1. WordPress blogunda eklenti olmadan ilgili gönderileri göstermek güzel. Daha az bant genişliği ve yükleme süresi tüketir. http://shareitto.com Öneriniz için teşekkürler.

  2. Bununla ilgili bir sorum var: Alt kategorilerden ziyade ana kategorilerden gönderi yakalamak için kodla uğraşıyorum. Herhangi bir tavsiye?

  3. Kategoriye göre ilgili gönderileri kullanmaya çalışıyorum ve kodun ana döngüdeki yorumlardan önce gelmesi gerektiğini belirttiğinizi fark ettim. Kodumda ilgili gönderilerin döngüdeki yorumlardan sonra gelmesini istiyorum. Bunu yaptığımda Disqus yorum eklentimin daha uzun sürede yüklendiğini fark ettim. Bu yorumlardaki bir hatadan mı kaynaklanıyor yoksa normal mi?

  4. lütfen

    Bana yeni başlayan birine bu betiği, ilgili gönderiyi yatay bir şekilde gösterecek şekilde özelleştirmesi için yardım edebilir mi?

    soldan sağa..

    dikey olarak, yukarıdan aşağıya göstermek yerine...

    • Merhaba,

      Bunu nasıl yaptım, ve kodlarını kendi html ve css kodlarımla değiştirdim. kodları her gönderi için listeler oluşturur ve bu genellikle dikey bir şekilde olur.

      ——————

      <a href="” rel=”bookmark” title=””> <a href="” rel=”bookmark” title=””>

      ——————

      Açılış etiketini ile ve kapanış etiketini ile değiştirdim, çünkü HTML etiketlerim bunlar. Ardından CSS'imi web sitenizdeki belirli div sınıfı ihtiyaçlarına uyacak şekilde yazdım. Örneğin, örnek bir pleft sınıfı şöyle görünebilir:

      .pleft {float:left; padding:2px; margin:10px; width:278px; height:190px;}

      Gönderileri yatay olarak taşımak için CSS'imde float: seçicisini kullanıyorum ve her gönderiye aralarında boşluk vermek için kenar boşluklarını ve dolguyu kullanıyorum. Ek örnekler için belirli bir genişlik ve yükseklik ekledim.

      Umarım yardımcı olur.

  5. Kesinlikle ilgili etiketlerim var, ancak kodu eklediğimde hiçbir şey göremiyorum. Ayrıca, özel bir gönderi türüne kısıtlamak için kodunuzu eklediğimde bir hata veriyor. Gönderi türünü kendi özel gönderi türüme değiştirdim.

  6. @wpbeginner merhaba

    hızlı cevabınız için teşekkürler...

    ama söylediğiniz her şeyde acemiyim..

    küçük bir örnek verebilir misiniz?

    kendi blogunuzdaki gibi yatay hale getirmek için?

    mailimden ulaşabilirsiniz: khiloc at gmail dot com

  7. @subzerokh Stil düzenlemesi yapmanız gerekir. O kadar da zor değil. Her gönderiyi bir div içine alın. Bu div için bir genişlik belirtin ve ardından sol kaydırma özelliğini ayarlayın. Kenar boşluklarını ve benzerlerini ayarlayın ve işte oldu.

  8. herkese merhaba!! bu harika script için teşekkürler!!

    Tam olarak istediğimi yapan tek şey bu!!!

    Ama sadece ilgili gönderiyi dikey olarak (yukarıdan aşağıya) gösteriyor

    Soldan sağa (yatay olarak) gösterilmesini istiyorum

    Bunu nasıl yapabilirim lütfen??

  9. Hata Ölümcül hata: Tanımsız fonksiyon çağrısı the_post_thumbnail() /home/connec92/public_html/wp-content/themes/weekly/single.php dosyasında 59. satırda Birisi yardım edebilir mi. web sitesi http://www.connectindia.co.in

  10. merhaba,

    harika yazı! belki bana yardım edebilirsin:

    Tanımlanmamışsa otomatik bir küçük resmim var,

    if ($thumb_array[‘thumb’] == ”) $thumb_array[‘thumb’] = ‘varsayılan küçük resim görüntünüze bağlantı’;return $thumb_array;

    şimdi sorum şu, her kategori için bir küçük resim nasıl tanımlanır, bu gönderide hiçbiri tanımlanmamışsa kullanılacak.

  11. Merhaba

    harika gönderiniz için teşekkürler..

    Ama kategorilere göre gönderi almak, ancak ul ve li içinde ve küçük resim olmadan mümkün mü?

    Tam gönderilerin ilgili gönderilerde gösterilmesi demek istiyorum.. tıpkı ana sayfada gösterildiği gibi, okumaya devam et bağlantısıyla.

    teşekkürler

    yanıtınızı bekliyorum..

  12. Merhaba

    harika gönderiniz için teşekkürler..

    Ama kategorilere göre gönderi almak, ancak ul ve li içinde ve küçük resim olmadan mümkün mü?

    Tam gönderilerin ilgili gönderilerde gösterilmesi demek istiyorum.. tıpkı ana sayfada gösterildiği gibi, okumaya devam et bağlantısıyla.

    teşekkürler

    yanıtınızı bekliyorum..

  13. Bu harika, tam da aradığım şeydi. Ancak merak ediyorum, ikisini nasıl birleştirebilirim ve etiket yoksa aynı kategoriden gönderileri mi görüntüler?

    Bunu anlamaya çalışıyorum ama henüz pek ilerleyemedim

  14. Thanks for the code it worked but how do I style it. I’d like it to be 4 stories side by side like yours. It is listed one on top of another on my site and not listed like yours.

    • Bu CSS. İlgili hikayeleri göstermek için bu kodu kullanmıyoruz. İkinci olarak, bahsettiğiniz şeyin kenar çubuğumuzdaki öne çıkan hikayeler olduğuna inanıyorum. Sitemizde bununla ilgili başka bir yazı yazdık.

      Yönetici

  15. İlgili gönderilerdeki küçük resimleri, öne çıkan görselleri veya gönderi küçük resimlerini kullanmadan görüntülemenin bir yolu var mı??
    Yani gönderide kullanılan herhangi bir resmi kullanmak...

    • Evet, diğer geliştiriciler tarafından paylaşılan, gönderiden ilk resmi çeken yedekleme tekniklerini kullanabilirsiniz. Ancak WordPress gönderi küçük resimlerini kullanmanızı öneririz…

      Yönetici

  16. Bu makale için teşekkürler. Gönderileri manuel olarak girmek zorunda kalmadan otomatik etiketlemenin bir yolu olup olmadığını merak ediyordum.

  17. Harika!
    Kategorilere göre küçük resimsiz ilgili gönderileri nasıl görüntüleyebilirim?
    Teşekkürler

  18. Hi there…Just wanted to say that I’ve been building my wordpress website from the ground up and this code works perfectly for me using WP 3.1….All I need to do now is style the CSS and get some thumbnails happening for the posts. Thanks for your help with the code.

  19. Merhaba, kategorileri hariç tutmanın bir yolu var mı? Tüm kategorilerin atandığı iki ana kategorim var. Ana kategorilerin alt kategorileri var ve ben sadece alt kategorilerdeki ilgili gönderileri göstermek istiyorum.

    Ana kategorilerin kimliklerini hariç tutarak bu mümkün mü?

    Tavsiyeniz için teşekkürler!

    Bu arada… kod harika… ve harika çalışıyor!!!

  20. Sadece bir sorum var, aynı gönderi türünden etiketleri çekmenin bir yolu var mı? Belki 'post_type=videos' gibi bir şey kullanarak?

    • Bu arada, bunu da hallettim:

      Dizininize ekleyin:

      $args=array( ‘category__in’ => $category_ids, ‘post__not_in’ => array($post->ID), ‘posts_per_page’=> 2, // Gösterilecek ilgili gönderi sayısı. ‘caller_get_posts’=>1, ‘post_type’=>’videos’ );

  21. Merhaba,

    Bu eğitim için teşekkürler. Ancak, ilgili ürünlerin rastgele gösterilmesinin bir yolu var mı diye merak ediyorum? Aynı kategorideki farklı ürünleri kontrol ettim ve aynı ilgili ürünler gösterildi.

    Teşekkürler

  22. Bu kodu kopyalayıp hiçbir şeyi değiştirmeden single.php dosyama koydum ve hiçbir şey çıktı vermiyor. Kodumda bir yanlışlık mı var? pastebin.com/kg0SkrAg

  23. Bu bir küçük resim getirmiyor — kodda bir resim çağrısı bile yok. Bunun nasıl işe yaradığını kimsenin anlayamadığını göremiyorum.

  24. Selam dostum, blogunu çok seviyorum!

    Bir sorum var?

    Can you do the same trick but ” BY Author” ?

    yazara göre en son gönderileri mi gösteriyor?

    you will save my life :-)

    Bu arada bu site için teşekkürler!

  25. Bu kod için teşekkürler! Deneyip biraz işe yaradığını gördüm.

    İlgili makalelerin bir listesini alabiliyorum, bu büyük bir fayda.

    Ancak hiçbir resmin görünmesini sağlayamıyorum.

    Bu kod kazırsa makalelerin resimleri var.

    Her gönderi için özel etiket “relatedthumb” ile resimler oluşturdum. Ama ne yazık ki, hala resim yok.

    Yapmam gereken başka bir şey var mı?

    Şimdiden çok teşekkürler!

    Quinn

    • Bu hile, WP 2.9'da eklenen varsayılan WordPress küçük resimlerini kullanıyor. Eğer o küçük resim olarak eklenmiş bir resminiz varsa, onu çekecektir.

      Yönetici

  26. Merhaba, bu iyi öğretici için teşekkürler, şu anda Thesis temasını kullanıyorum, bu yüzden thesis temasında bu .php kodunu uygulama bir yolu olup olmadığını bilmek istiyorum.

  27. Bunu özel bir gönderi türü içindeki kategorilerle kullanmak için kodunu değiştirmeye çalışıyorum. Yardımcı olabilecek var mı? PHP'ye oldukça yeniyim.

    Teşekkürler!

    • Evet, eklentilerin olup olmadığını kontrol etmek için 'if' parametresini kullanabilirsiniz... yoksa varsayılan bir resim gösterebilirsiniz.

      Yönetici

        • Varsayılan gönderi küçük resmi olmadığında varsayılan resimleri kullanmak için, < ?php if (has_post_thumbnail()) {the_post_thumbnail()} else {echo '’;} ? > ile değiştirin.
          Ardından temanızın resim klasörüne default-image.jpg dosyasını ekleyin.

  28. MERHABA!
    Bu bilgi için teşekkürler! Tam olarak aradığım şey buydu.
    Buna fotoğrafın yanı sıra bir alıntı eklemenin bir yolu var mı?

    Yardımlarınız için tekrar teşekkürler!

  29. Bunun için teşekkürler, tam olarak aradığım şeydi! Makalelerinizin konuya ne kadar doğrudan girdiğini seviyorum, kafa karışıklığı yok.

  30. Paylaştığınız için teşekkürler. Bu kodu bir süredir kullanıyorum ama bir sorunu var: bir gönderiye etiket eklerken, WP onları eklediğim önceliğe bakılmaksızın alfabetik olarak sıralıyor. Bu nedenle bu kod, bazen daha az alakalı olan yalnızca ilk etiketle eşleşen ilgili gönderileri görüntüler.
    Belki de WordPress'in etiketleri otomatik olarak sıralamasını önlemenin bir yolunu veya başka bir çözümünüz vardır?

  31. İlk kodun yaptığı tek şey, aynı gönderinin iki örneğini sayfaya koymaktı. Hiçbir ilgili şey göstermedi.

    • Doug lütfen canlı bir bağlantı örneğiyle formu kullanarak bizimle iletişime geçin, yardımcı olabiliriz. Bu kodun çalıştığını biliyoruz çünkü müşterilerimizin birkaç sitesi bunu kullanıyor.

      Yönetici

  32. Harika bir eğitim. Birisi bu kodla çalışan bir single.php gösterebilir mi?

    Hala php öğreniyorum.

    Maalesef
    Ayrıştırma hatası: sözdizimi hatası, beklenmeyen T_ENDIF C:\xampplite\htdocs\mock\wp-content\themes\scwd\single.php 76. satırda

  33. Bu makale için teşekkürler. Gönderilerimle küçük resimleri göstermek için uzun zamandır arama yapıyorum ve bunu başaramadım. Birçok WordPress eklentisi denedim ama başaramadım. Umarım bu bana yardımcı olur

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