WPBeginner - Yeni Başlayanlar İçin WordPress Eğitimleri

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

Editör Kadrosu | | Okuyucu Açıklaması

Shares 173 ChatGPT Perplexity X LinkedIn WhatsApp

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 blog"'unuz 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 önemli 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.

Koda aşina değilseniz, kod kullanmadan ilgili gönderileri gösterebilen birçok WordPress ilgili gönderi eklentisinden birini seçmek 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önderilere bakmaktı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 varsa, web'den kod parçacıklarını WordPress'e nasıl yapıştıracağınız konusundaki kılavuzumuza 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();
Hosted with ❤️ by WPCode
1-click Use in WordPress

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 ana gönderiden sonra ve yorum bölümünün hemen üzerine temanızın single.php şablonuna 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önderilerin stilini ve görünümünü özel CSS ekleyerek temanıza uyacak şekilde değiştirmeniz gerekecektir.

İlgili Yazılar örneği

İpucu: Web sitenizi bozabilecek tema dosyalarınızı düzenlemek yerine, WPCode gibi bir kod parçacıkları 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

Daha fazla ayrıntı için, WordPress'e özel kod ekleme kılavuzumuza bakın. Ayrıca eklenti hakkında daha fazla bilgi edinmek için ayrıntılı WPCode incelememize göz atabilirsiniz.

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

İlgili içeriği göstermenin bir başka yolu da aynı kategorideki gönderileri listelemektir. Bu yöntemin avantajı, ilgili gönderi listesinin neredeyse hiçbir zaman boş olmayacağıdır.

Yöntem 1 gibi, temanızın single.php şablonuna veya WPCode gibi bir kod parçacıkları eklentisine bir kod parçacığı eklemeniz gerekir. Daha fazla ayrıntı için Yöntem 1'e ve WordPress'e ö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();
Hosted with ❤️ by WPCode
1-click Use in WordPress

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ız bu eğitim, eklenti kullanmadan WordPress'te küçük resimlerle ilgili gönderilerin nasıl görüntüleneceğini öğrenmenize yardımcı olmuştur. Ayrıca WordPress sitenize ziyaretçileri nasıl izleyeceğinizi öğ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.

WPBeginner'da Popüler ŞU ANDA!

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıkladığınızda bir 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!

Şimdi İndir

Okuyucu Etkileşimleri

184 CommentsLeave a Reply

  3. WordPress blogunda eklenti olmadan ilgili gönderiyi göstermek iyidir. Daha az bant genişliği tüketir ve yüklenmesi daha az zaman alır. http://shareitto.com Öneriniz için teşekkürler.

    Reply

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

    Reply

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

    Reply

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

    Reply

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

      Reply

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

    Reply

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

    Reply

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

    Reply

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

    Reply

  12. Hata Kritik 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

    Reply

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

    Reply

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

    Reply

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

    Reply

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

    Reply

  20. Kod için teşekkürler işe yaradı ama nasıl stil verebilirim. Sizinki gibi yan yana 4 hikaye olmasını isterdim. Sitenizde üst üste listeleniyor ve sizinki gibi listelenmiyor.

    Reply

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

      Reply

      Yönetici

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

    Reply

    • 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…

      Reply

      Yönetici

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

    Reply

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

    Reply

  25. Merhaba… WordPress web sitemi sıfırdan inşa ettiğimi ve bu kodun WP 3.1 kullanarak benim için mükemmel çalıştığını söylemek istedim… Şimdi yapmam gereken tek şey CSS'yi stilize etmek ve gönderiler için bazı küçük resimler elde etmek. Kodla yardımınız için teşekkürler.

    Reply

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

    Reply

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

    Reply

    • 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’ );

      Reply

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

    Reply

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

    Reply

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

    Reply

  34. Selam dostum, blogunu çok seviyorum!

    Bir sorum var?

    Aynı numarayı "Yazar Tarafından" şeklinde yapabilir misin?

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

    you will save my life :-)

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

    Reply

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

    Reply

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

      Reply

      Yönetici

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

    Reply

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

    Reply

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

      Reply

      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.

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

    Reply

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

    Reply

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

    Reply

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

    Reply

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

      Reply

      Yönetici

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

    Reply

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

    Reply

Bir 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 ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.

Telif Hakkı © 2009 - 2026 WPBeginner LLC. Tüm Hakları Saklıdır. WPBeginner®, tescilli bir ticari markadır.

Awesome Motive Tarafından Yönetilmektedir | SiteGround Tarafından WordPress barındırma WordPress barındırma

WordPress® ticari markası WordPress Vakfı'nın fikri mülkiyetidir. Bu web sitesindeki WordPress® adlarının kullanımı yalnızca tanımlama amaçlıdır ve WordPress Vakfı tarafından onaylandığı anlamına gelmez. WPBeginner, WordPress Vakfı tarafından onaylanmamış, sahip olunmamış veya ilişkili değildir.

Yardıma ihtiyacım var...

Popüler aramalar:

Blog Başlatma WordPress SEO WordPress Performansı WordPress Hataları WordPress Güvenliği Çevrimiçi Mağaza Oluşturma