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

Facebook Yorumları

38 Yorum

  1. 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ı :/ )

  2. triposi

    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

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

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

    echo ‘/resim-bulamadim.gif’;

  4. gevv
    Yazar

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

  5. gevv
    Yazar

    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

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

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

  8. fatih

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

  9. gevv
    Yazar

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



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

  11. 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’;
     }
     
    }

  12. birkan

    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

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

  14. serhat

    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.

    • serhat

      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?

  15. ferit

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

  16. Abdullah TUNÇ

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

      • Abdullah TUNÇ

        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.

  17. Levent

    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