اسلایدر لمسی در وردپرس با Master Slider

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

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

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

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

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

اسلایدر تصاویر در وردپرس

این افزونه اسلایدر وردپرس تاکنون توانسته بیش از ۱۰۰٫۰۰۰ نصب فعال را در مخزن وردپرس داشته باشد و یکی از برترین‌ها شناخته شود.

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

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

ویژگی‌های افزونه وردپرس Master Slider

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

  • اسلایدر تصاویر در وردپرس - ویژگی‌های افزونهسئو دوست
  • رابط کاربری فوق‌العاده آسان جهت ساخت اسلایدر در وردپرس
  • دارای ۸ اسلایدر نمونه آماده
  • قابلیت جابجایی اسلایدها بصورت لمسی (گوشی و تبلت)
  • سازگاری با انواع مرورگرهای حرفه‌ای
  • و …

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

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

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

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

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

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

در برگه باز شده روی گزینه Create New Slider کلیک کنید تا اولین اسلایدر تصاویر در وردپرس را ایجاد کنید.

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

در این قسمت می‌توانید قالب کلی اسلایدر خودتان را انتخاب کنید.

اگر می‌خواهید شخصی‌سازی کنید، گزینه‌ی اول یعنی Custom Slider را انتخاب کنید و در غیر این صورت یکی از ۸ اسلایدر آماده زیر را انتخاب کنید و روی گزینه‌ی CREATE کلیک کنید.

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

مشاهده می‌کنید که در قسمت درون‌ریز وردپرس تصاویر اسلایدر درحال درون‌ریزی هستند.

نکته: این تصاویر فقط نمونه هستند تا سریعا اسلایدر شما ایجاد شود. بعدا می‌توانید به راحتی آن‌ها را حذف کنید و تصاویر دلخواه خودتان را وارد کنید.

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

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

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

خب در تب SLIDERS تنظیمات خاصی وجود ندارد و به سراغ تب‌های بعدی می‌رویم.

تب SLIDER CONTROLS

موارد کنترلی یک اسلایدر شامل چه چیز‌هایی هست؟
مثلا کاربران شما می‌توانند با فلش‌های دو طرف اسلایدر، تصاویر شاخص، دکمه‌های کنترلی و… اسلایدر را کنترل کنند و شما می توانید از این بخش هر مورد را که می‌خواهید به اسلایدر خودتان اضافه کنید.

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

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

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

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

تب SLIDER CALLBACKS

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

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

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

تب SLIDER SETTINGS

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

General Settings

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

تنظیمات هر بخش از ابتدا تا انتها به صورت زیر است:

  1. نام اسلایدر
  2. ارتفاع اسلایدر
  3. عرض اسلایدر
  4. برش خودکار تصاویر طبق عرض و ارتفاعی که در بالا تعیین شده است
  5. حالت سایز اسلایدر
  6. ارتفاع اتوماتیک
  7. حداقل ارتفاع اسلایدر
  8. در برگیرنده اسلایدر

Slider Transition

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

  1. سرعت تغیر حالت
  2. نوع تغیر حالت
  3. فاصله هر اسلاید
  4. جهت (افقی یا عمودی)

Navigation

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

  1. مکث در آخرین اسلاید
  2. حلقه اجرا
  3. نمایش اتوماتیک
  4. نمایش رندوم
  5. ایست با هاور کردن
  6. شروع با اسلاید شماره …
  7. استفاده از نشانگر ماوس
  8. تغیر اسلاید با نشانگر ماوس
  9. فعال کردن تاچ (لمس)
  10. فعال کردن دکمه اسکرول ماوس بر روی اسلایدر
  11. شروع اسلایدر با ظاهرشدن پنجره مرورگر
  12. نحوه بارگیری اسلایدر

Appearance

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

  1. استایل کلی اسلایدر (تعداد زیادی استایل در این قسمت وجود دارد)
  2. وسط‌چین بودن دکمه‌های کنترلی اسلایدر
  3. رنگ بک‌گراند
  4. دادن کلاس به اسلایدر (جهت استایل دهی در css)
  5. استایل‌های css موردنظر برای شخصی‌سازی اسلایدر

خب تنظیمات کلی هم به پایان رسید.
حال روی گزینه Save Changes جهت ذخیره تمامی تنظیمات کلیک کنید.

قراردادن اسلایدر در سایت

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

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

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

مشاهده خروجی

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

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

همان‌طور که مشاهده می‌کنید اسلایدری که ایجاد کردیم به صورت تصویر بالا قابل مشاهده می‌باشد.

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

موفق باشید…

دانلود افزونه فارسی Master Slider

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

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

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

پاسخ دهید

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

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

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