افزونه اسلایدر هوشمند ۳ | Smart Slider 3 Pro

اسلایدر هوشمند ۳ چه می‌سازد

افزونه اسلایدر هوشمند ۳ (Smart Slider 3) اسلایدر را در ویرایشگر تصویری خودش می‌سازد؛ هر اسلاید می‌تواند از لایه‌هایی مثل عنوان، متن، تصویر و دکمه تشکیل شود. در بخش خرید افزونه وردپرس در فروشگاه وردپرس نیاز می‌توانید آن را پیدا کنید؛ فایل این محصول نسخه Pro افزونه است.

ساخت اسلاید با لایه‌ها

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

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

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

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

تب General در اسلایدر ساده‌ای که آزمایش شد، کد کوتاه آن را نشان می‌دهد و یک تکه کد PHP هم برای چسباندن در فایل قالب می‌دهد. خود افزونه در همین تب از جمله ادغام با گوتنبرگ، ویرایشگر کلاسیک، المنتور، دیوی، بیور بیلدر و WPBakery Page Builder نام می‌برد. از این میان در نصب آزمایشی کد کوتاه روی یک برگه آزمایش شد. بلوکی به نام Smart Slider 3 در فهرست بلوک‌های برگه تازه بود و المنتور رایگان هم در ویرایشگرش ویجتی به نام Smart Slider در دسته عمومی نشان داد؛ از این دو فقط حضورشان دیده شد.

اسلاید پویا از محتوای سایت

در صفحه افزودن اسلاید پویا این منبع‌ها فهرست شده‌اند: نوشته‌ها و برگه‌های وردپرس، پوشه تصاویر، یوتیوب، ویمیو، فلیکر، اینستاگرام، پینترست و یک منبع سفارشی. فید RSS، فایل CSV و فایل JSON هم در همین فهرست آمده‌اند. صفحه تنظیمی که دکمه انتخاب اینستاگرام باز می‌کند، شناسه برنامه، کلید محرمانه و توکن می‌خواهد. ووکامرس و چند افزونه دیگر در نصب آزمایشی که آن‌ها را نداشت، زیر عنوان Not installed با دکمه VISIT آمده بودند.

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

تنظیمات حرکت، کنترل و بهینه‌سازی

اسلایدر ساده‌ای که آزمایش شد تب‌های جداگانه برای تنظیمات داشت. از جمله:

• اندازه: عرض و ارتفاع، چیدمان (جعبه‌ای، تمام‌عرض یا تمام‌صفحه)، نقطه‌های شکست و سقف عرض اسلاید برای دسکتاپ، تبلت و موبایل.
• کنترل‌ها: کشیدن با ماوس، چرخ ماوس، صفحه‌کلید، پیکان‌ها، نقطه‌ها، نوار متن، تصاویر بندانگشتی، سایه و دکمه تمام‌صفحه.
• انیمیشن‌ها: انیمیشن اصلی اسلایدها (بدون انیمیشن، محو شدن، محو متقاطع، افقی، عمودی و نسخه‌های معکوس این دو)، مدت، تأخیر و منحنی حرکت. برای پس‌زمینه افکت Ken Burns، جداکننده شکل و افکت ذره‌ای هم هست.
• بهینه‌سازی: زمان بارگذاری (فوری، پس از بارگذاری صفحه یا با تأخیر)، بارگذاری تنبل تصویر پس‌زمینه و گزینه‌های تبدیل تصویر به WebP و تغییر اندازه بندانگشتی. خود افزونه هشدار می‌دهد که تبدیل به WebP و تغییر اندازه حافظه زیادی می‌خواهند.
• توسعه‌دهنده: افزودن کلاس به اسلایدر، نوشتن CSS دلخواه و تابع‌های جاوااسکریپت.

مدیریت پروژه‌ها در داشبورد

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

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