ساخت اسلایدر با ویژوال کامپوزر
بعداز طراحی سایت وردپرسی می توانید با استفاده از امکانات زیاد وردپرس انواع صفحه ساز ها را برای طراحی و ویرایش برگه ها و صفحات خود استفاده کنید و زیبایی بصری سایت را دوچندان کنید. صفحه ساز های مثل ویژوال کامپوزر امکانات زیادی برای سایت دارند که یکی از جذاب ترین امکانات صفحه سازها ساخت اسلایدر است. در این مقاله ساخت اسلایدر با ویژوال کامپوزر را آموزش می دهیم.
ساخت اسلایدر با ویژوال کامپوزر ممکن است موضوعی باشد که ذهن شما را درگیر خود کرده باشد، با ما در این مقله همراه باشید. اولین چیزی که کاربران در هنگام ورود به سایت می بینند slider ها هستند بنابراین کاربرپسند بودن و داشتن زیبایی بصری اسلایدر ها مهم است و باید در طراحی آنها دقت کنید تا زیبایی گرافیگی سایت خود را افزایش دهید. ما در این مقاله به ساخت اسلایدر با ویژوال کامپوزر که یکی از صفحه سازهای پرطرفدار است می پردازیم. قبل از خواندن ادامۀ مقاله به شما پیشنهاد میکنیم در صورت تمایل به خرید افزونه ویژوال کامپوزر به صفحۀ افزونه ویژوال کامپوزر مراجعه نمایید.
اسلایدر چیست؟
شاید با وارد شدن در برخی سایت ها جعبه هایی بزرگ به اندازه عرض صفحه دیده اید، که ممکن است با هم جا به جا شوند یا ثابت باشند و داخل آن ها تصاویر زیبا و جذاب یا یک نوشته درباره سایت وجود دارد، به این کادر های مستطیلی بالای هر صفحه اسلایدر سایت گفته می شود. سایت ها می توانند برای موقعیت های مختلف مثل جشنواره ها و نمایش تخفیف ها از طراحی خلاقانه اسلایدر ها استفاده کنند.
در این قسمت می توانید آموزش ویدیویی ساخت اسلایدر با ویژوال کامپوزر را مشاهده کنید.
نکاتی در طراحی اسلایدر با ویژوال کامپوزر
خب همانطور که گفتیم اولین برخورد کاربران پس از ورود به سایت شما همین برگه های اسلایدر هستند پس باید در طراحی آن ها نکاتی را در نظر بگیرید.
- حجم عکس های انتخابی برای اسلایدر خیلی سنگین نباشد، چون اسلایدر ممکن است در تمامی صفحات سایت شما دیده شود و این موضوع باعث سنگین شدن کل سایت می شود و خب از نظر سئوسایت اصلا مناسب نیست.
- اجزای بصری و گرافیکی را به طور منطقی در کنار هم بیاورید، به گونه ای نباشد که فقط به جنبه گرافیکی اسلایدر توجه کنید.
- در ساخت اسلایدر همیشه سعی کنید موضوع اصلی را بولد نشان دهید.
برای ساخت اسلایدر روش های گوناگونی وجود دارد:
افزونه هایی چون افزونه اسلایدر رولوشن و مستر اسلایدر و طراحی اسلایدر با المنتور و … که ما در ادامه ساخت اسلایدر با ویژوال کامپوزر را آموزش می دهیم. در ابتدا باید افزونه را دانلود و نصب کنید.
ساخت اسلایدر با ویژوال کامپوزر
در افزونه ویژوال کامپوزر چیست گفتیم که یک نمونه افزونه صفحه ساز قدرتمند است که با کمک آن بدون نیاز به کد نویسی می توانید صفحات مورد نظر خود را با Drog & Drop طراحی کنید. پس از نصب این افزونه می توانید از ویژگی ها مختلف این افزونه صفحه ساز استفاده کنید. یکی از ویژگی های این صفحه ساز قابلیت ساخت اسلایدر می باشد. برای این کار کافیست پس از نصب وارد قسمت برگه ها شوید و برگه جدید را انتخاب کنید سپس واردصفحه زیر می شوید:
در قسمت اول نام برگه خود را وارد کنید. و روی قسمت ویرایشگر زنده کلیک کنید و حالا دکمه افزودن المان را انتخاب کنید.
حالا قسمت image carousel را باز می کنیم.
وارد قسمت تنطیمات طراحی اسلایدر با ویژوال کامپوزر می شوید و می توانید تنظیمات طراحی اسلایدر خود را شروع کنید.
(1):در این قسمت می توانید یک نام انتخاب کنید.
(2): تصاویر دلخواه خود را برای اسلایدر انتخاب کنید.
(3): اندازه تصاویر را از این قسمت تعیین کنید یا می توانید به صورت دستی وارد کنید یا به صورت نوشتن بزرگ یا کامل.
(4): نوع باز شدن اسلایدر ها را ازاین قسمت تنطیم کنید.
(5): جهت اسلایدر که به صورت افقی نمایش داده شود یا عمودی، از این قسمت انتخاب کنید.
(6): در این قسمت می توانید سرعت جا به جایی اسلایدر ها را تعیین کنید.
(7): می توانید تعیین کنیدچه تعداد اسلایدر ها در هر صفحه از نمایش داده شود.
(8): حالت نمایش اسلایدر ها به صورت اتوماتیک باشد یا نباشد.
(9): تنظیمات دکمه های قبلی و بعدی نمایش داده شود.
(10): با زدن تیک این مورد می توانید قسمتی از اسلاید بعدی را هم ببینید.
(11):کنترل صفحه بندی پنهان شود یا خیر.
(12): با زدن این تیک حالت تکرار یا loop اسلایدر فعال می شود.
در نهایت گزینه ذخیره را بزنید.
در این مقاله ساخت اسلایدربا ویژوال کامپوزر را مرحله به مرحله آموزش دادیم. اگر برای شما درباره این موضوع سوال یا ابهامی وجود دارد با ما مطرح کنید.