اسلایدر یکی از عناصر جذاب در طراحی سایت است که در ایجاد تعامل مخاطبان با سایت اهمیت زیادی دارد. وجود اسلایدر در سایت می تواند تجربه کاربری با سطح بالاتری را ارائه دهد. در این مقاله به آموزش ساخت اسلایدر در قالب وودمارت به سه روش با استفاده از المنتور، کامپوزر و رولوشن می‌پردازیم.
انواع روش‌های ساخت اسلایدر در قالب وودمارت
اسلایدر قالب وودمارت همانند آسترا پرو به روش‌های مختلفی در سایت قابل طراحی است و از این طریق می‌توان ویدئوها، عکس و محتوای متنی را با جذابیت بیشتری در سایت به نمایش گذاشت تا کاربر با رغبت بیشتری جذب محتوای سایت گردد.
- ساخت اسلایدر در قالب وودمارت با المنتور
- ساخت اسلایدر در قالب وودمارت با ویژوال کامپوزر
- ساخت اسلایدر در قالب وودمارت با رولوشن اسلایدر
1. ساخت اسلایدر در قالب وودمارت با المنتور
اگر قصد دارید در قالب وودمارت پلاس با کمک المنتور اسلایدر ایجاد کنید باید توجه کنید که این گزینه در نسخه المنتور رایگان قفل بوده و برای استفاده از این قابلیت باید نسخه المنتور پرو نصب نمایید.
در گام نخست برای ساخت اسلایدر قالب وودمارت با elementor باید برگه‌ای که قرار است اسلایدر در آن طراحی شود را باز کنید؛ برای این کار بایستی روی گزینه ویرایش با المنتور کلیک نمایید. در مرحله بعد یک سکشن اضافه کنید و در محل مورد نظر قرار دهید و از بخش المان‌ها آیکن اسلایدر را پیدا کرده و به داخل سکشن بکشید و رها کنید.
در مرحله سوم برای تکمیل کردن طراحی اسلایدر باید تنظیمات اسلایدر در المنتور را با دقت انجام دهید؛ در این قابلیت از گزینه‌های متنوعی برای استایل دادن به اسلایدر وجود دارد که در ادامه به توضیح برخی از آن‌ها می‌پردازیم.
- نحوه پیمایش اسلایدر با استفاده از فلش در ابتدا و انتهای اسلایدر یا به صورت نقطه در قسمت پایین اسلایدر را می‌توان مشخص کرد.
- با استفاده از بخش خودکار اسلایدر در المنتور می‌توان تنظیمات را به صورتی انجام داد که اسلایدر به شکل خودکار پلی شود.
- در بخش سرعت بخش خودکار نیز امکان تنظیم زمان تعویض اسلایدها وجود دارد.
- با انجام تنظیمات بخش نوع انتقال می‌توان مشخص کرد که با چه حالتی از یک اسلاید به اسلاید دیگر برود.
- در قسمت تنظیمات پیشرفته المنتور نیز المان‌های جذاب دیگری برای استایل دهی به اسلایدر وجود دارد که شامل موارد زیر است.
- با استفاده از بخش پیشرفته می‌توان تنظیمات مربوط به فاصله المان با ستون‌ها را انجام داد.
- برای تنظیم افکت‌های مختلف مثل انیمیشن، ماوس و پیمایش می‌توان از افکت‌های حرکتی استفاده کرد.
- گزینه واکنش گرا یک ابزار کاربردی در ساخت اسلایدر در قالب وودمارت است تا اسلایدر در تمام دستگاه‌های موبایل، تبلت و دستکتاب به خوبی نمایش داده شود.
در قسمت محتوای اسلایدر قالب وودمارت در المنتور المان‌های مختلفی شامل عنوان و توضیح اسلاید، تغییر متن دکمه و پیوند است که با انجام تنظیمات هر قسمت می‌توان تغییرات مورد نظر در اسلایدر را اعمال کرد.
2. ساخت اسلایدر در قالب وودمارت با ویژوال کامپوزر
ویژوال کامپوزر یک افزونه صفحه ساز قوی و قابل نصب در وردپرس است که با استفاده از آن می‌توان صفحات و عناصر سایت را به دلخواه خود طراحی کرد. برای ایجاد اسلایدر در قالب وودمارت با کمک ویژوال کامپوزر بایستی ابتدا این افزونه را در سایت نصب نمود و سپس برگه جدیدی ایجاد کنید. در گام بعدی نام برگه را در قسمت مشخص شده وارد کرده و سپس از طریق گزینه ویرایشگر زنده، ویرایشگر زنده انتخاب نمایید.
در گام بعد با استفاده از image carousel به قسمت تنظیمات ساخت اسلایدر با ویژوال کامپوزر وارد شوید و تنظیمات مربوطه را که شامل موارد زیر است را انجام دهید.
- انتخاب نام اسلایدر
- اضافه کردن تصاویر دلخواه و تعیین اندازه آن‌ها
- تنظیم نحوه باز شدن و حرکت اسلایدرها که می‌تواند به صورت افقی یا عمودی باشد.
- تعیین سرعت جا به جایی اسلایدها و اینکه در هر صفحه چه تعداد اسلاید نمایش داده شود.
- تنظیم حالت نمایش اسلایدرها که می‌تواند به صورت اتوماتیک یا غیر خودکار باشد.
- تنظیم دکمه‌های قبلی و بعدی و بسیاری دیگر از تنظیمات را می‌توان اعمال کرد.
3. ساخت اسلایدر در قالب وودمارت با رولوشن اسلایدر
برای استفاده از افزونه رولوشن جهت ساخت اسلایدر در قالب وودمارت پیشنهاد می‌کنیم نسخه اورجینال قالب وودمارت را خریداری کنید. برای اینکه بتوانید اسلایدر قالب وودمارت را به کمک افزونه رولوشن به زیبایی و حرفه‌ای طراحی کنید باید مراحل زیر را انجام دهید.
1.نصب و فعال سازی افزونه رولوشن در وردپرس
2.مدیریت و ساخت اسلایدر با استفاده از گزینه Slider Revolution
3.کلیک روی گزینه ماژژول خالی جدید
4.انتخاب نام و عنوان مناسب برای اسلایدر
5.انتخاب نوع اسلایدر از قسمت پوسته و انجام تنظیمات آن در ستون سمت راست
جمع بندی
وودمارت یک قالب بسیار کاربردی برای طراحی سایت‌های فروشگاهی است که می‌توان در آن با استفاده از سه افزونه ویژوال کامپوزر، المنتور و رولوشن اسلایدرهای بسیار حرفه‌ای ایجاد کرد.
منبع: آموزش وودمارت پلاس
ارسال دیدگاه