WordPress için gelişmiş resimli benzer yazılar (eklentisiz)

Sitemde kullandığım resimli benzer yazılar bölümünü paylaşmak istedim, bu yazı Egonomik.com için özenle hazırlanmıştır alıntı yapacaksanız kaynak belirtmeyi unutmayınız :)

Genelde klasik “benzer yazılar” uygulamaları yazının bulunduğu kategorideki diğer yazıları görüntüler, bizim kullanacağımız kodlar ise yazıya eklenen etiketlere göre bir listeleme yapıyor. Bu kod ile yazıların resimi, özeti ve başlığı görünüyor, bana kalırsa böyle bir uygulama hem daha mantıklı hem de okur açısından daha verimli.

Öncelikle temamızın functions.php dosyasına bir kaç kod ekleyeceğiz, eğer temanızda bu isimde bir dosya yoksa oluşturabilirsiniz. (Bu gibi işlemler için Notepad++ programını kullanamınız öneririm)

Temanızın functions.php dosyasına aşağıdaki kodları ekleyiz;

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function get_thumb($postid=0, $size='full') {
if ($postid $postid,
'post_type' => 'attachment',
'numberposts' => '1',
'post_mime_type' => 'image', )))
foreach($images as $image) {
$thumbnail=wp_get_attachment_image_src($image->ID, $size);
?>

<?php }
else {
echo get_bloginfo ( 'stylesheet_directory' );
echo '/images/resim-yok.gif';
}
}

Not: resimlerde özel alan kullanıyorsanız kod içindeki “resim” bölümünü kendinize göre değiştirin

kod sonundaki echo images klasör ismini temanızın resimlerinin tutulduğu klasöre göre değiştirin ve resim olmayan yazılarda standar resim fgörünmesi için paint ile resim-yok.gif oluşturup klasöre atın

Single.php dosyasında comments_template kodunun üstüne aşağıdaki kodları ekleyiniz

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<div>



<h2 class="bz"> Benzer Yazılar </h2>
ID);
$tagIDs = array();
if ($tags) {
$tagcount = count($tags);
for ($i = 0; $i term_id;
}
$args=array(
'tag__in' =&gt; $tagIDs,
'post__not_in' =&gt; array($post-&gt;ID),
'showposts'=&gt;4,  // 3 yazi gosterilir
'caller_get_posts'=&gt;1
);
$my_query = new WP_Query($args);
if( $my_query-&gt;have_posts() ) {
while ($my_query-&gt;have_posts()) : $my_query-&gt;the_post(); ?&gt;

<div class="b">
<div class="cp">

&lt;img src=&quot;ID, 'full'); ?&gt;" width="120" height="80" alt="" /&gt;
<h3>&lt;a href=&quot;"
title=""&gt;</a></h3>
</div>
</div>


cat_ID;
$posts = get_posts('numberposts=4&amp;offset=0&amp;orderby=post_date&amp;order=DESC&amp;category='.$category);
$count = 0;
foreach ( $posts as $post ) {
if ( $post-&gt;ID == $this_post-&gt;ID || $count == 5) {
unset($posts[$count]);
}else{
$count ++;
}
}
?&gt;


 $limit) {
unset($array[$limit]);
}
return implode(" ", $array); }
?&gt;

post_content);
$excerpt = getWords($mycontent, 15);
$a_title = $excerpt . "..."; ?&gt;

<div class="b">
<div class="cp">

&lt;img src=&quot;ID, 'full'); ?&gt;" width="120" height="80" alt="" /&gt;
<h3 class="
bz">&lt;a href=&quot;" title=""&gt;</a></h3>
</div>
</div>









<div class="clear"></div>

 </div>

Temanızın css dosyasına aşağıdaki kodları ekleyiniz

1
2
3
4
5
6
7
#sm {background:#ececec;border:1px solid #ababab;height:160px;margin:10px 0px 10px 0px;float:left;}.b h3 {font-size:11px;margin:0 0 2px 3px;}

.b {height:130px;float:left;overflow:hidden;margin:10px 0px 0px 0px;padding-left:10px;width:135px;}.cp {position:relative;}

.b img {height:80px;width:120px;background:#dbdbdb;padding:4px;border-right:1px solid #ababab;border-bottom:1px solid #ababab;}

h3.bz {background:#dbdbdb;font-size:12px;margin:0px 0px 0px 0px;}

Her şey yolunda giderse :) aşağıdaki gibi benzer yazılar görünecek

benzer

İlginizi Çekebilecek Diğer İçerikler

38 Yorum

  1. umtcvk dedi ki:

    cnm benm bunu bizim siteye eklesen diyoırum :D

  2. kamil dedi ki:

    fuctions dosyasını beceremedim bir türlü, en altına atıyorum kodları site teması hata veriyor.  Sen tam olarak nereye yapıştırdın ? (Diğerlerini yaptımda bir tek bu olmadı :/ )

  3. triposi dedi ki:

    Verdiğiniz ilk fonskiyonu eklediğim zaman hata çıkıyor daha ilk adımda. :) Bunun çözümü var mıdır ?

    Parse error: syntax error, unexpected ‘;’ in /home/site/public_html/wp-content/themes/tema/functions.php  on line 7

  4. gevv dedi ki:

    Kodlar yeniden düzenlendi..

  5. webmaster seo dedi ki:

    hocam eline sağlık ama ilk bölümde 61. satır olsa gerek
    echo ‘resim-bulamadim.gif’; şeklinde olursa resim bulunamıyor gerçekten :D

    kodunun doğrusu şu olacak sanırım:

    echo ‘/resim-bulamadim.gif’;

  6. gevv dedi ki:

    Arkadaşlar yazı güncellendi  oldukca faydalı bir gelişme oldu  verilen kodları kullanıyorsanız mutlaka güncelleyin :)

  7. ilhan dedi ki:

    Eline sağlık fakat function.php eklediğimizde hata alıyoruz.

  8. gevv dedi ki:

    benim suçum yok :) yazıyı tekrar güncelledim sistemin en son haline eklemiş oldum ama Canerin kullandığı kod renklendirme eklentisi özel karakterleri bozuyor halbuki html editörde düzenleme yaptım görsel editöre hiç geçmedim

    Caner http://wordpress.org/extend/plugins/syntaxhighlighter/  kullanda daha iyi :)
     
    Neyse yazıdaki kodları dosya olarak ekledim  http://hotfile.com/dl/58359653/8de668e/kodlar.rar.html    ssorunsuz çalışan denenmiş kodlardır

  9. Caner Öncel dedi ki:

    Evet haklısın Burhan’cım, bir el atalım mevzuya :)

  10. PSiKoMaNYaH dedi ki:

    Allah Allah ben neden aynı sonuca ulaşamadım acaba :D Alt alta çıktılar yani resim aşağıda yazı aşağıda resim aşağıda yazı :D Tüm kodları eklememe rağmen.

  11. EgitimTUBE dedi ki:

    Merhaba
    Sizin şu an kullanmış olduğunuz benzer yazılar daha güzel şunu soracaktım resim eklemesi için sanırım resmin kendi sunucumuzda olması gerekir. Bunu şu şekilde ayarlamak mümkünmü konuya eklemiş olduğumuz resimden den çekse çünkü benim resimler farklı farklı siteteler de kodları uyarlaya bilirseniz çok sevinirim.
    Kolay gelsin

  12. film dedi ki:

    güzel çalışma bende bunun benzerini kategorinin konuları
    son konular rastgele konular olarak yapmıştım

  13. Onur dedi ki:

    Kodlar sorunlu hotfile linkide ölü durumda

  14. mesut dedi ki:

    Yaw hakkaten bende functions.php de hata alıyorum. Verdiğin link te ölmüş gücenllermisin

  15. fatih dedi ki:

    utanmadan birde kaynak göstermeden demişsin ayıp bu yaptıgın ayıp
    http://www.r10.net/wordpress/640155-wordpress-icin-gelismis-resimli-benzer-yazilar-eklentisiz.html
    şu konuya bak ondan sonra yaz senin yaptıgına ne derler biliyosun kısaca hırsızlık bari sitene eklerken r10 dan kodları aldım yazıyı da ben hazırladım de sanki sen yazmışsın gibi kodları anlatmışsın yaptıgın çok ayıp hiç etik değil düpe düz hırsızlık yine uğrayacağım eğer kaynak belirtmemişsen forumlarda senin bu konuyu çaldığını ve kaynak belirtmeden kullandıgını yazacagım ayrıyetten kendi web sitemde … umarım değişirsin..

  16. gevv dedi ki:

    @fatih  yazarlara dikkat et

    r10.net WordPress için gelişmiş resimli benzer yazılar (eklentisiz)  YAZAR: GEVV

    egonomik.com WordPress için gelişmiş resimli benzer yazılar (eklentisiz) YAZAR: GEVV

    ayrıca bu makalenin ilk versiyonu (gelişmemişi :))  web.320volt.com (benim eski sitem kapattım)  sitesinde yine benim (gevv) tarafımdan paylaşılmıştır.



  17. ilker dedi ki:

    merhaba, bunu yaparken function.php ekleyince hata veriyor ama ben ondan ziyade sizin şuanda kullandıgınızı istiyorum. rica etsem onuda paylaşırmıısnız..?

  18. ilker dedi ki:

    tamam:))
    ama ben sizin modifiye inove temanızı indirip fynctions.php style.css ve single.php dosyalarındaki kodları alıp kendi siteme aktardım. benzer yazılar bölümü olustu. ancak bazı kısımlarda resimler görünmüyor(çarpı cıkıyor)
    tüm yazılarımda özel alan ile resim kullanıyorum. bazı yazılarda ise yazının içerisindeki bir baska resmi çekiyor ben ise o resmi değil özel alana atadagım resmi göstersin istiyorum. bunu nasıl halledebilirim? fuctions.php dosyama ekledigim kodlar asagıda…

    function the_content_limit($max_char, $more_link_text = ”, $stripteaser = 0, $more_file = ”) {
    $content = get_the_content($more_link_text, $stripteaser, $more_file);
    $content = apply_filters(‘the_content’, $content);
    $content = str_replace(‘]]>’, ‘]]&gt;’, $content);
    $content = strip_tags($content);
    if (strlen($_GET[‘p’]) > 0) {
    echo “”;
    echo $content;
    echo “&nbsp;<a href='”;
    the_permalink();
    echo “‘>”.”Devam &rarr;</a>”;
    echo “”;
    }
    else if ((strlen($content)>$max_char) && ($espacio = strpos($content, ” “, $max_char ))) {
    $content = substr($content, 0, $espacio);
    $content = $content;
    echo “”;
    echo $content;
    echo “…”;
    echo “<span class=’electronic-circuits’><a class=’electronic sprite’ href='”;
    the_permalink();
    echo “‘>”.”Devam &raquo;&raquo;</a></span>”;
    echo “”;
    }
    else {
    echo “”;
    echo $content;
    echo “&nbsp;<a href='”;
    the_permalink();
    echo “‘>”.”Devam &raquo;&raquo;</a>”;
    echo “”;
    }
    }
    function arras_strip_content($content, $limit) {
     $content = apply_filters(‘the_content’, $content);
     
     $content = strip_tags($content);
     $content = str_replace(‘]]>’, ‘]]&gt;’, $content);
     
     $words = explode(‘ ‘, $content, ($limit + 1));
     if(count($words) > $limit) {
      array_pop($words);
      //add a … at last article when more than limit word count
      return implode(‘ ‘, $words) . ‘…’;
     } else {
      //otherwise
      return implode(‘ ‘, $words);
     }
    }
    function sago_get($postid=0, $size=’full’) {
     if ($postid<1)
     $postid = get_the_ID();
     $thumb = get_post_meta($postid, “thumb”, TRUE); // Declare the custom field for the image
     if ($thumb != null or $thumb != ”) {
      echo $thumb;
     }
     elseif ($images = get_children(array(
      ‘post_parent’ => $postid,
      ‘post_type’ => ‘attachment’,
      ‘numberposts’ => ‘1’,
      ‘post_mime_type’ => ‘image’, )))
      foreach($images as $image) {
       $thumbnail=wp_get_attachment_image_src($image->ID, $size);
       ?>
    <?php echo $thumbnail[0]; ?>
    <?php
      }
     else {
      echo get_bloginfo ( ‘stylesheet_directory’ );
      echo ‘/image-pending.gif’;
     }
     
    }

  19. celil dedi ki:

    Böyle faydalı bir bilgiyi bizimle paylaştığınız sizlere teşekkür ediyorum. Elinize, beyninize sağlık.

  20. birkan dedi ki:

    Benzer sitelerin yanyana durması için ne yapmamız gerekiyor. Bir sitede görmüştüm yerini hatırlamıyorum.Yanyana halde ve resimli olacak yani

  21. İsmail Kaptan dedi ki:

    Bazı işleri eklentisiz yapmak güzel fakat konuya tam hakimiyet yoksa zorlanmanız normaldir. Beklentinizi karşılayacak bir eklenti için tıklayınız.

  22. tanyurd dedi ki:

    elinize sağlık.. gördüğüm en iyi çalışmalardan birisi..

    buradan ekleyerek sıkıntı çeken arkadaşlar, kodlar burada bazı karakterlerden dolayı hatalı çıkıyor.. r10 daki konudan alın kodları.. gevv orada da paylaşmış..

  23. ism dedi ki:

    Dostum single.php kodu bozuk kaldır bari milleri ugraştırma vaktini çalma.

  24. film izle dedi ki:

    eyvallah hocam.

  25. serhat dedi ki:

    functions.php kodunu eklediğimde hata alıyorum. Çoğu kullanıcı bu sorunu yaşamış ama çözüm cevabı gelmemiş. Bir çözüme kavuştursanız iyi olacak. İyi çlışmalar.

  26. Caner Öncel dedi ki:

    Bu oldukça eski bir konu. 4 yılda WordPress eklentiler konusunda çok büyük gelişmeler ve değişiklikler yaşadı.
    Benzer yazılar eklentisi arayan arkadaşlara şu anda kendi sitemde de kullandığım, kurulumu ve kullanımı son derece kolay olan Zementa’yı öneririm:
    http://wordpress.org/plugins/wordpress-23-related-posts-plugin/

    • serhat dedi ki:

      bu tür eklentiler yazıları sitede resimli bir şekilde listelediğimiz zaman içerik resmini öne çıkarılmış görselden alıyor. Benim temam ise özel alan kullanıyor. Dolayısıyla resim gözükmüyor. Öne çıakrılmış görselden değilde özel alandan çekmesi için kod konusunda yardımcı olabilir misin?

  27. göktürk dedi ki:

    ellerin dert görmesin üstad

  28. ferit dedi ki:

    hocam çok güzel olmuş, sizin kullandığınız sağ altta çıkan “bunlarda ilginizi çekebilir” alanı bu şekilde mi yapıldı ?

  29. Abdullah TUNÇ dedi ki:

    Üstad Konu Güncelmi ?

  30. Abdullah TUNÇ dedi ki:

    Peki Bu Paylaşılan Kod Konunun Beğen Paylaş Butonları Altındaki Benzer Yazılar İçin olan Kodmu ?

    • Caner Öncel dedi ki:

      Hayır o benim hazırladığım farklı bir özellik. Müsait bir zamanda onun kodlarını paylaşabilirim.

      • Abdullah TUNÇ dedi ki:

        Anladım Üstadım Başarılı Olmuş Dikkatimi Çekmişti Kullandığım Eklenti Mobil Sürümde Görüntü Kirliliği Yaratıyor Eklentiyi Çıkarıp Manel Ekleme Yapacağım Uygun Kod Bulamadım Kodlar İçin Takipteyim.

  31. Levent dedi ki:

    Merhaba, bunu şu şekilde yapma imkanımız var mı? Yazı içerisine 2. veya 3. paragraftan sonra;
    solda haber resmi, resmin sağında ise haber başlığı ve buna bir de belirgin bir arkaplan rengi ekleyebilir miyiz? Kısacası yazı içinde 1 ya da 2 tane kategori ya da etikete göre benzer bir yazı göstermek istiyorum. Teşekkürler, iyi bloglar…

Uyarı: Yorumlarda link kullanmayınız. Link içeren yorumlar otomatik olarak spam kabul edilmektedir.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir