نظاره گر پیشرفت کسب و کار خود باشید ، وقتی اسپیناس وب جرئی از تیم شما می شود

در جلسات قبلی آموزش revslider درباره تنظیمات اصلی اسلایدر صحبت کردیم که شامل تنظیمات اصلی اسلایدر مثل نمایش در دستگاه های مختلف و کدهای کوتاهی که اسلایدر به شما میدهد تا بتوانید در صفحات مختلف از آن استفاده کنید.در واقع تنظیماتی که در جلسه پیش با شما صحبت کردیم تنظیمات کلی اسلایدر بود.  همچنین در جلسه اول برای شما توضبح دادیم که چه جوری اسلایدر خودتان را import و یا export کنید…

در این جلسه در طراحی سایت قصد داریم درباره تنظیمات داخلی اسلاید های یک اسلایدر صحبت کنیم. مثل نشان دادن اجزاء مختلف اسلایدها در دستگاه های مختلف و یا دادن انیمیشنهای مختلف به این اجزاء و اضافه کردن عکس و نوشته و آیکن… به اسلاید هایتان

پس با ما در این آموزش طراحی سایت همراه باشید

صفحه ادیت اسلاید

همانطور که گفتیم زمانی که revslider را در اسلایدر اصلی وردپرس انتخاب میکنید  و وارد صفحه تنظیمات میشوید تمامی اسلایدرهای شما در این صفحه موجود است.روی اسلایدری که میخواهید تغییر دهید بروید و ادیت را انتخاب کنید و وارد صفحه ادیت اسلایدر شوید

همین طور که مشاهده میکنید در این صفحه شما اسلایدهای داخل اسلایدر را مشاهده میکنید و توانایی این را دارید که این اسلاید ها را مطابق با نیاز خودتان تغییر دهید. یک توضیح کوتاه درباره امکاناتی که در این صفحه در اختیار شما قرار میگیرد میدهیم.

در بالا صفحه شما اسلاید های داخل اسلایدر را مشاهده میکنید که میتوانید آن ها را انتخاب کنید و ادیت کنید .شما روی هر کدام از اسلایدها که بروید میتوانید آن ها را کپی کنید و به آن ها template خاصی اضافه کنید و یا حتی آن ها را حذف کنید…

بعد از انتخاب اسلاید مورد نظر امکانات اصلی داخل اسلاید شروع میشود این امکانات شامل موارد زیر است:

• Main background

در این قسمت شما میتوانید پس زمینه اصلی خودتان را تعیین کنید که امکان انتخاب از پوشه اصلی وردپرس و یا با گرفتن url و یا حتی گرفتن از ویدیو از یوتیوب و … به عنوان پس زمینه اسلاید را میدهد

• General settings

دراین قسمت میتوانید تنظیمات اصلی اسلاید مثل تاخیر و یا نحوه نمایش navigation و یا حتی مخفی کردن اسلایدر در موبایل…تعیین کنید

• Thumbnail

در این قسمت میتوانید نوع و شکل Thumbnail خودتان را تنظیم کنید که میتوانید خودتان عکس آن را تعیین کنید یا از تنظیمات پایه اسلایدر استفاده کنید

• Slide animation

در این قسمت شما میتوانید انیمیشن اصلی اسلاید را مشخص منید این که به چه صورتی نمایش داده شود با چه افکتی ظاهر شود… در این قسمت تنظیمات فوق العاده قوی و اختصاصی در اختیار شما قرار داده شده است تا بتوانید افکت و زمان انیمیشن نوع افکت آن و…اسلاید خودتان را تعیین کنید.

• Link & seo

در این بخش شما میتوانید سئو  ولینک مربوط به اسلاید خودتان را تعیین کنید که میتوانید بسیار با اهمیت باشد

• Slide info

در این قسمت هم اطلاعات اسلاید برای شما نمایش داده میشود

بعد از تنظیمات اصلی اسلایدر وارد تنظیمات جزئی تری از اسلایدر میشوید که مربوط به لایه های موجود در اسلایدر است که شامل موارد زیر است:

• Style

در این قسمت میتوانید استایل های لایه مورد نظر خودتان را تعیین کنید مواردی مثل فونت و محل نمایش و رنگ و ارتفاع و…

همچنین با زدن فلش کنار style میتوانید تنظیمات خیلی ریزتری را برای استایل لایه مورد نظرتان انتخاب کنید چزهایی مثل پس زمینه و کادر و فونت….

• Animation

در این قسمت به شما این امکان داده شده است که انیمیشن ورود و خروج یک لایه و همچنین میزان ماندن یک لایه و یا تاخیر…تعیین کنید

• Loop

در این بخش امکان تعیین یک انیمیشن خاص برای حالت تکرار loop وار داده شده است

• Visibility

در این قسمت به شما امکان نمایش دادن و یا مخفی کردن یک لایه را در دستگاه های مختلف داده شده است این امکان فوق العاده ارزشمند است و خیلی از مواقع مورد استفاده قرار میگیرد

• Behavior

در این بخش از تنظیمات لایه های اسلایدر به شما نحوه رفتار این لایه داده شده است مثل به صورت اتوماتیک ریسپانسیو بودن و یا نبودن این لایه داده شده است….

• Action

در این حا شما میتوانید لینک به لایه مورد نظر بدهید که زمانی که روی آن کلیک کردید به کدام لینک وارد شود

• Attributes و parallax

در این بخش ها هم امکانات بیشتری به شما داده شده است مثل دادن parallax سه بعدی به یک لایه خاص

در وسط کادر به شما نمایشی از اسلاید داده شده است که مکان لایه ها و همچنین نمایش اسلاید در رزولوشن هایی که حالت auto در قسمت تنظیمات اسلایدر به آن ها داده نشده است را میتوان تنظیم کرد. در این قسمت شما امکان اضافه کردن انواع لایه ها و تغییر متن لایه های متنی را دارید.

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