نمایش مطالب مرتبط در وردپرس بدون افزونه توسط برچسب
فهرست موضوعات در این آموزش
یکی از روش‌هایی که با استفاده از آن قادر خواهید بود بازدیدکنندگان سایت خود را چند برابر کنید نمایش مطالب مرتبط در سایت وردپرسی خود است.
نمایش مطالب مرتبط در وردپرس از طریق افزونه‌های متعددی برای شما امکان‌پذیر است؛
اما خب در مواردی ممکن است شما نخواهید از پلاگین‌ها استفاده کنید،
که در این صورت میتوانید این آموزش رایگان وردپرس را دنبال کنید.
آموزش نمایش مطالب مرتبط در وردپرس
در این آموزش رایگان وردپرس به بررسی روش های موجود نمایش مطالب مرتبط در وردپرس خواهیم پرداخت.
روش ها به دو دسته کلی بدون افزونه و با افزونه تقسیم میشوند.
هر کدام مزایا و معایت خاص خود را دارند. شما میتوانید با توجه به شرایط و موقعیت، یکی از روش ها را انتخاب کرده و از آن استفاده کنید.
نمایش مطالب مرتبط در وردپرس بدون افزونه
نمایش مطالب مرتبط در وردپرس یکی از راهکارهای بسیار کارآمد برای افزایش بازدید سایت و کم کردن bounce rate سایت شماست.
خب همان‌طور که در جریان هستید شما باید برای پیشرفت کسب‌وکار خود راهکارهایی را در پیش بگیرید.
یکی از بهترین راهکارهایی که دائما به‌تمامی مدیران سایت‌ها پیشنهاد میشود این است که ترفندی بکار بگیرند تا کاربر زمان بیشتری را در سایت سپری کند.
به‌بیان‌دیگر شما باید اقداماتی در پیش بگیرید تا نرخ پرش یا همان bounce rate در سایتتان به حداقل برسد و کاربر بدون هیچ مشکلی در سایت شما به‌دنبال هدف خود باشد.
اولین روش نمایش نوشته های مرتبط در وردپرس استفاده از کدهای php است.
در ادامه یک کد بسیار ساده اما کاربردی بررسی میشود. استفاده از کد نسبت به افزونه،
می‌تواند باعث افزایش سرعت بارگذاری صفحات سایت ما شوند.
چگونه مطالب مرتبط سایت را پیدا کنیم ؟
اولین سوالی که به وجود می آید این است که چگونه نوشته های مرتبط در وردپرس را پیدا کنیم.
در وردپرس برای نوشته های خود از برچسب (تگ یا tag) استفاده میکنیم.
تگ ها بهترین راه برای یافتن مطالب مرتبط در سایت هستند.
روش کار به این صورت است که ابتدا تگ های نوشته ای که کاربر در حال مطالعه آن است را گرفته و سایر نوشته ها که با آن تگ مشخص شده اند را پیدا میکنیم.
به عنوان مثال اگه روی لینک های زیر کلیک کنید متوجه خواهید شد:
ما درمثال بالا تگ های که داخل مطالب آموزش رایگان وردپرس استفاده میکنم را مثال زدیم اما تگ های که داخل مطالب استفاده می کنید متفاوت باشد.
البته به جای استفاده از تگ ها می‌توان از دسته بندی نوشته نیز استفاده کرد.
اما این روش بسیار کلی هست. ممکن است نوشته ها با موضوعات مختلفی در یک دسته بندی قرار داشته باشند.
اما تگ ها احتمال تشابه پست های پیشنهادی را افزایش خواهند داد.
در جلسات آینده اینشاالاه آموزش مطالب مرتبط توسط دسته آموزش خواهیم داده پیشنهاد میکنم که داخل کانال های وب سایت پاسخ وردپرس عضو بشید برای اطلاع رسانی.
افزودن تصویر شاخص به قالب وردپرس
قبل از شروع آموزش مطالب مرتبط ابتدا باید برای مطالب سایتتان تصویر شاخص مشخص کنید.
برای این کار فایل functions.php قالب وردپرس خود را بازکنید و کد زیر را در آن کپی کنید.
|
1 2 |
add_theme_support( 'post-thumbnails' ); set_post_thumbnail_size( 250, 250, true ); |
اگر می‌خواهید سایز تصویرنمایشی در بخش مطالب مرتبط را تغییر دهید با تغییر ۲۵۰و ۲۵۰ در کد بالا میتوانید به ترتیب پهنا و ارتفاع تصاویر را تغییر دهید و آن را به هر سایز دلخواهی تبدیل کنید.
کد مطالب مرتبط وردپرس
خب بعدازاینکه یک تصویر شاخص برای مطلب خود با سیز دلخواه درست کردید باید وارد فایل single.php شوید که این فایل single.php درواقع شامل کدهای صفحه ادامه مطلب سایت شما است.
پس از اینکه وارد این فایل شدید باید دنبال کد php endwhile بگردید، بعدازاینکه این کد را پیدا کردید کد زیر را قبل از آن قرار دهید.
|
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 |
<div class="container"> <section class="content-main-box"> <header class="content-main-title"> <span class="icon-content"><i class="fa fa-bookmark"></i></span> <h2 class="d-inline">مطالب مرتبط برای شما</h2> </header> <!--article post box start--> <div class="row"> <?php $post_tags = wp_get_post_tags( $post->ID ); $args = array( 'tag__in' => array( $post_tags[]->term_id ), 'post__not_in' => array( $post->ID ), 'posts_per_page' =>4, 'caller_get_posts'=>1 ); $query = new WP_Query( $args ); if( $query->have_posts() ): ?> <?php while( $query->have_posts() ) : $query->the_post(); ?> <!--article start --> <div class="col-12 col-sm-6 col-md-6 col-lg-3 mb-3"> <article class="post-box"> <header class="post-header"> <figure class="post-image"> <?php the_post_thumbnail(array(250,250)); ?> </figure> </header> <div class="post-content"> <div class="post-entry"> <span class="category">مقالات</span> <h2 class="entry-title"><a rel="external" href="<?php the_permalink()?>"> <?php the_title(); ?> </a> </h2> </div> <div class="post-excerpt"> لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از... </div> <div class="post-more"> <a href="<?php the_permalink()?>">بیشتر بخوانید</a> </div> </div> </article> </div> <!--article end --> <?php endwhile; ?> <?php endif;wp_reset_query(); ?> </div> <!--article post box end--> </section> </div> |
دقت کنید که در کد بالا دو عدد ۲۵۰و ۲۵۰ وجود دارد که شما باید در این قسمت همان عددی را وارد کنید که در کد تصویر شاخص در فایل functions.php وارد کردید.
به یاد داشته باشید که این اندازه باید دقیقاً مثل یکدیگر باشد.
توجه داشته باشید که با انجام کارهایی که در بالا به آن اشاره شد مطالب شما یک ظاهر کاملاً ساده‌ای خواهد داشت و شما باید مطالب خود را به یک شکل بسیار زیبا به‌نمایش در بیاورید.
که این موضوع با استفاده از کدهای CSS امکان‌پذیر است.
علاوه‌براین برای اینکه نوشته‌های شما یک نظم خاص داشته باشند و برای کاربر جلوه زیباتری داشته باشد میتوانید از کد CSS استفاده. درواقع شما این امکان را دارید که جلوه ویژه‌ای به مطالب خود با استفاده از مدهای سی‌اس‌اس دلخواه خود بدهید.
اگر در زمینه استایل نویسی تجربه ای ندارید پیشنهاد میکنم حتما آموزش طراحی سایت HTML5 CSS3 با bootstrap 5 یک بار دیدن فرمایید.
به پایان آموزش نمایش مطالب مرتبط وردپرس توسط کد وردپرس برچست ها در سایت رسیدیم چنانچه سوالی دارید در بخش دیدگاه های همین مطلب مطرح کنید.
سلام وقتتون بخیر
من کد رو قرار میدم از تابع post خطا میگیره
$post_tags = wp_get_post_tags( $post->ID );
سلام خدمت شما دوست عزیز چه خطاي میده لطفا هر خطاي که میده همین قسمت ارسال فرمایید تا برسی کنم
موفق باشید