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

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

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

اسلایدر رولوشن چیست؟

اسلایدر رولوشن (Slider Revolution) یک افزونه وردپرسی است که به کمک آن می‌توانید اسلایدرهای واکنش‌گرا (ریسپانسیو) با افکت‌های انیمیشنی مختلف برای متن، عکس و ویدئو در لایه‌های مختلف بسازید.

آن طور که در سایت اصلی افزونه اسلایدر رولوشن توضیح داده شده، این افزونه به گونه‌ای طراحی شده که کاربران تازه‌کار، کاربران با تجربه متوسط و همچنین طراحان حرفه‌ای بتوانند از آن بهره ببرند.

قیمت اسلایدر رولوشن

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

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

خبر خوب این است که شما برای تهیه نسخه اصلی و کامل اسلایدر روولوشن، مجبور نیستید تا ۸۵ دلار پرداخت کنید. شما می‌توانید این افزونه را از وبسایت‌های ایرانی با قیمت بسیار معقول‌تری تهیه کنید.

(قیمت‌ها در مرداد ۱۴۰۰ به‌روزرسانی شده‌اند و در آینده ممکن است تغییر کنند)

• وبسایت اسلایدر رولوشن فارسی – هزینه اشتراک: ۱۸۸ هزار تومان
• وبسایت rtl theme – قیمت خرید افزونه: ۹۸ هزار تومان
• وبسایت ابزار وردپرس – قیمت خرید افزونه: ۱۵۹ هزار تومان
• وبسایت ژاکت – قیمت خرید افزونه: ۷۹ هزار تومان

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

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

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

نصب اسلایدر رولوشن

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

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

در اینجا باید گزینه بارگذاری افزونه را انتخاب کنید و سپس فایل زیپ دانلود شده را بارگذاری نمایید.

بعد از بارگذاری نیز گزینه فعال‌سازی افزونه را انتخاب کنید. به این ترتیب افزونه برای شما فعال می‌شود و می‌توانید از آن استفاده کنید.

شروع کار با افزونه

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

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

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

بعد از این مرحله، کافی است تا گزینه ساخت اسلایدر جدید را انتخاب کنید تا به سراغ امکانات این افزونه برای ساخت اسلایدر برویم. از اسلایدر با نام ماژول (Module) نیز در این افزونه یاد می‌شود.

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

در بخش اول ساخت اسلایدر، می‌توانید عنوان یا نامی برای اسلایدر خود انتخاب کنید. شما ممکن است برای خود چند اسلایدر بسازید و در زمان‌های مختلف از هر یک استفاده کنید. بنابراین داشتن یک قواعد خاص برای نامگذاری اسلایدرها می‌تواند کارهایتان را بسیار راحت کند.

همچنین در این بخش، کد کوتاه اسلایدر خود را می‌بینید. شما با قرار دادن این کد در هر قسمتی از سایت خود، می‌توانید این اسلایدر را به نمایش درآورید.

بخش بعدی قسمت طرح‌بندی یا همان Layout اسلایدر است. در اینجا برای انتخاب نوع اسلایدر خود سه انتخاب دارید:

• اسلایدر: اگر می‌خواهید با اسلایدر رولوشن یک اسلایدر چند لایه‌ای یا چند صفحه‌ای بسازید، این گزینه را انتخاب کنید.
• صحنه: اگر اسلایدرتان تک صفحه است، این گزینه را انتخاب کنید.
• کروسل: گزینه کروسل یا چرخ و فلکی، اسلایدها را به صورت چرخشی و در یک فضای سه بعدی نمایش می‌دهد

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

در قسمت پیش‌فرض‌ها می‌توانید پیش‌فرض‌های مربوط به اسلایدها را مشخص نمایید. مثلاً مدت زمان پیش‌فرض هر اسلاید تا عوض شدنش را می‌توانید مشخص کنید. دقت کنید که واحد زمان در این افزونه میلی ثانیه یا ms است. به این معنا که عدد ۹۰۰۰ در باکس می‌شود ۹ ثانیه.

در بخش عمومی می‌توانید یک سری تنظیمات عمومی مربوط به اسلایدر را تغییر دهید. مثلاً می‌توانید نمایش اسلایدر در موبایل را متوقف کنید.

افزودن اسلاید و لایه

از قسمت بالای صفحه می‌توانید به تعداد دلخواه اسلاید به اسلایدر (ماژول) خود اضافه کنید.

همچنین از قسمت افزودن لایه، می‌توانید لایه‌های مختلفی به هر اسلاید اضافه نمایید و اسلاید خود را بسازید.

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

در بخش انیمیشن می‌توانید حرکت‌دهی خاصی برای این لایه در نظر بگیرید.

تنظیمات مربوط به بخش ناوبری

در بخش ناوبری، شما می‌توانید تنظیمات مربوط به ناوبری اسلایدر خود را تغییر دهید. به این معنا که مشخص می‌کنید هر کدام از اسلاید با چه ساز و کاری تعویض بشود. مثلاً می‌توانید از پیکان‌ها استفاده کنید. با استفاده از پیکان، کاربر با کلیک بر روی آن‌ها می‌تواند به اسلاید بعدی برود.

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

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

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

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

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

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

زمانی که شما افزونه اسلایدر رولوشن را خریداری و دانلود می‌کنید، تعدادی افزونه‌های جانبی یا افزودنی (add-ons) نیز همراه آن وجود دارد. این افزونه‌ها هر کدام یک ویژگی خاص را می‌توانند به افزونه شما اضافه کنند. در این جا باید تأکید کنیم که حتماً دقت کنید که افزونه خریداری شده، دارای این افزودنی‌ها نیز باشد. چرا که همراهی این افزونه‌های جانبی یکی از ویژگی‌های است که باید در نسخه خریداری شده وجود داشته باشد.

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

در اینجا تعدادی از افزونه‌های جانبی مفید برای اسلایدر رولوشن و کار آن‌ها را توضیح می‌دهیم.

• ۴۰۴ Not Found Add-On: این افزونه جانبی حالتی را برای اسلایدر شما به وجود می‌آورد که می‌توانید برای صفحات با ارور ۴۰۴، یک اسلایدر بسازید و نمایش دهید.
• BubbleMorph Add-On: با استفاده از این افزونه جانبی می‌توانید شکل‌های انیمیشنی (متحرک) به اسلایدهای خود اضافه کنید.
• Before After Add-On: با استفاده از این افزونه جانبی می‌توانید یک حالت قبل‌وبعد برای اسلایدهای خود به وجود بیاورید. مثلاً اگر بخواهید یک حالت مقایسه‌ای بین دو تصویر اسلاید به وجود بیاید، می‌توانید از این افزونه استفاده کنید.
• Distortion Add-On: با استفاده از این افزونه جانبی می‌توانید افکت‌های اعوجاج گونه (مایعی) به عکس‌های خود در اسلایدها اضافه کنید.
• Duotone Filters Add-On: این افزونه جانبی دارای افکت‌های پیشرفته‌ی متعددی است که می‌توانید برای عکس‌های اسلایدها از این افکت‌ها استفاده کنید.
• Exploding Layers Add-On: این افزونه جانبی افکت‌های انفجاری را به لایه‌ی عکس شما در اسلایدها اضافه می‌کند. با اضافه کردن این افزودنی به اسلایدر رولوشن، در قسمت انیمیشن‌ها یک افکت جدیدی برای حالت انفجاری ایجاد می‌شود.
• Filmstrip Add-On: با استفاده از این افزونه جانبی می‌توانید تعدادی عکس را به صورت یک نوار فیلم بر روی اسلایدر خود نمایش دهید.
• Login Page Add-On: با استفاده از این افزونه جانبی می‌توانید صفحه لاگین (ورود) به سایت خود را بر روی یک اسلایدر بسازید.
• Paint Brush Add-On: با استفاده از این افزونه جانبی، می‌توانید افکت‌هایی با طرح براش نقاشی به پس‌زمینه اسلایدهای خود اضافه نمایید.
• Panorama Add-On: با استفاده از این افزونه می‌توانید عکس‌های پانورامای خود را در قالب چند اسلاید نمایش دهید. به این صورت که با رفتن به بخش جدید با استفاده از درگ کردن، قسمت جدیدی از عکس نمایش داده می‌شود.
• Reveal Add-On: این افزونه جانبی برای بارگذاری اسلایدرهای سنگین می‌تواند بسیار مناسب باشد. عملکردش به این گونه است که یک افکت پیش از بارگذاری کامل اسلایدر به نمایش درمی‌آید و بعد از این که اسلایدر به صورت کامل بارگذاری شد، آن افکت از اسلایدر شما رونمایی می‌کند.
• Holiday Snow Add-On: این افزونه جانبی می‌تواند افکت بارش برف را به تصاویر اسلایدهای شما اضافه کند. می‌توانید از این افزونه جانبی در فصل زمستان در سایت خود استفاده کنید.
• Social Sharing Add-On: همان طور که از نام افزونه جانبی نیز می‌تواند مشخص باشد، این افزونه گزینه‌های به اشتراک گذاری در شبکه‌های اجتماعی را به اسلایدر اضافه می‌نماید.
• Typewriter Add-On: این افزونه جانبی افکت تایپ شدن کلمات به صورت مرحله‌ای را به اسلایدر شما اضافه می‌کند. در واقع حالتی را به وجود می‌آورد که گویی کلمات در همان لحظه در حال تایپ شدن هستند.
• Coming Soon / Maintenance Add-On: زمانی که سایت شما در حال راه‌اندازی است یا این که در حال ترمیم است، با استفاده از این افزونه جانبی می‌توانید پیام‌هایی مانند «به زودی می‌آییم» و «در دست تعمیر» را در اسلایدرهای خود نمایش دهید.
• Whiteboard Add-On: این افزونه جانبی می‌تواند افکتی را در اسلایدر به وجود آورد که تصاویری که با دست کشیده شده‌اند، بر روی یک تخته سفید کشیده و نمایش داده شوند.

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

در این بخش تعدادی از نمونه سایت‌هایی که با استفاده از اسلایدر رولوشن در صفحه‌ی اول آن‌ها، یک اسلایدر قرار داده شده را خدمت شما معرفی می‌کنیم:

• خانه فناوری
• اسلایدر رولوشن فارسی
• Animal Logic (وبسایت مربوط به دیزاین و طراحی)