صفحه اصلی > دانستنی های وردپرس : معرفی افزونه اسمارت اسلایدر 3 برای ساخت اسلایدر

معرفی افزونه اسمارت اسلایدر 3 برای ساخت اسلایدر

معرفی افزونه اسمارت اسلایدر 3 برای ساخت اسلایدر

اسلایدر های حرفه ای می توانند ظاهر وب سایت را متحول کنند و تجربه کاربری را بهبود دهند. افزونه اسمارت اسلایدر 3 (Smart Slider 3 ) با امکانات پیشرفته، طراحی واکنش گرا و بهینه سازی سئو، ابزاری ایده آل برای ساخت اسلایدر های زیبا و کاربردی در وردپرس است.

افزونه اسمارت اسلایدر 3 چیست؟

افزونه اسمارت اسلایدر 3 (Smart Slider 3) یکی از حرفه ای ترین ابزار های ساخت اسلایدر در وردپرس است که به کاربران امکان می دهد بدون نیاز به کد نویسی، اسلایدر هایی کاملاً سفارشی و واکنش گرا طراحی کنند. این افزونه با رابط کاربری کشیدن و رها کردن (Drag & Drop) تجربه ای آسان و لذت بخش فراهم کرده و با صفحه ساز هایی مثل المنتور و ووکامرس کاملاً سازگار است.
استفاده از Smart Slider 3 باعث بهبود سرعت بارگذاری و بهینه سازی سئو می شود، تا وب سایت شما هم زیبا باشد و هم در نتایج گوگل رتبه بهتری بگیرد.

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

چرا افزونه اسمارت اسلایدر 3 بهترین افزونه اسلایدر وردپرس است؟

افزونه اسلایدر هوشمند Smart Slider 3 با بیش از ۶۰۰ هزار نصب فعال و امتیاز بالای کاربران، جایگاه ویژه ای در بین طراحان وب دارد. این افزونه با بیش از ۱۸۰ قالب آماده و ۵۰۰ اسلاید پیش ساخته، دست شما را برای طراحی کاملاً باز می گذارد. انطباق کامل با المنتور، ووکامرس، گوتنبرگ و سایر صفحه ساز های محبوب، استفاده از آن را برای هر نوع وب سایتی ممکن می کند. این افزونه از ویژگی های پیشرفته ای مثل انیمیشن پارالاکس، تایم لاین انیمیشن و lazy loading پشتیبانی می کند تا هم جلوه های بصری خیره کننده ایجاد شود و هم عملکرد سایت حفظ گردد.

مزایای کلیدی استفاده از افزونه اسمارت اسلایدر

• طراحی اسلایدر بدون کد نویسی و تنها با کشیدن و رها کردن المان ها.

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

• استفاده از انیمیشن های پیشرفته، افکت پارالاکس و تایم لاین حرکتی.

• سازگاری کامل با المنتور، ووکامرس و گوتنبرگ برای ایجاد اسلایدر های متنوع.

• قابلیت بارگذاری تنبل (Lazy Loading) برای بهبود سرعت سایت و سئو.

معرفی افزونه اسمارت اسلایدر 3 برای ساخت اسلایدر

ویژگی های برجسته افزونه اسمارت اسلایدر 3 برای ساخت اسلایدر حرفه ای

• افزونه اسلایدر هوشمند Smart Slider 3 ویژگی های منحصر به فردی دارد که آن را از سایر افزونه ها متمایز می کند:

• ویرایشگر زنده Drag & Drop با پشتیبانی از لایه های تصویر، متن، ویدئو و دکمه .

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

• طراحی ۱۰۰٪ واکنش گرا با تنظیمات اختصاصی برای موبایل، تبلت و دسکتاپ .

• جلوه های پس زمینه و انیمیشن های ویژه برای جلب توجه بازدیدکنندگان .

• امکان ایجاد اسلایدر داینامیک از مطالب وبلاگ، محصولات ووکامرس یا ویدئوهای یوتیوب .

• انتشار آسان اسلایدرها با شورت کد یا ویجت المنتور.

۱. نصب افزونه Smart Slider 3

  1. وارد پیشخوان وردپرس شوید.
  2. از منوی سمت راست به:«افزونه‌ها > افزودن» بروید.
  3. در کادر جستجو بنویسید: Smart Slider 3
  4. افزونه Smart Slider 3 را پیدا کنید و روی «نصب» و بعد «فعال کردن» کلیک کنید.
  5. بعد از فعال‌سازی، منوی Smart Slider یا Smart Slider 3 به پیشخوان شما اضافه می‌شود.

اگر نسخه پولی دارید:

از «افزونه‌ها > افزودن > بارگذاری افزونه» فایل ZIP را آپلود و سپس فعال کنید.

۲. ایجاد اولین اسلایدر

  1. از منوی پیشخوان روی Smart Slider کلیک کنید.
  2. دکمه New Project یا New Slider را بزنید.
  3. می‌توانید:
    • اسلایدر خالی بسازید (Create a New Project)
    • یا از Template‌های آماده استفاده کنید (نسخه رایگان هم چند نمونه دارد).
  1. در مرحله ساخت:
    • نام اسلایدر را وارد کنید (مثلاً: Slider Home).
    • ابعاد (Width/Height) را تنظیم کنید، مثلاً:
  • Desktop: 1200×500 یا 1366×600
    • روی Create کلیک کنید.

۳. اضافه کردن اسلاید (Slide)‌ها

بعد از ساخت اسلایدر:

  1. روی اسلاید خالی کلیک کنید یا Add Slide بزنید.
  2. نوع اسلاید را انتخاب کنید:
    • Image (تصویر)
    • Post (مطلب وردپرس – نسخه رایگان محدود)
    • Empty Slide (اسلاید خالی برای طراحی دلخواه)
  1. برای اسلاید تصویری:
    • روی Image کلیک کنید.
    • تصویر را از رسانه وردپرس انتخاب یا آپلود کنید.
    • اسلاید اضافه می‌شود.

می‌توانید چندین اسلاید اضافه کنید و به سادگی آن‌ها را با Drag & Drop جابجا کنید.

۴. ویرایش محتوا و متن روی اسلاید

برای هر اسلاید:

  1. روی Edit یا نام اسلاید کلیک کنید تا وارد ویرایشگر بصری شوید.
  2. از نوار ابزار، المان‌ها را اضافه کنید:
    • Heading (عنوان)
    • Text (متن معمولی)
    • Button (دکمه)
    • Image (تصویر)
  3. المان را روی اسلاید بکشید و رها کنید، سپس:
    • متن را ویرایش کنید.
    • اندازه فونت، رنگ، تراز (راست‌چین برای فارسی)، و… را تنظیم کنید.
  4. برای دکمه‌ها:
    • متن دکمه (مثلاً: «مشاهده بیشتر»)
    • لینک مقصد (URL)
    • استایل (رنگ، گوشه گرد و …) را مشخص کنید.

۵. تنظیمات اصلی اسلایدر (عمومی)

در صفحه تنظیمات اسلایدر (روی نام اسلایدر کلیک کنید):

  1. Size
    • Width / Height را بر اساس طرح قالب تنظیم کنید.
    • معمولاً گزینه «Auto» یا نسبت‌های ریسپانسیو پیشنهاد می‌شود.
  1. Autoplay (پخش خودکار)
    • اگر می‌خواهید اسلایدها خودکار عوض شوند، Autoplay را فعال کنید.
    • زمان هر اسلاید (مثلاً ۴۰۰۰ یا ۵۰۰۰ میلی‌ثانیه) را تنظیم کنید.
  1. Animation (انیمیشن تغییر اسلاید)
    • نوع افکت تغییر اسلاید (Fade, Slide, …) را انتخاب کنید.
    • سرعت انیمیشن را تنظیم کنید.
  1. Controls (کنترل‌ها)
    • دکمه‌های چپ/راست (فلش‌ها) را فعال/غیرفعال کنید.
    • Dots / Bullets (نقاط پایین اسلاید) را تنظیم کنید.

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

۶. تنظیمات ریسپانسیو (نمایش در موبایل و تبلت)

Smart Slider 3 به صورت پیش‌فرض ریسپانسیو است، اما می‌توانید دقیق‌تر تنظیم کنید:

  1. داخل ویرایش اسلاید، در بالای صفحه روی آیکن Desktop / Tablet / Mobile کلیک کنید.
  2. برای هر سایز:
    • اندازه فونت‌ها را کوچک‌تر یا بزرگ‌تر کنید.
    • بعضی المان‌ها را در موبایل مخفی کنید (مثلاً متن‌های خیلی طولانی).
  3. مطمئن شوید متن‌های فارسی در موبایل به خوبی خوانا و قابل لمس هستند.

۷. قرار دادن اسلایدر در برگه یا نوشته

برای نمایش اسلایدر در سایت:

روش ۱: شورت‌کد (Shortcode)

  1. در صفحه لیست اسلایدرها، کنار هر اسلایدر یک شورت‌کد مثل زیر می‌بینید:
    • [smartslider3 slider=”1″]
  2. این شورت‌کد را کپی کنید.
  3. در برگه یا نوشته وردپرس:
    • اگر ویرایشگر کلاسیک دارید، آن را در متن جایگذاری کنید.
    • اگر گوتنبرگ دارید، بلوک «کد کوتاه / Shortcode» اضافه کرده و شورت‌کد را داخل آن قرار دهید.

روش ۲: Elementor یا صفحه‌سازها

اگر از المنتور یا صفحه‌ساز دیگری استفاده می‌کنید، معمولاً:

  1. ویجت Smart Slider 3 در لیست ویجت‌ها ظاهر می‌شود.
  2. آن را روی صفحه بکشید و اسلایدر موردنظر را انتخاب کنید.

۸. قراردادن اسلایدر در هدر یا قالب

اگر می‌خواهید اسلایدر در بالای سایت (هدر یا بالای صفحه اصلی) نمایش داده شود:

  1. بعضی قالب‌ها گزینه مخصوص «Slider» در تنظیمات صفحه اصلی دارند که Smart Slider 3 را پشتیبانی می‌کند.
  2. اگر قالب شما این امکان را ندارد، توسعه‌دهنده می‌تواند کد PHP زیر را در فایل قالب (مثلاً front-page.php یا header.php) قرار دهد:

                                                                    phpویرایش با Canvas<?php echo do_shortcode(‘[smartslider3 slider=”1″]’); ?>

(عدد ۱ را با ID اسلایدر خودتان جایگزین کنید.)

مقایسه امکانات نسخه رایگان و نسخه Pro

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

ویژگی ها نسخه رایگان Smart Slider 3 نسخه Pro افزونه اسلایدر هوشمند
تعداد قالب های آماده محدود (چند قالب پایه) بیش از ۱۸۰ قالب و ۵۰۰ اسلاید آماده
ویرایشگر Drag & Drop دارد (با امکانات محدود) دارد (کامل و پیشرفته)
پشتیبانی از لایه ها (تصویر، متن، ویدئو) محدود کامل + لایه های HTML و اسکریپت سفارشی
انیمیشن ها و افکت ها افکت های ساده انیمیشن های پیشرفته، پارالاکس، تایم‌لاین حرکتی
واکنش گرایی (Responsive) بله (تنظیمات عمومی) بله (تنظیمات اختصاصی برای موبایل، تبلت و دسکتاپ)
محتوای داینامیک ندارد دارد (ووکامرس، پست‌های وردپرس، یوتیوب و …)
سازگاری با المنتور و گوتنبرگ محدود کامل و بدون نقص
بارگذاری تنبل (Lazy Loading) دارد دارد (با کنترل پیشرفته)
پشتیبانی و بروزرسانی محدود به انجمن‌های رایگان پشتیبانی حرفه‌ای + بروزرسانی مداوم
انتشار اسلایدر شورت‌کد شورت‌کد + ویجت المنتور + انتقال بین سایت‌ها
سئو و بهینه‌سازی سرعت بهبود نسبی بهینه‌سازی کامل کد، سرعت بارگذاری و متاتگ‌ها

معرفی افزونه اسمارت اسلایدر 3 برای ساخت اسلایدر

سخن پایانی

افزونه اسمارت اسلایدر 3 ترکیبی از زیبایی، سرعت و امکانات پیشرفته را ارائه می دهد. این افزونه با رابط کاربری آسان و قابلیت های پیشرفته، گزینه ای ایده آل برای طراحانی است که می خواهند بدون کدنویسی، اسلایدر های مدرن و واکنش گرا بسازند. Smart Slider 3 با بهینه سازی سئو، شانس نمایش بهتر سایت شما در گوگل را افزایش می دهد.

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

۱. آیا افزونه اسمارت اسلایدر 3 با قالب های چند زبانه وردپرس سازگار است؟

بله، این افزونه به طور کامل با افزونه های چند زبانه مانند WPML و Polylang سازگار است و می توانید اسلایدر ها را برای هر زبان جداگانه طراحی کنید.

۲. آیا می توان از Smart Slider 3  در سایت های فروشگاهی استفاده کرد؟

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

۳. آیا امکان زمان بندی نمایش اسلاید ها وجود دارد؟

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

۴. آیا افزونه اسمارت اسلایدر 3 روی سایت های با ترافیک بالا عملکرد خوبی دارد؟

بله، با استفاده از تکنولوژی بارگذاری تنبل (Lazy Loading) و بهینه سازی کد، حتی در سایت های پربازدید عملکرد روان و سریع خواهد داشت.

مقالات مرتبط

داشتن سایت فروشگاهی یا اینستاگرام | کدام بهتر است؟

سایت فروشگاهی یا اینستاگرام؛ دوئل بزرگ برای تصاحب بازار آنلاین امروزه هر…

معرفی ضروری ترین امکانات سایت فروشگاهی

معرفی ضروری ترین امکانات سایت فروشگاهی ورود به دنیای تجارت الکترونیک فرصت…

طراحی صفحات حرفه ای با افزونه Gutenberg در وردپرس

طراحی صفحات حرفه ای با افزونه Gutenberg در وردپرس دنیای طراحی وب…