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