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

Facebook Yorumları

38 Yorum

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