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

آخرین بروزرسانی 22 فروردین 1401

حتما تا حالا دیگر حسابی دستتان آمده که ما یک جنبش خیالی ضد افزونه داریم که میگوید : “هر کاری را که میتوانید درست و تر و تمیز بدون افزونه ها انجام بدهید، بدون افزونه ها انجام بدهید ( :دی )”. ایندفعه هم باز قصدمان همین است. میخواهیم ببینیم چطور میتوانیم بدون استفاده از هیچ افزونه ای، امکان نمایش ارسالهای مرتبط را به وبسایت خود اضافه کنیم. مسترکد این کار را به دو شیوه به شما آموزش خواهد داد. در شیوه ی اول یاد میگیرید که چگونه ارسالهایی که بر اساس دسته بندی با نوشته ی کنونی شما مرتبط هستند را در ادامه ی نوشته نمایش دهید و در روش دوم نیز می آموزید که چگونه همین کار را بر اساس برچسب ها انجام دهید. در هر دو حالت از تصاویر شاخص درون نوشته ها، به عنوان تصویر بند انگشتی مطالب مرتبط استفاده خواهیم کرد که علاوه بر کاربردی بودن نتیجه کارمان، زیبایی آن را هم از دست ندهیم. با مسترکد همراه باشید.

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

کدی که قرار است بنویسیم، کارش این خواهد بود که ارسالهایی که در همان دسته بندی نوشته ی شما قرار دارند را پیدا کرده و آنها را در محل مورد نظر شما نمایش میدهد، کد ما به صورت زیر خواهد بود :

<?php

        $orig_post = $post;
        global $post;
        $categories = get_the_category($post->ID);

        if ($categories) {
                $category_ids = array();
                foreach($categories as $individual_category) $category_ids[] = $individual_category->term_id;
                $args=array(
                    'category__in' => $category_ids,
                    'post__not_in' => array($post->ID),
                    'posts_per_page'=> 2, // Number of related posts that will be shown.
                    'caller_get_posts'=>1
                );
        $my_query = new wp_query( $args );
        if( $my_query->have_posts() ) {
            echo '<div id="related_posts"><h3>Related Posts</h3><ul>';
            while( $my_query->have_posts() ) {
                    $my_query->the_post();
 ?>
                    <li><div class="relatedthumb"><a href="<? the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_post_thumbnail(); ?></a></div>
                    <div class="relatedcontent">
                    <h3><a href="<?php the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h3>
                <?php the_time('M j, Y') ?>
                </div>
                </li>
<?php
                }
                echo '</ul></div>';
                }
                }
                $post = $orig_post;
                wp_reset_query();

?>

<?php

$orig_post = $post;

global $post;

$categories = get_the_category($post->ID);

if ($categories) {

$category_ids = array();

foreach($categories as $individual_category) $category_ids[] = $individual_category->term_id;

$args=array(

'category__in' => $category_ids,

'post__not_in' => array($post->ID),

'posts_per_page'=> 2, // Number of related posts that will be shown.

'caller_get_posts'=>1

);

$my_query = new wp_query( $args );

if( $my_query->have_posts() ) {

echo '<div id="related_posts"><h3>Related Posts</h3><ul>';

while( $my_query->have_posts() ) {

$my_query->the_post();

<li><div class="relatedthumb"><a href="<? the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_post_thumbnail(); ?></a></div>

<h3><a href="<?php the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h3>

<?php the_time('M j, Y') ?>

</div>

</li>

<?php

}

echo '</ul></div>';

}

$post = $orig_post;

wp_reset_query();

احتمالا خودتان به خوبی میدانید که به راحتی میتوانید استایل های دلخواه خود را بر روی خروجی این کد اعمال کنید و کلاس های CSS دلخواه خود را برایش بنویسید. بنابراین از بحث نحوه ی نمایش میگذریم. اما این موضوع را در نظر داشته باشید که اگر وبسایت شما هنوز ارسالهای کمی دارد و یا اینکه از دسته بندی ها به خوبی استفاده نکرده اید، نتیجه ی کد شما، به هر نحو ممکن است گاهی خالی باشد. بنابراین همیشه سعی کنید دسته بندی ها و برچسب ها را به خوبی مورد استفاده قرار دهید.

در ضمن برای تغییر تعداد ارسالهایی که نمایش داده میشود کافی است عددی که در خط 13 ام نوشته شده را به دلخواه خود ویرایش کنید.

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

روش انجام کار در این حالت به این صورت است که کد ما، به کلیه ی برچسب های موجود در نوشته ی مورد نظرمان نگاه میکند و به سادگی ارسالهایی که در هر یک از این برچسب ها موجود باشد را به عنوان ارسال مرتبط در نظر میگیرد :

<?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'=>5, // Number of related posts that will be shown.
                'caller_get_posts'=>1
              );
        $my_query = new wp_query( $args );
        if( $my_query->have_posts() ) {
            echo '<div id="relatedposts"><h3>Related Posts</h3><ul>';
            while( $my_query->have_posts() ) {
                $my_query->the_post();

?>
        <li><div class="relatedthumb"><a href="<? the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_post_thumbnail(); ?></a></div>
        <div class="relatedcontent">
        <h3><a href="<? the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h3>
        <?php the_time('M j, Y') ?>
        </div>
        </li>
<?php
        }
        echo '</ul></div>';
        }
        }
    $post = $orig_post;
    wp_reset_query();

?>

<?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'=>5, // Number of related posts that will be shown.

'caller_get_posts'=>1

);

$my_query = new wp_query( $args );

if( $my_query->have_posts() ) {

echo '<div id="relatedposts"><h3>Related Posts</h3><ul>';

while( $my_query->have_posts() ) {

$my_query->the_post();

<li><div class="relatedthumb"><a href="<? the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_post_thumbnail(); ?></a></div>

<h3><a href="<? the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h3>

<?php the_time('M j, Y') ?>

</div>

</li>

<?php

}

echo '</ul></div>';

}

$post = $orig_post;

wp_reset_query();

این کد را در هر قسمتی از فایل single.php خود که قرار بدهید باید به خوبی کار کند. البته معمولا جای آن دقیقا پس از اتمام پست و قبل از شروع کامنت هاست. (البته ممکن است با توجه به قالبی که استفاده میکنید، لازم باشد این کد را در فایل دیگر یا محل دیگری قرار دهید …) اگر در حال طراحی یک قالب با امکانات مناسب باشید این کدها به شما کمک زیادی خواهد کرد و در عین حال باعث میشود که بدون استفاده از هیچگونه پلاگین اضافی امکانات دلخواهتان را به بهترین شکل به وبسایت خود اضافه کنید.

دسترسی آسان به این مطلب لینک کوتاه :

QR Code For: نمایش ارسالهای مرتبط به همراه تصویر بدون استفاده از افزونه

توضیحات محصول با بهره گیری از AI تولید شده و در برخی موارد ممکن است تا حدی با اطلاعات سایت رسمی متفاوت باشد.

3 دیدگاه

مسعود می گوید 9 سال پیش
با تشکر از مطلب خوبتون از کد استفاده کردم
فقط اندازه تصویر شاخص براساس رو چطوری به اندازه دلخواه دربیاریم؟
با تشکر
پاسخ
1. MrCode می گوید 9 سال پیش
  در صورتی که مایل هستید در سطح استایل، تصویر رو تغییر سایز بدید باید براش CSS دلخواهتون رو بنویسید.
  در صورتی که مایلید در سطح کد این کار رو انجام بدید میتونید لینک های زیر رو مشاهده کنید :
  http://codex.wordpress.org/Function_Reference/set_post_thumbnail_size
  https://gist.github.com/seedprod/1367237
  پاسخ
topsoun می گوید 9 سال پیش
عالی بود.مرسی
پاسخ

صفحه 1 از 1

ارسال پاسخ