نمایش مطالب مرتبط بدون افزونه

سلام و درود خدمت شما دوستان عزیز و همراهان مِستر آموز.

 

بی شک یکی از مهم ترین مسئله برای صاحبان سایت ها افزایش بازدیدکنندگان و کم کردن bounce rate سایت خودشان است. برای این کار راه ها و روش های زیادی وجود دارد. یکی از این راه های این است که مطالب خودتان را به هم دیگر لینک دهید. با نمایش مطالب مرتبط با موضوع نمایشی در زیر هر مطلب در سایت کاربر را وسوسه می کنید که دیگر مطالب سایتتان را ببیند و مطالعه کند، و این امر باعث میشه بازدیدکنندگان مدت زمان بیشتری را در سایت شما سپری کنند. با ما همراه باشید.

 

نمایش مطالب مرتبط در وردپرس

برای انجام این کار از 2 روش می توان استفاده کرد. یکی از طریق افزونه و دیگری از طریق کد.

 

روش اول: مایش مطالب مرتبط در وردپرس با افزونه

 

روش دوم: نمایش مطالب مرتبط در وردپرس با استفاده از کد.

برای استفاده از روش دوم یعنی با استفاده از کد، حتما باید تصویر شاخص در وردپرس شما فعال باشد. اگر چنین نیست مراحل زیر را برای فعال کردن تصویر شاخص دنبال کنید.

 

فایل functions.php قالب خود را برای ویرایش باز کنید و فایل زیر را در آن کپی کنید.

<?php
    add_theme_support( 'post-thumbnails' );
    set_post_thumbnail_size( 260, 180, true );
?>

لازم به ذکر است که اعداد 260 و 180 در کد بالا برای تعیین اندازه پهنا و ارتفاع تصاویر است و شما به دلخواه می توانید آنها را تغییر دهید. اکنون به صفحه ویرایشگر بروید در گوشه سمت چپ و پایین می بینید که منوی تصویر شاخص اضاف شده است. سپس مراحل نمایش مطالب مرتبط در وردپرس با استفاده از کد را دنبال کنید.

 

حالا که تصویر شاخص شما ساخته شد برای ساخت اتوماتیک تصویر شاخص از مطالب سایتتون افزونه auto post thumbnail فارسی رو نصب و فعال کنید.

 

اکنون به فایل single.php  قالب خودتان مراجعه کنید و کد php endwhile را پیدا کنید. اکنون کد های زیر را قبل از کد php endwhile کپی کنید.

 

<div class="relatedposts">
<h3>مطالب مرتبط با این نوشته</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, // Number of related posts to display.
'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(260,180)); ?><br />
<?php the_title(); ?>
</a>
</div>

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

 

فایل را ذخیره و ببندید.

حالا یکی از پست های سایتتان را باز کنید و نتیجه کار را ببینید.

 

نکته:

الان مطالب مرتبط با ظاهری ساده نمایش داده می شوند. در صورتی که به زبان CSS مسلط هستید به فایل style.css بروید و ظاهر آن ها را زیباتر کنید. و اگر نه از کد های زیر استفاده کنید.

 

.relatedposts {
	width: 620px; 
	margin: 0 0 20px 0; 
	float: left; 
	font-size: 
	12px;
}
.relatedposts h3 {
	font-size: 18px; 
	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;
}

 

 

موفق و پیروز باشید.