رسپانسیو اسلایدر رولوشن

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

بخش اول – بخش Custom Grid Sizes را برای ساخت یک مدیای CSS فعال کنید.

زمانی که شما Custom Grid Sizes را بر روی OFF قرار می دهید، زمانی که کاربر در مرورگر خود زوم می کند، اسلایدر و تمامی محتوای آن نیز، متناسب با آن تغییر سایز می دهند.

زمانی که شما Custom Grid Sizes را بر روی ON قرار دهید، یا این کار در واقع یک مدیای CSS ساخته می شود که به شما اجازه می دهد، یک حد معینی را تعیین کنید، که فقط تا آن حد اسلایدر و محتوای آن زوم شود و پس از آن دیگر زوم و تغییر سایز تاثیری بر اندازه اسلایدر شما ندارد.

اضافه کردن یک مدیای CSS به اسلایدر رولوشن

تعیین سایز grid در اسلایدر رولوشن

 

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

همانند تصویر زیر حتما باید دقت کنید که محتوای شما در درون Canvas یا درون محدوده اسلایدر قرار کرفته باشد، بدیهی است که فقط محتوایی که درون Canvas باشد، در اسلایدر نشان داده می شود.

نحوه صحیح قرار گرفتن محتوا:

نحوه صحیح قرار گرفتن محتوا در اسلایدر وردپرس

نحوه اشتباه قرار گرفتن محتوا:

نحوه اشتباه قرار دادن محتوا در اسلایدر وردپرس

 

بخش سوم – تعیین قید های رسپانسیو

در حالت GRID based محتوای شما مقید به بخش Layers Grid می شود.

در حالت SLIDE based مکان محتوای شما با توجه به سایز اسلایدر تعیین می شود.

  • اگر همچنان تفاوت بین این دو آپشن را متوجه نشدید، به سادگی آن ها را تغییر دهید و با رفرش کردن تفاوت بین آن دو را ببینید.

نحوه قید بندی صحیح رسپانسیو اسلایدر وردپرس

 

بخش چهارم – تعیین فاصله از گوشه های صفحه با OFFSET

زمانی که در حالت OFF قزاز داشته باشد، مکان محتوای شما، دقیقا در همان مکانی است که برای فاصله افقی آن (X) و یا فاصله عمودی آن (Y) از گوشه های صفحه تعریف کرده اید، خواهد بود.

زمانی که در حالت ON قرار داشته باشد، فواصل OFFSET شما، ارتجاعی و قابل تغییر خواهد بود.

تعیین فاصله OFFSET برای اسلایدر رولوشن