اسلایدر رولوشن چیست؟ افزونه Revolution Slider

اسلایدر رولوشن چیست؟ افزونه Revolution Slider

جلسه 1
دانلود رایگان روولوشن اسلایدر (به همراه اددان‌‌ها) + نصب و پیکربندی

دانلود رایگان روولوشن اسلایدر (به همراه اددان‌‌ها) + نصب و پیکربندی

جلسه 2
آموزش کار با پس‌زمینه‌ها در اسلایدر روولوشن

آموزش کار با پس‌زمینه‌ها در اسلایدر روولوشن

جلسه 3
افزودن فونت فارسی به اسلایدر رولوشن

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

جلسه 4
ساخت اسلایدر ساده با روولوشن اسلایدر

ساخت اسلایدر ساده با روولوشن اسلایدر

جلسه 5
سایز استاندارد اسلایدر در روولوشن اسلایدر

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

جلسه 6

شما در حال مشاهده
جلسه 7 هستید

ساخت اسلایدر‌ ریسپانسیو با روولوشن اسلایدر

ساخت اسلایدر‌ ریسپانسیو با روولوشن اسلایدر

جلسه 7
کار با انیمیشن‌ها در ساخت اسلایدر با روولوشن اسلایدر

کار با انیمیشن‌ها در ساخت اسلایدر با روولوشن اسلایدر

جلسه 8
کار با لایه عمومی (استاتیک) در رولوشن اسلایدر

کار با لایه عمومی (استاتیک) در رولوشن اسلایدر

جلسه 9
تکرار انیمیشن روی یک لایه در روولوشن اسلایدر

تکرار انیمیشن روی یک لایه در روولوشن اسلایدر

جلسه 10
آموزش لینک دادن به دکمه در اسلایدر رولوشن

آموزش لینک دادن به دکمه در اسلایدر رولوشن

جلسه 11
کار با بگراند‌های گرادینت در رولوشن اسلایدر

کار با بگراند‌های گرادینت در رولوشن اسلایدر

جلسه 12
آموزش کار با اسلایدر رولوشن | پروژه شماره 1

آموزش کار با اسلایدر رولوشن | پروژه شماره 1

جلسه 13
ساخت پروژه محور اسلایدر شماره دو با روولوشن اسلایدر

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

جلسه 14
ساخت پروژه محور اسلایدر شماره 3 با رولوشن اسلایدر

ساخت پروژه محور اسلایدر شماره 3 با رولوشن اسلایدر

جلسه 15
ساخت اسلایدر وردپرس برای نمایش اعضای تیم

ساخت اسلایدر وردپرس برای نمایش اعضای تیم

جلسه 16
گذاشتن ویدیو در اسلایدر روولوشن

گذاشتن ویدیو در اسلایدر روولوشن

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

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

جلسه 18
آموزش Slider Revolution | افکت تصادفی پس زمینه

آموزش Slider Revolution | افکت تصادفی پس زمینه

جلسه 19
رنگ‌های عمومی یا Color Skin در روولوشن اسلایدر

رنگ‌های عمومی یا Color Skin در روولوشن اسلایدر

جلسه 20

مدرس دوره

نبی عبدی

زمان ویدیو

10:55 دقیقه

برو به دیگر جلسات

آموزش اسلایدر روولوشن

برای دانلود ویدیو

وارد شوید

ساخت اسلایدر‌ ریسپانسیو با روولوشن اسلایدر

آخرین بروزرسانی در تاریخ : 10 اردیبهشت 1402

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

تنظیمات ریسپانسیو در روولوشن اسلایدر

برای دسترسی به بخش تنظیمات ریسپانسیو در اسلایدر روولوشن، از منوی بالا، سمت چپ روی گزینه دسکتاپ کلیک کنید و از زیرمنویی که باز می‌شود، می‌توانید دستگاهی که می‌خواهید اسلایدرتان را برای آن ریسپانسیو کنید را انتخاب کنید، به تصویر زیر دقت کنید:

تنظیمات ریسپانسیو در روولوشن اسلایدر
تنظیمات ریسپانسیو در روولوشن اسلایدر

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

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

برای کسب اطلاعات بیش‌تر در رابطه با طراحی اسلایدر‌های ریسپانسیو با روولوشن اسلایدر، حتما ویدیوی آموزشی را مشاهده کنید.

جمع بندی

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

5/5 - (4 امتیاز)

دیدگاه و پرسش

  1. mehr میگوید:

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

    • پشتیبانی میگوید:

      برای حل این مشکل، شما می‌توانید از قابلیت‌های پیشرفته روولوشن اسلایدر استفاده کنید. روولوشن اسلایدر امکان تنظیم مجزا برای هر دستگاه را فراهم می‌کند. این بدان معناست که شما می‌توانید برای هر دستگاه (دسکتاپ، تبلت، موبایل) تنظیمات مختلفی اعمال کنید تا تصویر به بهترین شکل ممکن نمایش داده شود. در اینجا چند گام برای رسیدن به این هدف:

      1. تنظیم فوکوس تصویر: از آنجایی که تصویر شما در سمت راست محتوای مهم دارد، باید فوکوس تصویر را بر روی آن قسمت قرار دهید. این کار باعث می‌شود که در حالت موبایل، این بخش از تصویر به جای مرکز آن نمایش داده شود.
      2. استفاده از تنظیمات مختلف برای دستگاه‌های مختلف: در روولوشن اسلایدر، شما می‌توانید برای هر دستگاه تنظیمات جداگانه‌ای داشته باشید. برای مثال، می‌توانید اندازه، موقعیت و حتی تصویر پس‌زمینه را برای نمایشگرهای کوچکتر مانند موبایل تغییر دهید.
      3. بهینه‌سازی اندازه تصویر: ممکن است لازم باشد اندازه تصویر خود را تغییر دهید تا در اندازه‌های مختلف صفحه نمایش به خوبی جا بگیرد. این کار می‌تواند شامل برش دادن بخش‌های غیرضروری تصویر باشد.
      4. آزمایش و تنظیم: پس از اعمال تنظیمات، مهم است که اسلایدر خود را در دستگاه‌های مختلف آزمایش کنید و تنظیمات را بر اساس نتایج بهینه کنید.

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

  2. یوسف میگوید:

    سلام وقت بخیر من انجام میدم ولی باز میبینن رو حالت لپتاپ تغییر می‌کنه و برعکس لپتاپ درست میکنم رو گوشی تنظیم به هم میخوره انگار تاثیر میزارن رو هم در حالی که در ویدیو گفتین تاثیر نمیزارن رو هم

    • پشتیبانی میگوید:

      سلام، شما باید طبق آموزش فقط قسمت‌هایی که مربوط به ریسپانسیو است را تغییر دهید.

  3. Saeed میگوید:

    ممنون از آموزش های خوبتون.
    آیا میشه روی هر دستگاه (دسکتاپ، موبایل و …) اسلایدر جداگانه با عکس و بک گراند متفاوت طراحی کنیم تا بک گراند به خوبی قابل رویت باشد؟
    ممنون میشم راهنمایی بفرمایید.

    • پشتیبانی میگوید:

      درود، بله این امکان وجود دارد اما متاسفانه سرعت سایت شما را به شدت کاهش خواهد داد.

      • saeed میگوید:

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

      • پشتیبانی میگوید:

        راه کار معمولا اینه که باید تصویری را انتخاب کنید با از بین رفتن حاشیه ها مفهوم تصویر از بین نره.

  4. محمد میگوید:

    سلام
    آیا میشه وقتی روی حالت موبایل میذاریم عکس بکگراوند رو مشخص کنیم که چه قسمتیضش نمایش داده بشه؟
    منظورم اینه وقتی میره روی حالت موبایل و عکس بکگرااوند بین دو خط قرار میگیره آیا میشه کمی اینور اونورترش کرد؟

    • پشتیبانی میگوید:

      درود بر شما، بله می‌توانید از طریق تنظیمات پبشرفته رسپانسیو این مورد را نیز اعمال کنید.

  5. محمدرضا میگوید:

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

    • پشتیبانی میگوید:

      بله شما در هر بحش از سایت که بخواهید نظر کاربران سایت خود را جلب کنید، می‌توانید از روولوشن اسلایدر استفاده کنید.

  6. آریا میگوید:

    یک مشکل:
    من در روولوشن اسلایدر از بخش لایه ها دو تا عکس وارد اسلاید کردم و آنها را در سمت راست و چپ اسلاید ، چسبیده به طرفین اسلاید قراردادم اما زمانی که چرخ موس را حرکت می دهم ( zoo و unzoom) می کنم دو تا عکسی را که به طرفین اسلاید چسبانده ام از طرفین فاصله می گیرند که صورت جالبی ندارد
    چگونه می توانم این عکس ها را به طرفین فیکس کنم و ثابت نگه دارم؟
    ممنون

    • پشتیبانی میگوید:

      هر کدام از لایه‌هایی که می‌خواهید به صورت کامل به سمت راست یا چپ بچسبد باید از تنظیمات Size & Pos گزینه Layer Align را روی Scene تنظیم کنید، در این صورت آن لایه موردنظر به صورت کامل به هر طرف که بخواهید میچسبد.

      • آریا میگوید:

        واقعا از راهنماییتون ممنونم من مدت ها به دنبال پاسخ این مشکل بودن اما هیچ یک از سایت های آموزشی و اساتید مربوط پاسخی براش نداشتند که شما مشکل من رو حل کردین البته این که سایت ها و اساتید مربوطه پاسخ سوال من رو نمی دانستند توفیق اجباری بود تا برای یافتنش با سایت خوب شما آشنا بشم آموزش های روولوشن اسلایدر شما به ریزه کاری هایی اشاره می کند که دیگر آموزش های مشابه که دنبال کردم اشاره ای به اونها نداره و تنها به آموزش تنظیمات کلی اکتفا می کنند و اشاره به همین ریزه کاری هاست که آموزش های شما رو متمایز کرده باز هم ممنون بابت کیفیت خیلی خوب آموزش هاتون

      • پشتیبانی میگوید:

        خواهش می‌کنیم آقا آریای عزیز، ممنون از همراهی شما.

آموزش‌های ویدیویی جدید فقط در یوتیوب منتشر می‌شود!

بزن بریــم!