اسلایدر رسپانسیو در وردپرس با افزونه Ultimate Responsive Image Slider

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

زمان تقریبی خواندن نوشته: 10 دقیقه
حالت تمام صفحه:

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

امروز افزونه‌های اسلایدر زیادی را در مخزن وردپرس مورد بررسی قرار دادیم و خیلی از آن‌ها را تست کردیم، که افزونه Ultimate Responsive Image Slider با وجود اینکه محبوبیت کمتری را در مخزن وردپرس داشت، به عنوان یکی از برترین افزونه‌های اسلایدر وردپرس بود.

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

از ویژگی‌های این افزونه اسلایدر رسپانسیو می‌توان به موارد زیر اشاره کرد:

  1. کارکرد ساده و آسان
  2. رابط کاربری زیبا
  3. امکاناتی که می‌توان به اسلایدرها افزود
  4. رسپانسیو بودن

اسلایدر رسپانسیو در وردپرس - بنر افزونه

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

نصب و راه‌اندازی افزونه Ultimate Responsive Image Slider

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

بعد از آپلود شدن افزونه آن را فعال کنید.
گزینه‌ی جدیدی به نام UR Image Slider به پیشخوان وردپرس شما اضافه شده است.

اسلایدر رسپانسیو در وردپرس - تنظیمات افزونه 1

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

ساخت اولین اسلایدر

اسلایدر رسپانسیو در وردپرس - تنظیمات افزونه 2

خب در اینجا هنوز اسلایدری ایجاد نشده است. پس باهم یک اسلایدر جدید را ایجاد می‌کنیم.
روی گزینه‌ی Add New Slider کلیک کنید تا اسلایدر خودتان را بسازید.

اسلایدر رسپانسیو در وردپرس - تنظیمات افزونه 3

در این برگه تنظیمات این افزونه را برای ساخت اسلایدر مشاهده می‌کنید (در تصویر بالا ما تعدادی تصویر را به اسلایدر اضافه کردیم).

ابتدا عنوان اسلایدر را برای خود وارد کنید.
پس از آن از بخش Add Images تعدادی تصویر را به اسلایدر خود اضافه کنید.

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

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

اسلایدر رسپانسیو در وردپرس - تنظیمات افزونه 4

حال یک برگه‌ی جدید در سایت خود ایجاد کنید و نام آن را مثلا “اسلایدر” بگذارید و شورت‌کد افزونه را در آن برگه قرار دهید.

مشاهده خروجی

برگه را ذخیره کنید و به مشاهده آن برگه در خروجی بروید.

اسلایدر رسپانسیو در وردپرس - خروجی افزونه

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

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

ادامه تنظیمات افزونه

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

اسلایدر رسپانسیو در وردپرس - تنظیمات افزونه 5

در تصویر بالا تمامی آپشن‌ها را شماره‌گذاری کردیم و در ادامه به توضیح هر کدام می‌پردازیم:

  1. می‌خواهید عنوان اسلایدر نمایش داده شود
  2. پیمایش خودکار بین اسلاید‌ها
  3. نوع انیمیشن جابجایی اسلایدها
  4. میزان ماندگاری بر روی هر اسلاید چقدر باشد
  5. جابجایی اسلایدها بر چه اساس باشد (تصادفی / آخرین به اولین / اولین به آخرین)
  6. فاصله‌ی بین هر اسلاید چقدر باشید
  7. نمایش و عدم نمایش فلش‌های جابجایی اسلایدها
  8. نمایش و عدم نمایش تصاویر بندانگشتی تمامی اسلایدها
  9. می‌خواهید موقعیت تصاویر بندانگشتی اسلایدها در زیر اسلایدر باشد یا بالای اسلایدر
  10. استایل تصاویر بندانگشتی به چه صورت باشد
  11. عرض و ارتفاع تصاویر بندانگشتی چقدر باشد (ما بر روی ۹۰*۹۰ قرار دادیم که سایز مناسبی است)
  12. نمایش و عدم نمایش منو پیمایش بین اسلایدها (زیر اسلایدر قرار دارد)
  13. عرض اسلایدر (بهتر است بر روی ۱۰۰٪ پیش‌فرض باشد تا بصورت رسپانسیو بماند)
  14. ارتفاع اسلایدر (می‌تواند هر چقدر که دلخواه شماست باشد)
  15. حالت مقیاس اسلاید (بهتر است بر روی Cover بماند)
  16. فعال یا غیرفعال‌سازی حالت مقیاس خودکار
  17. فونت (اصلا دست نزنید – ما فونت را به یکان تغییر دادیم تا متن‌های اسلایدر فارسی و با ظاهری زیبا باشند)
  18. رنگ عنوان اسلاید
  19. رنگ بگراند عنوان اسلاید
  20. رنگ توضیحات اسلاید
  21. رنگ بگراند توضیحات اسلاید
  22. رنگ فلش زیر هر اسلاید
  23. رنگ دکمه‌های پیمایش اسلایدها
  24. رنگ دکمه فعال پیمایش اسلادها
  25. حالت تمام صفحه برای اسلایدها فعال باشد
  26. استایل‌های سی اس اس شما برای شخصی سازی اسلایدر

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

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

✍🏽بیشتر بدانید:

موفق باشید…

این آموزش مطابق با نسخه‌ی ۳٫۱٫۴ این افزونه است.

دانلود نسخه فارسی افزونه Ultimate Responsive Image Slider

دانلود صفحه‌ی افزونه

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

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

پاسخ دهید

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

دیدگاه های این نوشته

دیدگاهی برای این نوشته وجود ندارد.