آموزش کار با افزونه (پلاگین) اسلایدر رولوشن Slider Revolution

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

بیشتر بخوانید: افزونه وردپرس | خرید و دانلود پلاگین های وردپرسی اورجینال با پشتیبانی قوی

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

قبل از اینکه به سراغ آموزش افزونه slider revolution برویم بیایید با این افزونه آشنا شویم. افزونه اسلایدر رولوشن یک افزونه آسان و سریع است که به شما کمک می کند تا محتوا را به روشی بسیار سازمان یافته و خلاق نمایش دهید. برای ساخت و نمایش اسلایدرها نیازی به هیچ گونه دانش برنامه نویسی ندارید و به سادگی می توانید انواع اسلایدرهای شگفت انگیز را طراحی کنید. این افزونه همراه با یک رابط کاربری کشیدن و رها کردن ارائه می شود که می توانید محتویات اسلایدر خود را مانند فونت، آیکون، تصویر و … را تنها با کشیدن و رها کردن آنها ایجاد کنید.

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

پیشنهاد خرید: افزونه Revolution slider | اسلایدر روولیشن، پلاگین اسلایدر ساز شماره یک وردپرس

برخی از امکانات و ویژگی های افزونه Slider Revolution

– بدون کدنویسی: برای طراحی اسلایدر نیازی نیست برنامه نویس باشید، بلکه هر کسی با هر میزان توانایی که دارد می تواند به سادگی انواع اسلایدرهای حرفه ای را برای سایت خود طراحی کند.

– طراحی ریسپانسیو: بعد از ساخت اسلایدر، اسلایدرهای شما به صورت کاملاً ریسپانسیو به کاربران نمایش داده می شود و بازدیدکنندگان می توانند اسلایدرهای شما را در دسکتاپ، تبلت و موبایل به بهترین شکل ممکن مشاهده کنند.

– همراه با دمو و قالب های از پیش طراحی شده: اسلایدر رولوشن صدها قالب و دموی از پیش طراحی شده را در اختیار شما قرار می دهد که می توانید تنها با چند کلیک از آنها استفاده کنید. پس از انتخاب الگوی دلخواه، به سادگی می توانید از متن، تصویر، ویدیو، آیکن و… در طرح های از پیش تهیه شده استفاده و یک اسلایدر جذاب و شگفت انگیز برای وب سایت خود بسازید.

– رابط کاربری کشیدن و رها کردن: یکی از ویژگی های عالی این افزونه، پشتیبانی از رابط کاربری کشیدن و رها کردن می باشد. تنها کافیست عنصر مورد نظر خود را مانند تصویر، آیکون و… را بکشید و در اسلایدر قرار دهید.

– سرعت بالا: برخلاف بسیاری از افزونه های ساخت اسلایدر، این افزونه هیچ گونه خللی روی سرعت عملکرد سایت شما وارد نمی کند.

– پشتیبانی از صفحه سازها: افزونه روولوشن اسلایدر از محبوب ترین پلاگین های صفحجه ساز وردپرس همچون: المنتور، ویژوال کامپوزر، گوتنبرگ و… پشتیبانی کامل میکند.

– پنل تنظیمات ساده و روان: این افزونه دارای پنل تنظیمات بسیار ساده ای می باشد که کارکردن با آن برای تمامی کاربران را لذت بخش می کند.

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

بیشتر بخوانید: آموزش گرفتن بکاپ از وردپرس با افزونه BackUpWordPress

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

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

1. نصب افزونه اسلایدر رولوشن
2. تنظیمات اسلایدر رولوشن
3. ایجاد و سفارشی کردن اولین اسلایدر
4. درج اسلایدر در یک صفحه
5. اضافه کردن اسلایدها و کار با لایه ها
6. افزودن تصویر پس زمینه در رولوشن اسلایدر

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

1- آموزش نصب افزونه اسلایدر رولوشن

در اولین قدم از آموزش اسلایدر روولوشن شما باید این افزونه را خریداری و در سایت خود نصب و فعال نمائید (برای خرید افزونه کلیک کنید). پس از آن یک فایل فشرده شده در اختیار شما قرار داده می شود که باید در سایت خود بارگذاری نمائید. برای انجام اینکار، در ابتدا وارد پیشخوان وردپرس خود شده و سپس از بخش “افزونه ها” روی گزینه “افزودن” کلیک نمائید. سپس از بالای صفحه روی دکمه “بارگذاری افزونه” کلیک کنید و سپس فایل افزونه را آپلود نمائید. در نهایت افزونه را نصب و فعال کنید.

همچنین اگر با طریقه نصب افزونه آشنایی ندارید می توانید مطلب “چگونه در وردپرس افزونه اضافه کنیم؟ راه های نصب پلاگین در وردپرس” را مشاهده کنید. پس از فعال شدن افزونه؛ گزینه ای به نام “Slider Revolution” در نوار کناری پنل مدیریت شما ظاهر می شود که با کلیک روی آن می توانید وارد بخش پیکربندی افزونه شوید.

بیشتر بخوانید: آموزش ارزیابی و بررسی تعامل کاربران در وردپرس با Google Analytics

2- آموزش تنظیمات اسلایدر رولوشن

در این مرحله از آموزش کار با slider revolution بعد از فعال سازی افزونه، قبل از اینکه اسلایدر جدید ایجاد کنید باید یکسری تنظیمات اولیه را روی افزونه پیاده کنید. در ابتدا بهتر است تنظیمات مربوط به ریسپانسیو بودن افزونه را انجام دهید. برای تنظیم کردن ریسپانسیو بودن اسلایدرها، از پیشخوان وردپرس خود از بخش “Slider Revolution” روی گزینه “Globals” کلیک کنید.

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

حال شما کافیست اعدادی که در فیلدهای بالا مشاهده می کنید را در تنظیمات خود اعمال کنید تا طراحی شما به صورت ریسپانسیو شود. در نهایت بعد از اعمال تغییرات روی دکمه “ذخیره” کلیک نمائید.

 بیشتر بخوانید: افزونه HT Slider Pro For Elementor | طراحی اسلایدر با صفحه ساز المنتور

3- ایجاد و سفارشی کردن اولین اسلایدر

در مرحله بعدی آموزش افزونه روولوشن اسلایدر، شما باید اولین اسلایدر خود را ایجاد کنید. برای ایجاد اولین اسلایدر، از تب “Slider Revolution” روی گزینه “New Blank Module” کلیک نمائید.

• نامگذاری اسلایدر

در این گام از آموزش کار با slider revolution بعد از آن شما باید برای اولین اسلایدر خود یک نام در نظر بگیرید. برای اینکار کافیست روی گزینه “Title” کلیک کنید و سپس نام اسلایدر خود را در بخش “Slider Alias” وارد کنید. برای درج نام می توانید فقط با حروف کوچک و با خط تیره بین کلمات استفاده کنید. بعداً از این نام مستعار اسلایدر برای افزودن اسلایدر خود به صفحه ای در وب سایت خود استفاده خواهید کرد.

• انتخاب نوع مناسب اسلایدر

در ادامه آموزش روولوشن اسلایدر، شما باید نوع اسلایدری را که می خواهید ایجاد کنید را انتخاب نمائید. به تصویر زیر نگاه کنید:

در تب “Layout” سه گزینه وجود دارد: Slider، Scene  و  Carousel

Slider: اگر بیش از یک اسلاید دارید باید این نوع را انتخاب کنید.

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

Carousel: اگر می خواهید چندین اسلاید را به صورت همزمان نمایش دهید، این گزینه را انتخاب کنید. در این گزینه اسلایدها به صورت چرخ و فلک نمایش داده خواهند شد.

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

بیشتر بخوانید: آموزش نصب و کار با قالب زفایر (Zephyr) وردپرس

4- درج اسلایدر در یک صفحه در رولوشن اسلایدر

در ادامه نحوه استفاده از افزونه اسلایدر رولوشن ، شما باید اسلایدر خود را به کاربران نمایش دهید. بعد از آنکه اسلایدر خود را ایجاد کردید، می توانید با استفاده از شورتکد آن را در هرصفحه ای که می خواهید قرار دهید. حال، برای افزودن یک اسلایدر به یک صفحه، ابتدا باید کد کوتاه اسلایدر را از Module General Options > Title کپی کنید.

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

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

5- اضافه کردن اسلایدها و کار با لایه ها در رولوشن اسلایدر

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

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

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

بیشتر بخوانید: افزونه E.Slider | افزودنی قدرتمند برای المنتور در ایجاد و طراحی اسلایدرها

6- افزودن تصویر پس زمینه در رولوشن اسلایدر

در این مرجله از آموزش اسلایدر روولوشن شما می توانید به سادگی یک تصویر پس زمینه برای اسلایدر های خود در نظر بگیرید. برای انجام اینکار، از پنل تنظیمات گزینه ای به نام “Background” وجود دارد که کافیست روی آن کلیک کنید. همچنین در این بخش گزینه Transparent نیز به صورت پیش فرض انتخاب شده است.

سپس برای افزودن یک تصویر پس زمینه، تنها کاری که باید انجام دهید این است که Image را از منوی کشویی انتخاب و سپس روی دکمه Media Library کلیک نمائید. بعد از آن می توانید تصویر مورد علاقه خود را آپلود نمائید. فقط فراموش نکنید اندازه تصویر را مطابق با اندازه اسلایدر قرار دهید. به عنوان مثال اگر می خواهید یک اسلایدر تمام عرض داشته باشید، اندازه تصویر شما باید تقریباً 1920×1100 پیکسل باشد تا کل فضای صفحه دسکتاپ شما را پر کند.

علاوه بر آن شما می توانید با انتخاب گزینه “External Image” از منوی کشویی، یک تصویر را از منبع خارجی به اسلایدر خود اضافه کنید. بعد از آن کافیست یک URL برای تصویر خود در نظر بگیرید و در نهایت روی گزینه “Refresh Source” کلیک نمائید.

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

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

بیشتر بخوانید: قالب وردپرس | خرید و دانلود انواع پوسته آماده سایت وردپرس اورجینال

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

در نهایت تغییرات خود را ذخیره کنید. آموزش اسلایدر رولوشن تکمیل شد. 

 بیشتر بخوانید: بهترین افزونه های اسلایدر وردپرس | 9 پلاگین اسلایدر مطالب و عکس

سوالات متداول

جمع بندی: چگونگی استفاده از افزونه Slider Revolution

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

منبع: qodeinteractive