تهران، میدان ونک ملاصدرا

بعد از کوچه گلدشت، پلاک 207

88047292 021

پاسخ‌گویی مشتریان در 7 روز هفته

ساعت 8 الی17

شنبه تا پنج‌شنبه

Slider Revolution: افزودن اسلایدر های حرفه ای به سایت وردپرسی

Slider Revolution

Slider Revolution یک افزونه اسلایدرساز برای وردپرس است و یادگیری آن برای هر طراح سایتی مفید خواهد بود تا با استفاده از افزونه روولوشن اسلایدر سایت هایی حرفه ای تر و زیباتر طراحی کند.

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

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

نصب افزونه:

به دلیل حجم بالایی که دارد از طریق پیشخوان وردپرس قابل نصب نیست و برای نصب آن باید از طریق هاست اقدام کنید. در هاستی که سایت در آن پیاده سازی شده است وارد شده و گزینه File Manager را کلیک کنید.

سپس مسیر  “wp-content Public_html plugins” را طی کنید. برای آپلود فایل دکمه Upload   files to current directory  که در انتهای صفحه قرار دارد را انتخاب کنید. فایل افزونه روولوشن اسلایدر که قبلاً  از دانلود کرده‌اید را در دکمه Choose File تعیین و فایل را آپلود کنید. پس از آپلود فایل افزونه روولوشن اسلایدر، به پوشه plugins برگشته و با استفاده از گزینه Extract روبروی فایل، آن را از حالت فشرده خارج کنید. برای فعال سازی افزونه، در پیشخوان وردپرس،زیرگروه “افزونه ­ها/افزونه­ های نصب شده” را انتخاب و افزونه اسلایدر روولوشن که نصب شده است را فعال کنید. پس از فعال سازی افزونه، منوی جدید Slider Revolution به پیشخوان وردپرس اضافه میشود. با کلیک روی آن، وارد محیط افزونه روولوشن اسلایدر می‌شوید.

آموزش تصویری نصب افزونه:

1.

آموزش تصویری نصب افزونه

2.

آموزش تصویری نصب افزونه

3.

آموزش تصویری نصب افزونه

4.

آموزش تصویری نصب افزونه

5.

آموزش تصویری نصب افزونه

6.

آموزش تصویری نصب افزونه

7.

آموزش تصویری نصب افزونه

8.

آموزش تصویری نصب افزونه

9.

آموزش تصویری نصب افزونه

10.

آموزش تصویری نصب افزونه

11.

آموزش تصویری نصب افزونه

12.

آموزش تصویری نصب افزونه

13.

14.

آموزش تصویری نصب افزونه

راه اندازی افزونه:

وقتی وارد محیط افزونه شدید، در صفحه اصلی افزونه Slider Revolution برای ایجاد و طراحی اسلایدر جدید، گزینه “ساخت اسلایدر جدید” و برای درون ریزی دموها گزینه “درون ریزی اسلاید جدید” را انتخاب کنید.

با کلیک روی گزینه “درونریزی اسلایدر جدید”، لیستی از دموها را مشاهده میکنید. با کلیک علامت چشم( ) که روی هر کدام از دموها وجود دارد میتوانید پیش نمایشی از دمو را مشاهده کنید.  برای درون­ریزی دمو، علامت بعلاوه( + ) روی دمو را انتخاب کنید.

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

برای نصب AddOn های موردنیاز دمو، در صفحه اصلی افزونه روولوشن اسلایدر، گزینه “افزودنی ها(AddOns) ” را انتخاب کنید.

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

در صورتی­که AddOn مورد نیاز در لیست افزودنی ­ها نبود با استفاده از دکمه “آپدیت­ ها را چک کنید” که در بالای همین صفحه وجود دارد لیست AddOns را به­ روز­رسانی کنید. پس از به ­روزرسانی افزودنی­ ها، AddOn مورد نیاز را انتخاب کنید. دکمه “نصب افزودنی” را کلیک کنید و پس از نصب، آن را فعال کنید.

حال مجدد گزینه درون­ریزی اسلایدر جدید در صفحه اصلی افزونه روولوشن اسلایدر کلیک و دمو را انتخاب و دکمه نصب قالب را کلیک کنید

در نسخه های جدید افزونه Slider Revolution برای نصب افزودنی­ های مورد نیاز دمو، از گزینه Install Template & AddOn(s)  که در همان صفحه نکات ضروری درون ریزی دمو اضافه شده است نیز می­توانید استفاده کنید

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

آموزش تصویری راه اندازی افزونه:

1.

آموزش تصویری راه اندازی افزونه

2.فقط یکی از گزینه ها تیک خورده است

آموزش تصویری راه اندازی افزونه

3.

آموزش تصویری راه اندازی افزونه

4.

آموزش تصویری راه اندازی افزونه

5. هر دو گزینه تیک خورد

آموزش تصویری راه اندازی افزونه

6. دموی انتخابی به بخش اسلایدر ها افزوده شد.

آموزش تصویری راه اندازی افزونه

شروع کار:

برای شروع ساخت اسلایدر، از پیشخوان وردپرس منو Slider Revolution را انتخاب کنید. در محیط افزونه روولوشن اسلایدر گزینه “ساخت اسلایدر جدید” را کلیک کنید تا به محیط ساخت اسلایدر وارد شوید. در این صفحه چند بخش وجود دارد. قسمت اصلی که در وسط صفحه قرار دارد همان اسلایدی است که طراحی می­کنید. منو سمت راست تنظیمات عمومی ماژول، تنظیمات ناوبری، تنظیمات اسلایدر و تنظیمات لایه را شامل می­شود که هر کدام از این منوها، دارای زیرمنوها و ویژگی­ های دیگری برای تنظیمات جزئی هستند.

در نوار بالای صفحه (Toolbar)، گزینه ­هایی برای ساخت اسلاید، افزودن لایه، تنظیمات ریسپانسیو و… قرار داردند.

رنگ

در پایین صفحه، لیستی از لایه ­ها را مشاهده می­کنید و یک نوار زمانی که برای مدیریت زمان ورود، خروج، نمایش و…لایه­ ها مورد استفاده قرار می­گیرد.

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

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

برای نمایش اسلایدر در سایت، با اضافه کردن  المان Slider Revolution در ویژوال کامپوزر به برگه یا با استفاده از کد کوتاه (Short Code)، اسلایدر را در سایت نمایش دهید.

تصویر

 برای قرار دادن تصویر در بک­ گراند اسلایدر از نوع تصویر استفاده کنید و از “کتابخانه رسانه” تصویر مورد نظرتان را انتخاب کنید.

  • تصویر خارجی

در صورتی­که بخواهید برای اسلایدر از تصویری استفاده کنید که در هاستی غیر از هاست اصلی سایت قرار دارد(مثلا هاست دانلود)، از تصویر خارجی استفاده کنید. آدرس تصویر را در جعبه منبع وارد کنید. در این روش تصویر اسلایدر از آدرسی که مشخص کرده ­اید لود و نمایش داده می­شود.

  • شفاف

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

  • رنگی

 برای اضافه کردن پس ­زمینه رنگی ساده اسلایدر، از جعبه رنگ­ ها، رنگ دلخواهتان را انتخاب و به­ عنوان بک ­گراند اسلایدر اضافه کنید.

  • ویدئوی یوتیوب

برای نمایش ویدئوهایی که در یوتیوب قرار دارد، شناسه ویدئو را در جعبه شناسه یوتیوب قرار دهید. توجه داشته باشید به دلیل محدودیت ­ها، استفاده از پس زمینه با نوع ویدئوی یوتیوب در ایران کاربرد ندارد.

  • ویدئوی HTML5

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

آموزش تصویری:

1.

آموزش تصویری

2.

انتخاب پس زمینه رنگی

آموزش تصویری

3.

آموزش تصویری

4.

آموزش تصویری

5.

از این قسمت هر یک مدل های پس زمینه که در متن توضیح داده شد را میتوانید انتخاب کنید مانند عکس زیر که ویدئوی HTML5 است.

آموزش تصویری

6.

نمایش اسلاید در برگه

نمایش اسلاید در برگه

7.

نمایش اسلاید در برگه

8.

نمایش اسلاید در برگه

9

نمایش اسلاید در برگه

کار با اسلایدها در روولوشن اسلایدر:

به­ طور معمول برای اضافه کردن اسلاید در Slider Revolution از گزینه “اسلاید خالی” استفاده می­شود تا با سلیقه و موضوع سایت کار طراحی اسلاید شروع شود. پس از اضافه کردن اسلاید جدید به اسلایدر، پس­ زمینه و لایه ­های تصویر، متن، دکمه و… را به اسلاید اضافه کنید. و تنظیماتی مانند رنگ، اندازه، فونت و… متناسب با طراحی سایت و اسلایدر برای لایه ­ها اعمال نمایید.

لایه­ های استاتیک:

لایه­ های ثابت یا استاتیک  (Static)لایه­ هایی هستند که در همه اسلایدهای یک اسلایدر به طور ثابت تکرار می­شوند. استفاده از لایه­  های ثابت از طراحی چند باره لایه در اسلایدها جلوگیری می­کند.این مورد باعث صرفه ­جویی در زمان و سهولت انجام کار می­شود.

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

لایه­ های استاتیک

در آخر به یاد داشته باشید که ساخت اسلایدرهای حرفه ای با Slider Revolution نیازمند تمرین و تلاش زیادی است . البته شما میبایست صبور باشید و با حوصله و پشتکار به تمرین و آزمون و خطای ویژگی های  افزونه قدرتمند روولوشن اسلایدر پرداخته و آنها را بیاموزید.

نتیجه‌گیری: چرا Slider Revolution بهترین انتخاب است؟

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

مزایای کلیدی:

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

با Slider Revolution، شما می‌توانید اسلایدرهایی خلق کنید که نه‌تنها ظاهری زیبا دارند، بلکه به افزایش نرخ تعامل و تبدیل وبسایت شما کمک می‌کنند. اگر به دنبال ارتقای طراحی سایت خود هستید، این افزونه قطعاً ارزش امتحان کردن را دارد!

  • جهت اطلاعات بیشتر به بخش خدمات طراحی سایت مراجعه کنید >>>> طراحی سایت

چرا ما را انتخاب کنید؟

  • تیم متخصص در طراحی، سئو و پشتیبانی
  • پروژههای موفق با رضایت مشتریان
  • پشتیبانی تماموقت حتی پس از تحویل پروژه
  • قیمت رقابتی با کیفیت تضمینی

شرکت توسعه و فناوری امین پردازش با داشتن 7 سال سابقه فعالیت در حوزه وب و تکنولوژی میتواند با ارائه بهترین خدمات در طراحی و توسعه وبسایت به کسب و کار شما کمک کند تا بتوانید بهترین خود را به نمایش بزارید .

دانیال قنبری

دانیال قنبری

دیدگاهتان را بنویسید

فهرست مطالب

Seo GPT

با ربات هوش مصنوعی به جنگ رقبا بروید

اخبار هوش مصنوعی

آخرین مطالب

آموزش

آکادمی امین پردازش

خبرنامه امین پردازش