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

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

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

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

راه های نمایش نوشته مرتبط

برای نمایش مطالب مرتبط راه های مختلفی وجود دارد که بطور کلی به دو دسته تقسیم می شوند. راه اول استفاده از افزونه های مربوطه است و راه دوم استفاده از کد برای این کار در وردپرس است. ما در این آموزش وردپرس قصد داریم بدون استفاده از افزونه نوشته های مرتبط را در سایت به نمایش درآوریم.

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

برای نمایش پست های مرتبط باید در نظر داشته باشید که ابتدا باید تصاویر مخصوص به این پست ها را آماده کنید. برای این کار از پیشخوان وردپرس وارد مسیر نمایش > ویرایشگر پوسته شوید. سپس فایل فانکشن را باز کرده و کد های زیر را در انتهای این فایل قرار دهید.

add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 300, 250, true );

برای تعیین اندازه تصاویر هم می توان اعداد مربوط به این خط ( set_post_thumbnail_size( 300, 250, true ); ) را تغییر داد.

نکته : برای این که تصاویر مربوطه به اندازه دلخواه شما برش داده شوند می توانید از افزونه های مربوطه ( افزونه هایی مثل : auto post thumbnail یا wp smush ) کمک بگیرید.

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

حالا نوبت به مرحله اصلی کار یعنی اضافه کردن کد های اصلی به فایل single.php می رسد. مثل مرحله قبل وارد مسیر نمایش > ویرایشگر پوسته شوید و سپس فایل single.php را در حالت ویرایش قرار دهید. حالا با استفاده از Ctrl+F دنبال کد 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 karbarwp.
    '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(300,250)); ?>
<br/>
        <?php the_title(); ?>
        </a>
    </div>
      
    <? }
    }
    $post = $orig_post;
    wp_reset_query();
    ?>
</div>

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

حالا برای زیبا کردن نوشته های مرتبط مرتبط در وردپرس دوباره وارد مسیر نمایش > ویرایشگر پوسته شوید و این بار فایل style.css را باز کنید. سپس کد های زیر را در انتهای این فایل قرار دهید.

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

جمع بندی نمایش مطالب مرتبط

در این آموزش به نحوه نمایش پست مرتبط در سایت پرداختیم و گفتیم که با این کار می توان تعداد بازدید از پست ها را افزایش و زمان ماندگاری در سایت را نیز بیشتر کرد. امیدوارم این آموزش هم مورد قبول شما دوستان قرار گرفته باشد.

دیدگاه‌ خود را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *