اسلایدر چند منظوره در وردپرس با افزونه Slide Anything

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

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

اسلایدر چند منظوره در وردپرس -Slide Anything in wordpressسلام؛
در این آموزش از وردپرس یاد قصد داریم شما را با یک افزونه بسیار جالب در وردپرس آشنا کنیم که به شما این امکان را می‌دهد بتوانید هر نوع اسلایدری که می‌خواهید را ایجاد کنید یعنی می‌توان خیلی ساده و راحت نسبت به ساخت اسلایدر چند منظوره در وردپرس اقدام کرد.

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

اسلایدر چند منظوره در وردپرس

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

بنر افزونه اسلایدر چند منظوره در وردپرس

این افزونه با ورژن کنونی ۲٫۱٫۵ یکی از بهترین افزونه‌های موجود در مخزن وردپرس است که تاکنون بیش‌از ۴۰٫۰۰۰ نصب فعال داشته است و آپدیت‌های منظمی دارد. ظاهر جذاب و تمییز این اسلایدر آن را بسیار محبوب کرده است.

ویژگی‌‌های افزونه Slide Anything

  • ساخته‌شده با Owl Carousel
  • اضافه‌شده افکت‌های جدید و زیبا در نسخه ۲
  • ایجاد لینک برای هر اسلاید
  • همگام با مرورگرهای قدیمی و مدرن

نصب و راه‌اندازی افزونه Slide Anything

  1. به منظور ساخت اسلایدر چند منظوره در وردپرس ابتدا از انتهای همین نوشته افزونه Slide Anything را دانلود کنید و روی سیستم خودتان قرار دهید.
  2. سپس به پیشخوان سایت وردپرس خودتان بروید و از قسمت افزونه‌ها> افزودن، اقدام به بارگذاری افزونه کنید.
  3. در انتها بعد از آپلودشدن افزونه، آن را فعال کنید.

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

منو افزونه اسلایدر چند منظوره در وردپرس

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

لیست اسلایدرها - اسلایدر چند منظوره در وردپرس

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

ساخت اسلایدر جدید در وردپرس

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

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

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

بخش Slider Settings

Slider Settings - اسلایدر چند منظوره در وردپرس

در این بخش شما تنظیمات کلی اسلایدر چند منظوره در وردپرس را دارید.

Slide Duration: می‌توانید تعیین کنید که هر اسلاید چند ثانیه بماند.

Slide Transition: زمان تغییر حالت به اسلاید بعدی چند ثانیه باشد (۰٫۳ ثانیه بسیار مناسب است).

Slide By: می‌توانید تعیین کنید که کاربر در هر تغییر حالت به اسلاید بعدی از چند اسلاید بگذرد.

  1. Navigate Arrows: آیا می‌خواهید دکمه‌های قبل و بعد برای ساخت اسلایدر چند منظوره در وردپرس شما نمایش داده شود؟
  2. Show Pagination: آیا می‌خواهید دکمه‌های صفحه‌بندی اسلایدر نمایش داده شود؟
  3. Mouse Drag: قابلیت قبل و بعد زدن اسلایدر با ماوس فعال باشد؟
  4. Touch Drag: قابلیت قبل و بعد زدن اسلایدر در گوشی‌های هوشمند و تبلت‌ها فعال باشد؟
  5. Loop Slider: آیا می‌خواهید قابلیت حلقه* داشتن برای اسلایدر شما فعال باشد؟

نکته: قابلیت حلقه* برای اسلایدر چند منظوره در وردپرس به این معناست که مثلا اگر کاربر به آخرین اسلاید رسید و اسلاید دیگری برای نمایش وجود نداشت، آیا اسلاید اول دوباره پس از اسلاید آخر نمایش داده شود یا خیر.

  1. Stop on Hover: آیا می‌خواهید وقتی با ماوس روی اسلاید هاور کردید، به اسلاید بعدی نرود؟
  2. Random Order: آیا می‌خواهید اسلایدها به صورت تصادفی در اسلایدر نمایش داده شود؟
  3. Reverse Order: آیا می‌خواهید نمایش اسلایدها از آخر به اول باشد؟
  4. Allow Shortcodes: آیا می‌خواهید شورت‌کدهایی را درون هر اسلاید نمایش دهید؟

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

بخش Slides

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

Slides - اسلایدر چند منظوره در وردپرس

Disable Visual Editor: اگر می‌خواهید در اسلایدهای خودتان یک کد HTML قرار دهید این گزینه را فعال کنید، در غیر این صورت می‌توانید با ادیتوری که مشاهده می‌کنید، محتوای هر اسلاید خودتان را بسازید.

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

Slide Background: در این قسمت می‌توانید تنظیمات مربوط به بک‌گراند اسلاید خودتان را داشته باشید که همان‌طور مشخص است، می‌توانید از رنگ یا تصویر برای بک‌بگراند هر اسلاید استفاده کنید.

Slide Link: می‌توانید برای هر اسلاید یک لینک تعیین کنید تا کاربر با کلیک بر روی اسلاید به بخش مشخصی در سایت شما برود.

Slide Popup: این قسمت هم که مربوط به بخش پرمیوم است و نمی‌توانید از آن استفاده کنید.

در انتهای هر اسلاید هم گزینه Duplicate Slide را مشاهده می‌کنید که کاربرد مناسبی دارد و برای شما از هر اسلاید یک کپی ایجاد می‌کند و کار شما را در طراحی اسلاید دوم به بعد آسان می‌کند.

به همین صورت همه‌ی اسلاید‌های خودتان را می‌توانید یک‌به‌یک جهت ساخت اسلایدر چند منظوره در وردپرس طراحی کنید.

بخش Items Displayed

آیا فکر کرده‌اید که اسلایدری که می‌سازید در گوشی و تبلت‌ها و… قرار است چگونه نمایش داده شود؟
در این قسمت می‌توانید تعیین کنید که تعداد اسلایدی که می‌خواهید در هر کدام (گوشی، تبلت و…) نمایش دهید چندتا باشد.

Items Displayed - اسلایدر چند منظوره در وردپرس

مثلا همان‌طور که مشاهده می‌کنید شما در حالت دسکتاپ می‌توانید ۴ اسلاید را مشاهده کنید.

Slide Transition: با استفاده از این گزینه هم می‌توانید افکت اسلایدهایتان را تعیین کنید.

بخش Slider Style

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

Slider Style - اسلایدر چند منظوره در وردپرس

  1. CSS #id for Slider: می‌توانید یک id به اسلایدر خودتان بدهید تا در فایل CSS بتوانید هر بخش از اسلایدر را که می‌خواهید ویرایش کنید.
  2. Padding: اگر می‌خواهید اسلایدر از طرفین فاصله داشته باشد می‌توانید به پیکسل میزان فاصله را مشخص کنید.
  3. Slider Navigation: اگر این قسمت را فعال کنید تا زمانی که با ماوس روی اسلایدر نروید، دکمه‌های قبل، بعد و صفحه‌بندی نمایش داده نمی‌شود.
  4. Background/Border: تنظیمات مربوط به بک‌گراند و حاشیه‌ی اسلایدر چند منظوره در وردپرس را می‌توانید مشخص کنید.
  5. Slide Style: تنظیمات مربوط به استایل هر اسلاید:
    1. Min Height: حداقل ارتفاع
    2. Padding: مقدار فاصله از داخل تگ
    3. Margin: مقدار فاصله از بیرون تگ نسبت به بقیه‌ی اسلایدها
  6. Link/Popup Icons: گزینه‌های مربوط به لینک و آیکون پاپ‌آپ.

بخش Shortcode / Preview

Shortcode / Preview - اسلایدر چند منظوره در وردپرس

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

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

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

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

ایجاد برگه - اسلایدر چند منظوره در وردپرس

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

مشاهده خروجی کار

مشاهده خروجی کار - اسلایدر چند منظوره در وردپرس

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

در صورت تمایل می‌توانید سایر آموزش‌های افزونه های اسلایدر وردپرس را مطالعه کنید.

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

اگر سؤال یا مشکلی در رابطه با ایجاد اسلایدر چند منظوره در وردپرس با افزونه Slide Anything داشتید می‌توانید برای ما کامنت بگذارید تا پاسخگوی شما باشیم.

موفق باشید. 🙂

 دانلود افزونه Slide Anything

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

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

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

پاسخ دهید

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

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

2 دیدگاه
  1. Valiollahi

    Valiollahi

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

    • محمدرضا خدری

      محمدرضا خدری

      سلام Valiollahi عزیز؛
      معمولا نباید در این قسمت مشکلی پیش بیاد واستون.
      وقتی شورت‌کد رو در یک برگه قرار میدید و ذخیره می‌کنید. در خروجی و در محتوا برگه چه چیزی می‌بینید؟ شورت‌کد به همون شکل نمایش داده میشه یا اینکه چیزی نمایش داده نمیشه؟