آیا می‌خواهید جدیدترین محصولات فروشگاه خود را در صفحه‌ای خاص یا در بخشی از قالب نمایش دهید؟ نمایش محصولات اخیر ووکامرس یکی از بهترین استراتژی‌ها برای ترغیب کاربران به بازدید از کالاهای جدید و افزایش فروش است.

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

چرا از کدنویسی برای نمایش محصولات استفاده کنیم؟

استفاده از کد به جای افزونه، چندین مزیت بزرگ برای سایت شما دارد:

• سرعت لود بسیار بالا: حذف فایل‌های اضافی CSS و JS افزونه‌ها.

• انعطاف‌پذیری کامل: می‌توانید دقیقاً مشخص کنید محصولات در کجای قالب و با چه استایلی نمایش داده شوند.

• سئوی بهتر: کدنویسی تمیز باعث درک بهتر موتورهای جستجو از ساختار سایت شما می‌شود.

کد نمایش جدیدترین محصولات ووکامرس

برای کاربران حرفه‌ای وردپرس که قصد دارند محصولات را مستقیماً در فایل‌های قالب (مانند index.php یا single.php) قرار دهند، استفاده از کلاس WP_Query بهترین گزینه است.

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

<?php
$args = array(
    'post_type'      => 'product', // نوع محتوا: محصول
    'posts_per_page' => 4,        // تعداد محصولات جهت نمایش
    'orderby'        => 'date',   // مرتب‌سازی بر اساس تاریخ
    'order'          => 'DESC'     // نمایش از جدیدترین به قدیمی‌ترین
);

$loop = new WP_Query( $args );

if ( $loop->have_posts() ) {
    echo '<ul class="products">'; // کلاس استاندارد محصولات ووکامرس
    while ( $loop->have_posts() ) : $loop->the_post();
        /**
         * فراخوانی استایل پیش‌فرض محصولات ووکامرس
         */
        wc_get_template_part( 'content', 'product' ); 
    endwhile;
    echo '</ul>';
} else {
    echo __( 'هیچ محصولی یافت نشد' );
}

wp_reset_postdata(); // بازنشانی کوئری
?>

توضیح پارامترهای مهم کد:

• ‘post_type’ => ‘product’: این خط به وردپرس می‌گوید که فقط به دنبال محصولات بگردد، نه نوشته‌های وبلاگی.

• ‘posts_per_page’: با تغییر عدد مقابل آن، می‌توانید مشخص کنید چه تعداد محصول (مثلاً ۴، ۸ یا ۱۲ عدد) نمایش داده شود.

• wc_get_template_part: این تابع باعث می‌شود محصولات با همان ظاهر و استایلی که در فروشگاه شما دارند (دکمه خرید، قیمت و تصویر) نمایش داده شوند.

نحوه استفاده در بخش‌های مختلف سایت

1. صفحه اصلی: کد را در فایل front-page.php قرار دهید.

2. سایدبار: می‌توانید یک ابزارک HTML سفارشی بسازید یا کد را در sidebar.php درج کنید.

3. فوتر: برای نمایش آخرین محصولات در انتهای تمام صفحات، کد را در footer.php قرار دهید.

سوالات متداول (FAQ)

۱. آیا این کد با تمام قالب‌های ووکامرسی سازگار است؟ بله، این کد از استانداردهای اصلی وردپرس و ووکامرس استفاده می‌کند و با ۹۹٪ قالب‌ها سازگاری کامل دارد.

۲. چطور محصولات اخیر یک دسته‌بندی خاص را نشان دهم؟ کافیست در آرایه $args خط مربوط به دسته‌بندی را اضافه کنید، به عنوان مثال: 'product_cat' => 'mobile'.

آیا مایل هستید نحوه ساخت یک “شورت‌کد اختصاصی” برای این کد را یادتان بدهم تا بتوانید آن را در ویرایشگر وردپرس هم استفاده کنید؟