آموزش ساخت اسلایدر آیکون و دسته بندی در المنتور (با ویجت باکس آیکون)
در طراحی سایت با المنتور، نمایش مرتب و جذاب بخشهایی مانند دستهبندی محصولات، معرفی خدمات و لینکهای مهم اهمیت زیادی دارد. یکی از بهترین روشها برای این کار، استفاده از باکسهای آیکون و تصاویر به صورت اسلایدر یا شبکهای است.
در این راهنما، نحوه کار با ویجت باکس آیکون اسلایدر (ارائه شده در پکیج ووکامرس پلاس) را بررسی میکنیم تا بتوانید بدون نیاز به کدنویسی، بخشهای حرفهای و واکنشگرا برای سایت خود بسازید.
ویجت باکس آیکون اسلایدر المنتور چیست؟
افزونه باکس آیکون اسلایدر المنتور یک ابزار چندمنظوره است که به شما اجازه میدهد مجموعهای از آیتمهای متنی و تصویری را در قالب اسلایدر یا شبکه (Grid) نمایش دهید. هر آیتم میتواند شامل تصویر/آیکون، عنوان، توضیحات کوتاه، لینک اختصاصی و یک نشان ویژه (Badge) باشد.
جدول کاربردهای اصلی اسلایدر دستهبندی المنتور
| کاربرد اصلی | نحوه استفاده و مزیت |
|---|---|
| نمایش دستهبندی محصولات ووکامرس | هدایت سریع مشتریان به صفحات خرید با تصاویر جذاب |
| معرفی خدمات شرکت | نمایش خدمات اصلی همراه با آیکونهای اختصاصی و مینیمال |
| نمایش مزیتهای رقابتی | معرفی ویژگیهایی مثل ارسال سریع، ضمانت بازگشت و پرداخت امن |
| باکسهای تبلیغاتی و لینکدار | هدایت کاربران به صفحات فرود، جشنوارههای تخفیف و مقالات مهم |
مراحل ساخت اسلایدر آیکون و دسته بندی در المنتور
برای ساخت اسلایدر در المنتور با استفاده از این ویجت، مراحل ساده زیر را دنبال کنید:
- افزودن ویجت: صفحه موردنظر را با المنتور باز کرده و ویجت «باکس آیکون اسلایدر» را به صفحه بکشید.
- تنظیم هدر بخش: یک عنوان جذاب (مانند «دستهبندیهای محبوب») بنویسید و در صورت نیاز، لینک «مشاهده همه» را فعال کنید.
- ایجاد و شخصیسازی آیتمها: برای هر باکس، عنوان، توضیح کوتاه، آیکون یا تصویر اختصاصی و لینک مقصد را وارد کنید.
- تنظیمات اسلایدر: تعداد آیتمهای قابل نمایش در دسکتاپ، تبلت و موبایل را مشخص کرده و قابلیت پخش خودکار (Autoplay) را فعال کنید.
- ذخیره و انتشار: پس از تنظیم ظاهر، صفحه را ذخیره کنید.
ویژگیها و تنظیمات حرفهای باکس آیکون المنتور
۱. انتخاب حالت نمایش (اسلایدر یا شبکهای)
بسته به فضای صفحه خود میتوانید یکی از دو حالت زیر را انتخاب کنید:
- حالت اسلایدر: برای زمانی که تعداد آیتمها زیاد است و میخواهید فضای کمتری اشغال شود (مانند نمایش ۲۰ دستهبندی محصول).
- حالت شبکهای (Grid): برای زمانی که میخواهید تمام گزینهها (مانند ۴ خدمت اصلی شرکت) به صورت همزمان در معرض دید کاربر باشند.
۲. افزودن نشان ویژه (Badge) به آیتمها
برای برجسته کردن برخی از باکسها، میتوانید از نشان ویژه استفاده کنید و عباراتی مانند «ویژه»، «جدید»، «محبوب» یا «تخفیف» را روی آنها قرار دهید تا توجه کاربران جلب شود.
۳. طراحی واکنشگرا برای موبایل و تبلت
یکی از اصول مهم در آموزش المنتور، بهینهسازی سایت برای گوشیهای هوشمند است. این ویجت به شما امکان میدهد تعداد اسلایدهای نمایشی را متناسب با ابعاد دسکتاپ، تبلت و موبایل تنظیم کنید تا چیدمان عناصر کاملاً طراحی واکنشگرا و بهینهای داشته باشد.
۴. شخصیسازی کامل ظاهر و تایپوگرافی
شما کنترل کاملی روی ظاهر باکسها دارید و میتوانید موارد زیر را بدون کدنویسی تغییر دهید:
- رنگ پسزمینه، کادر، سایه و میزان گردی گوشههای باکسها.
- ابعاد تصاویر و رنگ و اندازه آیکونها.
- فونت، سایز، ضخامت و رنگ عنوانها و متون توضیحات.
راهنمای نصب و استفاده از افزونه ووکامرس پلاس
برای دسترسی به این ویجت کاربردی، کافی است مراحل زیر را انجام دهید:
- افزونه باکس آیکون اسلایدر المنتور را دانلود و روی وردپرس خود نصب و فعال کنید.
- وارد ویرایشگر المنتور شوید و ویجت «باکس آیکون اسلایدر» را به صفحه اضافه کنید.
- محتوا و استایل آن را مطابق با هویت بصری برند خود شخصیسازی کرده و منتشر کنید.
جمعبندی
ساخت اسلایدر در المنتور با استفاده از ویجت باکس آیکون، راهکاری سریع، مدرن و بدون نیاز به کدنویسی برای نمایش دستهبندیها، خدمات و مزایای کسبوکار شماست. این ابزار با پشتیبانی از تصاویر و آیکونها، قابلیت لینکدهی پیشرفته و طراحی کاملاً واکنشگرا، تجربه کاربری سایت شما را به شکل چشمگیری بهبود میبخشد.
