ساخت اسلایدر نوشته‌ها در وردپرس با افزونه رایگان MetaSlider

اگه دوست دارید تازه‌ترین نوشته‌های سایتتون رو داخل یک اسلایدر مرتب و سازگار با موبایل نشون بدید، افزونه قدیمی WP Responsive Recent Post Slider/Carousel انتخاب مناسبی نیست. صفحه رسمی این افزونه توی مخزن وردپرس نشون می‌ده که به‌دلیل یک مشکل امنیتی برای همیشه بسته شده و دیگه نمی‌تونید اون رو دانلود کنید. برای همین، توی این آموزش سراغ نسخه رایگان MetaSlider می‌ریم.

اول می‌بینیم خود وردپرس برای نمایش نوشته‌ها چه امکاناتی داره. بعد MetaSlider رو نصب می‌کنیم، نوشته‌ها رو به اسلایدر اضافه می‌کنیم و اون رو داخل یک برگه می‌ذاریم. اگه قبلاً از افزونه قدیمی استفاده کرده باشید، روش پیدا کردن شورت‌کدهای باقی‌مونده و انتقال اسلایدرها رو هم با هم مرور می‌کنیم.

چرا نباید از افزونه قدیمی استفاده کنید

افزونه WP Responsive Recent Post Slider/Carousel قبلاً نوشته‌های تازه رو با چند طرح و شورت‌کد نمایش می‌داد. ولی صفحه رسمی اون در مخزن وردپرس اعلام می‌کنه که این افزونه از ۷ آوریل ۲۰۲۶ به‌دلیل مشکل امنیتی برای همیشه بسته شده. پس بهتره نسخه‌هایی رو که توی سایت‌های دیگه پیدا می‌کنید هم نصب نکنید.

اگه این افزونه هنوز روی سایتتون فعاله، قبل از حذفش یک نسخه پشتیبان از سایت بگیرید. صفحه‌هایی رو که داخلشون اسلایدر دارید هم یادداشت کنید تا چیزی جا نمونه. بعد از غیرفعال کردن افزونه، ممکنه شورت‌کدهای قدیمی مثل [recent_post_slider] به‌شکل متن معمولی روی صفحه دیده بشن.

آیا خود وردپرس اسلایدر نوشته‌ها داره

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

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

ساخت اسلایدر نوشته‌ها با افزونه رایگان MetaSlider

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

نکته مهم: قابلیت Post Feed که نوشته‌ها رو به‌صورت خودکار به اسلایدر اضافه می‌کنه، ممکنه به نسخه حرفه‌ای MetaSlider نیاز داشته باشه. روشی که اینجا یاد می‌گیرید کاملاً بر پایه نسخه رایگانه؛ یعنی از تصویر شاخص هر نوشته یک اسلاید می‌سازیم و اون رو به صفحه همون نوشته لینک می‌کنیم. قیمت و امکانات نسخه‌های افزونه ممکنه عوض بشن، پس بهتره قبل از تصمیم‌گیری صفحه رسمی افزونه رو ببینید.

۱. نصب MetaSlider

از پیشخوان وردپرس به مسیر «افزونه‌ها ← افزودن افزونه تازه» برید و عبارت MetaSlider رو جست‌وجو کنید. افزونه‌ای رو پیدا کنید که نامش با صفحه رسمی مخزن وردپرس یکیه. بعد روی دکمه نصب بزنید و وقتی نصب تموم شد، افزونه رو فعال کنید.

۲. ساخت اسلایدر تازه

بعد از فعال‌سازی، از منوی پیشخوان وارد MetaSlider بشید و گزینه ساخت اسلایدر تازه رو بزنید. برای اسلایدرتون یک نام روشن مثل «آخرین نوشته‌های صفحه اصلی» انتخاب کنید. این اسم کمک می‌کنه بعداً بین چند اسلایدر مختلف گیج نشید.

۳. اضافه کردن نوشته‌ها به اسلایدر

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

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

۴. تنظیم نمایش اسلایدر در موبایل

توی تنظیمات اسلایدر، عرض و ارتفاع رو با توجه به اندازه تصاویرتون انتخاب کنید. گزینه‌های جهت حرکت، پخش خودکار و دکمه‌های جابه‌جایی رو هم ببینید و بر اساس نیازتون تنظیم کنید. واکنش‌گرا یا ریسپانسیو یعنی اندازه اسلایدر با صفحه موبایل، تبلت و کامپیوتر هماهنگ می‌شه.

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

۵. قرار دادن اسلایدر داخل برگه

برگه یا نوشته دلخواهتون رو با ویرایشگر وردپرس باز کنید. روی دکمه افزودن بلوک بزنید، بلوک MetaSlider رو پیدا کنید و اسلایدری رو که ساختید انتخاب کنید. اگه بلوک افزونه رو ندیدید، شورت‌کدی رو که MetaSlider بهتون می‌ده کپی کنید و داخل بلوک «کد کوتاه» بذارید.

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

مهاجرت از WP Responsive Recent Post Slider

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

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

جمع‌بندی

اگه فقط می‌خواید آخرین نوشته‌ها به‌صورت ساده و خودکار نمایش داده بشن، بلوک Query Loop خود وردپرس احتمالاً نیازتون رو برطرف می‌کنه. برای ظاهر اسلایدی می‌تونید با نسخه رایگان MetaSlider اسلایدها رو دستی بسازید و هرکدوم رو به نوشته مربوط به خودش لینک کنید. فقط یادتون باشه WP Responsive Recent Post Slider/Carousel بسته شده و بهتره اون رو روی سایت تازه نصب نکنید.

تیم تولید محتوا

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