learndl خرید رپورتاژ آگهی - تریبون

آموزش افزونه Master Slider برای ساخت اسلایدر حرفه ایی

آموزش ساخت اسلایدر با افزونه مستر اسلایدر

 

اگر شما هم به زیبایی و حرفه ایی بودن ظاهر وبسایت خود اهمیت می دهید ، قطعا به داشتن اسلایدرهای حرفه ایی هم فکر کرده ایید . اسلایدرهایی که می توانید با استفاده از آن ، زیبایی خاصی به طرح رابط کاربری خود بدهید . بهترین ایده های رابط کاربری بدون استفاده از المان های مهمی مانند اسلایدر چندان کاربردی ندارند . به همین دلیل تصمیم گرفتیم یکی از جلوه های ویژه (به نام اسلایدر) که رابط کاربری را متمایز می کند آموزش دهیم . برای یادگیری بیشتر در مورد این موضوع وبیت را تا انتهای این مقاله همراهی کنید . همچنین اگر فکر میکنید که در ساختن اسلایدر ها (به کمک افزونه هایی مانند Master Slider ) به مشکلات اساسی بر میخورید ، میتوانید از قسمت کامنت ها از ما راهنمایی و کمک بخواهید .

 

مهم ترین راه ساختن اسلایدر های حرفه ایی :

یکی از مهم ترین و مدرن ترین راه های ساختن اسلایدر برای وبسایت استفاده از افزونه است . چرا باید برای ساخت اسلایدر از افزونه کمک بگیریم ؟ بارز ترین دلیل استفاده از افزونه ، راحتی و سادگی انجام کار می باشد . همچنین پشتیبانی و تنظیم کردن آن هم به راحتی قابل انجام خواهد بود . افزونه های بسیاری برای انجام این کار وجود دارد که یکی محبوب ترین آن افزونه مستر اسلایدر Master Slider می باشد . برای یادگیری بیشتر در مورد ساختن اسلایدر با استفاده از این پلاگین ، وبیت را تا انتهای این مقاله همراهی کنید .

 

آموزش افزونه Master Slider

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

 

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

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

 

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

 

در این صفحه تمام اسلایدرهای ساخته شده نشان داده می شوند. در شکل بالا چون اسلایدری ساخته نشده است گزینه ای مشاهده نمی شود. برای ساخت اسلایدر جدید روی دکمه Create New Slider کلیک کنید. یک پنجره پاپ آپ مشابه شکل زیر باز می شود. همچنین شما می توانید از اسلایدرهای پیش فرض و ذخیره شده در این افزونه استفاده کنید . کافی است به قسمت Sample Sliders بروید و اسلایدر موردنظر خود را انتخاب کنید. حال باید بروی دکمه Create کلیک کنید. سپس صفحه ای مشابه شکل زیر نشان داده می شود.

 

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

 

همانطور که در تصویر بالا مشاهده می کنید چندین تب مختلف در این صفحه وجود دارد. در تب اولی که Slides نام دارد، می توانید اسلایدهای اسلایدر را به آن اضافه کنید . همچنین لیست اسلایدهایی که قبلاً اضافه کرده اید را ببینید . برای اضافه کردن اسلایدها روی دکمه Add slide کلیک کنید. با کلیک بر روی این دکمه کتابخانه رسانه پیش فرض وردپرس باز می شود.

 

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

 

شما می توانید از تصاویری که قبلاً از انها استفاده کرده اید ، نهایت استفاده را ببرید . همچنین میتوانید تصاویر جدیدی را از کامپیوتر خود آپلود کنید. پس از انتخاب تصاویر روی دکمه Create Slide(s) کلیک کنید. توجه داشته باشید که با فشردن کلید Ctrl می توانید چند تصویر را به صورت همزمان انتخاب کنید. پس از آن که اسلایدها را اضافه کردید می توانید لیست آنها را در تب Slides مشاهده کنید.

 

ساختن اسلایدر

 

مرحله نهایی

در زیر هر اسلاید آیکون های مختلفی نشان داده شده است که می توانید با استفاده از آنها اسلایدها را پاک کنید، آنها را تکرار کنید یا اسلایدها را پنهان کنید. اسلایدهای پنهان شده در فرانت اند نمایش داده نمی شوند. با کلیک کردن بر روی هر اسلاید تنظیمات آن در قسمت پایین صفحه نشان داده می شود. تنظمیات اسلایدها در چهار تب مختلف قابل انجام است. در نهایت بعد از اضافه کردن تصاویر و محتواهای دلخواه خود ، اسلایدر خود را ذخیره کنید . بعد از ذخیره سازی آن ، وقت آن رسیده است که از اسلایدر در جاهای مختلف وبسایت خود استفاده کنید . هم میتوانید با استفاده از شورت کد آن را اضافه کنید و هم صفحه ساز هایی مانند المنتور !

به این مطلب امتیاز دهید

امتیاز کلی : 0 / 5. تعداد آرا : 0

اولین نفر باید که به این مطلب امتیاز میدهید

وبیت این پست توسط نگارش شده است.

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

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

اشترک گذاری

مقاله های پیشنهادی

وبیت این مطالب را به شما پیشنهاد میدهد

ارسال نظر ( 0 نظر تایید )

نظرات پس از رویت و تایید مدیران نمایش داده می شود
هنوز نظری ثبت نشده است ، اولین نفری باشید که نظر میدهید !
همکاران وبیت