ساخت اسلایدر آخرین مطالب در وردپرس بدون افزونه جداگانه

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

توی این آموزش اول سراغ بررسی امکانات قالب اهورا می‌ریم. بعد هم چند راهکار جایگزین رو بررسی می‌کنیم تا اگه از قالب دیگه‌ای استفاده می‌کنید، بتونید روش مناسب سایتتون رو انتخاب کنید. منظور از «بدون افزونه» توی این مقاله، بدون نصب افزونه جداگانه برای اسلایدره؛ ممکنه صفحه‌ساز یا ابزارهای همراه قالبتون همچنان برای نمایش بعضی المان‌ها لازم باشن.

چرا روش قبلی این آموزش پیشنهاد نمی‌شه

نسخه قبلی این مقاله بر پایه افزونه Responsive Posts Carousel نوشته شده بود. طبق صفحه رسمی افزونه در مخزن وردپرس، این افزونه از ۹ مه ۲۰۱۹ بسته شده و دیگه برای دانلود در دسترس نیست. به همین دلیل، نباید اون رو روی سایت‌های جدید نصب کنید و بهتره سراغ امکانات قالب یا ابزارهای فعال و به‌روز برید.

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

نمایش مطالب سایت به‌صورت اسلایدر با قالب اهورا

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

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

صفحه موردنظرتون رو باز کنید

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

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

منبع المان‌ها رو بررسی کنید

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

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

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

تنظیم محتوای اسلایدر نوشته‌ها

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

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

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

تنظیم ظاهر و حرکت اسلایدر

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

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

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

نمایش اسلایدر در صفحه اصلی سایت

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

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

راهکارهای جایگزین برای قالب‌های دیگه

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

ساخت اسلایدر بدون افزونه جداگانه

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

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

استفاده از المنتور

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

استفاده از افزونه فعال اسلایدر

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

نکات مهم قبل از انتشار اسلایدر

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

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

جمع‌بندی

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

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

پرسش‌های رایج

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

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