آموزش طراحی سایت | کار با افزونه ی Joom Sprit Slider

  • اردیبهشت ۱۸, ۱۳۹۶

آموزش طراحی سایت | کار با افزونه ی Joom Sprit Slider: یکی دیگر از افزونه های پر کاربرد در طراحی سایت افزونه ی Joom Sprit Slider است. این افزونه یکی از افزونه هایی ست که برای نمایش تصاویر اول وب سایت یا  اسلایدرها استفاده می شود. این افزونه امکانات فراوانی را در اختیار وب مستران قرار می دهد. امکاناتی همچون انیمیشن های متفاوت، تغییر تصویر با اسکرول کردن موس و بسیاری امکانات دیگر از امکاناتی است که افزونه ی Joom Sprit Slider در اختیار وب مستران قرار می دهد. در این مقاله ی آموزش طراحی سایت سعی بر آن داریم تا در ارتباط با این افزونه و تنظیمات آن اطلاعاتی در اختیارتان قرار دهیم.

آموزش افزونه ی اسلایدر در طراحی سایت

آموزش افزونه ی اسلایدر در طراحی سایت

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

انیمیشن دادن به اسلایدر در طراحی سایت

در تب General این اسلایدر می توانید تنظیمات JQuery این اسلایدر را فعال یا غیر فعال نمایید. مشخص نمایید تصاویر اسلایدر با قرار گرفتن موس بر روی تصاویر ثابت بماند یا به حرکت خود ادامه دهند. اگر بخواهید تصادفی تصاویر نمایش داده شوند می توانید در این بخش تنظیم نمایید. می توانید تنظیماتی اعمال نمایید که با اسکرول تصاویر بچرخند. یا با اسکرول متن ها محو شوند. چگونگی طراحی سایت و طراحی سایت داینامیک را می توانید در این مطالب مشاهده نمایید.

آموزش افزونه ی اسلایدر در طراحی سایتاعمال تنظیمات ابعاد و ظاهر اسلایدر

از تب بعدی، Height of your slideshow می توانید تنظیمات ابعاد اسلایدر را تمامی Device ها مشخص نمایید. می توانید مشخص نمایید که بخش های اضافه ی تصویر در هر سیستمی کراپ شود یا خیر. در تب Slideshow Theme می توانید تنظیماتی همچون انیمیشن یا نحوه ی انتقال تصاویر را مشخص نمایید. برای تصاویر زمان انتقال و زمان توقف مشخص نمایید. در بخش Options of Custom theme تنظیمات Border و سایه ی اسلایدر را مشخص نمایید. در Previous / Next buttons ظاهر Arrow ها را مشخص نمایید. همینطور در بخش های بعد می توانید تنظیمات ظاهری Navigation ها را نیز مشخص نمایید. نقاط ضعف و قوت الگوریتم های گوگل

آموزش افزونه ی اسلایدر در طراحی سایتقرار دادن تصویر و متن در اسلایدر

در بخش Options for your captions می توانید رنگ پس زمینه ی متنتان موقعیت نمایش آن متن عرض متن، تنظیمات لینک شدن متن به یک آدرس دیگر را مشخص نمایید. در بخش آخر این تب می توانید تایین نمایید که متن در گوشی، تبلت و صفحات کوچک چگونه نمایش داده شوند. و در نهایت در تب image می توانید تصویر و تصاویری که می خواهید را درج نمایید. به تصویرتان توضیحات Alt و title اختصاص دهید. همینطور می توانید به این عبارات رنگ و استایلی که مایل هستید اختصاص دهید. تبلیغات در اینترنت چگونه است ؟

آموزش افزونه ی اسلایدر در طراحی سایت

مشاوره رایگان طراحی سایت

مشاوره طراحی سایت

در صورتی که به دنبال راه اندازی کسب و کار خود در دنیای اینترنت هستید . عدد 21 را به شماره 09107585955 پیامک نمایید یا در لینک زیر فرم درخواست مشاوره را پر نمایید تا مشاوران اینتن با شما در تماس باشند . با اینتن بروز باشید.

بدون نظر
     

    پیام بگذارید