WordPress Eklentisiz Benzer Yazılar

WordPress Eklentisiz Benzer Yazılar


WordPress yazılımı kullanan bazı bloglarda tekil sayfa gösterimlerinde alt kısımlarda hepimiz benzer yazılar diye bir kısımı denk gelmişizdir. Benzer yazılar konumuzun etiketleri, başlığı gibi bazı bölümleri veritabanı içinde eşleştirme yaparak benzer olanları yazdırmaktadır.

Bu kısım bazı eklentilerle yapılabileceği gibi eklenti kullanmadan birkaç kod ekleyerek yapılabilir. Bunun için ilk önce temamızın function.php dosyasını açıyoruz. Eğer bu isimli bir dosya yoksa oluşturup temamızın klasörünün içerisine gönderiyoruz.

function.php dosyasına eklememiz gereken kodlar;

add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 100, 50, true );

İlk satırdaki kodumuz temamıza küçük resim desteği ekleyecek. 2. satırdaki kodumuz ise gösterilecek resmin boyutlarını belirleyecek. Temanızın özelliklerine göre bu değerleri kişiselleştirebilirsiniz.

Daha sonra tekil yazı gösterimlerinizin bulunduğu sayfaya (single.php) benzer yazılar bölümünün nerede görünmesini istiyorsanız oraya aşağıdaki kodu yapıştırın.

<div class="relatedposts">
<h3>Benzer Yazılar</h3>
<?php
	$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'=>4, // gösterilecek benzer yazı sayısı
	'caller_get_posts'=>1
	);

	$my_query = new wp_query( $args );

	while( $my_query->have_posts() ) {
	$my_query->the_post();
	?>

	<div class="relatedthumb">
		<a rel="external" href="<? the_permalink()?>"><?php the_post_thumbnail(array(150,100)); ?><br />
		<?php the_title(); ?>
		</a>
	</div>

	<? }
	}
	$post = $orig_post;
	wp_reset_query();
	?>
</div>

Buraya kadar olan kısımda benzer yazılarımızın sorunsuz görüntülenmesi lazım. Bundan sonra yapacağımız işlem benzer yazılarımızı biraz şekillendirmek. Bunun için de css dosyamızı açıp aşağıdaki kodu ekliyoruz.

.relatedposts {width: 640px; margin: 0 0 20px 0; float: left; font-size: 12px;}
.relatedposts h3 {font-size: 20px; margin: 0 0 5px 0; }
.relatedthumb {margin: 0 1px 0 1px; float: left; }
.relatedthumb img {margin: 0 0 3px 0; padding: 0;}
.relatedthumb a {color :#333; text-decoration: none; display:block; padding: 4px; width: 150px;}
.relatedthumb a:hover {background-color: #ddd; color: #000;}



Yazıyı Beğendiyseniz Bültenimize Abone Olabilirsiniz!


YORUM BIRAKIN