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

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

بخش «نوشته‌های مرتبط» یکی از امکانات کاربردی قالب Astra است که بدون نیاز به افزونه، در پایین مطالب وب‌سایت نمایش داده می‌شود. این ویژگی به افزایش میزان زمان ماندگاری مخاطب در سایت (Dwell Time)، کاهش نرخ بازگشت (Bounce Rate) و ارتقاء تجربه کاربری کمک شایانی می‌کند.

پیش‌نیازها

  • استفاده از نسخه Astra نسخه‌ی 3.4 یا بالاتر
  • ترجیحاً استفاده از Child Theme برای اعمال سفارشی‌سازی‌های احتمالی در آینده

فعال‌سازی نوشته‌های مرتبط در قالب آسترا

  1. وارد پیشخوان وردپرس شوید.
  2. مسیر: نمایش – سفارشی‌سازی – بلاگ – نوشته‌ی تکی (Single Post) را دنبال کنید.
  3. گزینه Enable Related Posts را فعال کنید.

تنظیمات نوشته های مرتبط قالب Astra

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

استفاده از فیلتر برای نمایش دسته به‌عنوان عنوان

با افزودن این قطعه کد به فایل functions.php در قالب فرزند، عنوان بخش مرتبط به صورت خودکار با نام دسته‌ی نوشته جایگزین می‌شود:


add_filter( 'astra_related_posts_title', 'astra_related_post_title' );
function astra_related_post_title() {
    return sprintf(
        '<h2 class="ast-related-posts-title">%s</h2>',
        esc_html__( get_the_category()[0]->name, 'astra' )
    );
}

جابجایی بخش مرتبط به زیر دیدگاه‌ها

در صورتی که می‌خواهید بخش مرتبط پس از فرم دیدگاه‌ها نمایش داده شود، از کد زیر استفاده کنید:


add_action( 'astra_entry_before', function() {
    add_filter( 'astra_get_option_enable-related-posts', '__return_false' );
});
add_action( 'astra_primary_content_bottom', function() {
    add_filter( 'astra_get_option_enable-related-posts', '__return_true' );
});
add_action( 'astra_template_parts_content_top', 'move_related_below_comments', 1 );
function move_related_below_comments() {
    $instance = new Astra_Related_Posts_Markup();
    add_action( 'comment_form_after', [ $instance, 'astra_get_related_posts' ], 10 );
}

نکات پایانی

  • این قابلیت هم در نسخه رایگان و هم Pro قالب Astra فعال است.
  • اعمال CSS اضافی یا افزونه‌های شخصی‌سازی ترجیحاً در قالب فرزند (Child Theme) انجام شود تا در بروزرسانی‌ها تغییری ایجاد نگردد.
  • تست نهایی را حتماً با چند نوشته آزمایشی و در دستگاه‌ها/فُرم‌های مختلف انجام دهید تا نمایش بدرستی اجرا شود.

جمع‌بندی

بخش «نوشته‌های مرتبط» در Astra یک ابزار قدرتمند و کاربرپسند است که با چند کلیک ساده فعال و با تنوع گزینه‌های گسترده سفارشی‌سازی می‌شود. اگر نیاز به تغییرات خاص دارید، با کمک کدهای فیلتر فوق می‌توانید تجربه‌ی کاربران را بهینه‌تر سازید.

پیشنهاد ویژه: قالب آسترا (نامحدود + 1000 دمو + 40 افزونه)

قالب آسترا پرو

✅ برای تهیه نسخه اورجینال و فارسی قالب یونی آسترا بیزنس (نامحدود) + (1000 دمو) + (100 فونت فارسی) + (40 افزونه هدیه) ❤️ با پشتیبانی و بروزرسانی رایگان همیشگی و 30 روز ضمانت همین حالا به لینک زیر مراجعه کنید:

دیدگاهتان را بنویسید

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

Fill out this field
Fill out this field
لطفاً یک نشانی ایمیل معتبر بنویسید.
شما باید با قوانین موافقت کنید.