Smart Slider 3

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

Smart Slider 3 فقط یک اسلایدر ساده برای نمایش تصاویر نیست؛ بلکه می‌توان از آن برای ساخت اسلایدرهای تصویری، اسلایدر محصولات، اسلایدر نوشته‌های وردپرس، صفحات تبلیغاتی، Hero Section، بلوک‌های محتوایی، Carousel و حتی بخش‌هایی از صفحات سایت استفاده کرد. وب‌سایت رسمی Smart Slider در نسخه‌های فعلی، چهار نوع پروژه شامل Slider، Block، Page و Carousel را معرفی می‌کند.

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

• ویرایش بصری اسلایدها
• طراحی با قابلیت Drag & Drop
• پیش‌نمایش زنده تغییرات
• مدیریت عناصر از طریق Layer List
• امکان استفاده از خطوط راهنما و Ruler برای طراحی دقیق
• قابلیت Copy و Paste برای عناصر و تنظیمات
• امکان Undo و Redo تغییرات
• مدیریت رنگ‌ها و استایل عناصر در محیط ویرایشگر
• ساخت چیدمان‌های پیچیده بدون نیاز به کدنویسی

بر اساس مستندات رسمی، ویرایشگر Smart Slider امکاناتی مانند Drag & Drop، Layer List، Live Preview، Ruler، Guidelines، مدیریت رنگ، Copy/Paste و Undo/Redo را ارائه می‌کند.

سیستم Layer در Smart Slider 3 امکان ساخت طرح‌هایی بسیار فراتر از یک تصویر ساده را فراهم می‌کند. هر اسلاید می‌تواند از چندین عنصر مختلف تشکیل شود و این عناصر را می‌توان در قالب ردیف‌ها، ستون‌ها و لایه‌های تو در تو سازمان‌دهی کرد.

• لایه متن
• لایه عنوان
• لایه تصویر
• لایه دکمه
• لایه ویدئو
• لایه‌های محتوایی و تعاملی
• استفاده از Row و Column
• امکان ایجاد Nested Rows
• تنظیم فاصله و عرض ستون‌ها
• کنترل دقیق موقعیت و اندازه عناصر
• قابلیت استفاده از Absolute Position برای قرار دادن عناصر در موقعیت دلخواه
• پشتیبانی از Flexbox برای ساخت Layoutهای انعطاف‌پذیر

نسخه فعلی Smart Slider در وب‌سایت رسمی دارای 24 نوع Layer معرفی شده است و سیستم لایه‌ای آن برای ایجاد طرح‌های متنوع و پیچیده طراحی شده است.

یکی از ویژگی‌های مهم Smart Slider 3 امکان طراحی اختصاصی برای دستگاه‌های مختلف است. اسلایدرها می‌توانند در دسکتاپ، تبلت و موبایل به شکل مناسب نمایش داده شوند و طراح می‌تواند برای هر اندازه صفحه تنظیمات متفاوتی در نظر بگیرد.

• Responsive Design
• پشتیبانی از دسکتاپ، تبلت و موبایل
• Custom Breakpoints
• امکان مخفی کردن عناصر در دستگاه‌های خاص
• تنظیم اندازه متن برای نمایشگرهای مختلف
• تنظیم موقعیت و اندازه لایه‌ها برای هر دستگاه
• استفاده از Visibility برای کنترل نمایش عناصر
• ساخت Layoutهای سازگار با موبایل
• پشتیبانی از چیدمان‌های Flexbox

Smart Slider 3 قابلیت Responsive را به‌صورت داخلی ارائه می‌کند و امکاناتی مانند Custom Breakpoints و Visibility به طراح اجازه می‌دهند ظاهر اسلاید را برای اندازه‌های مختلف نمایشگر کنترل کند.

Smart Slider 3 مجموعه گسترده‌ای از ابزارهای انیمیشن را در اختیار طراح قرار می‌دهد. این امکانات باعث می‌شوند اسلایدها فقط به شکل تصاویر ثابت نمایش داده نشوند و بتوان برای ورود، خروج و حرکت عناصر افکت‌های متنوعی ایجاد کرد.

• Layer Animation
• Text Animation
• Background Animation
• Timeline برای کنترل زمان‌بندی انیمیشن‌ها
• کنترل سرعت انیمیشن
• کنترل Easing
• انیمیشن پاراگراف، کلمه و حروف
• Ken Burns Effect
• Parallax Effect
• 3D Mouse Parallax
• Morph Animation
• Shape Dividerهای متحرک
• Actions & Events
• Distortion Animation مبتنی بر WebGL
• بیش از 70 افکت برای انیمیشن پس‌زمینه طبق معرفی فعلی سایت رسمی

صفحه ویژگی‌های رسمی Smart Slider قابلیت‌هایی مانند Timeline، Layer Animation، Text Animation، Background Animation، Ken Burns، Morph، Parallax، Shape Divider و Distortion Animation را معرفی می‌کند.

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

• ساخت Image Slider
• نمایش تصاویر به‌صورت Full Width
• نمایش اسلایدر در حالت Boxed
• استفاده از تصویر به عنوان Background
• افزودن تصویر به عنوان Layer
• استفاده از Thumbnail
• افزودن Lightbox برای نمایش تصاویر
• افزودن افکت‌های حرکتی به تصاویر
• استفاده از Ken Burns برای ایجاد حرکت روی تصاویر
• استفاده از Parallax برای ایجاد عمق بصری

یکی از قابلیت‌های مهم Smart Slider 3 امکان اتصال اسلایدر به منابع محتوایی و ایجاد اسلایدهای Dynamic است. در این حالت لازم نیست تمام اسلایدها به‌صورت دستی ساخته شوند و اطلاعات می‌تواند از منبع مشخص دریافت و در قالب طراحی اسلایدر نمایش داده شود.

• دریافت نوشته‌های وردپرس
• فیلتر نوشته‌ها بر اساس دسته‌بندی
• فیلتر نوشته‌ها بر اساس برچسب
• پشتیبانی از Custom Post Type در نسخه Pro
• پشتیبانی از Taxonomyهای سفارشی در نسخه Pro
• ساخت اسلایدر محصولات WooCommerce در نسخه Pro
• نمایش محصولات بر اساس دسته‌بندی
• نمایش محصولات بر اساس برچسب
• فیلتر محصولات Featured
• فیلتر محصولات موجود در انبار
• فیلتر محصولات Downloadable
• اتصال به منابع تصویری و گالری‌ها
• اتصال به منابع اجتماعی و محتوایی مختلف

وب‌سایت رسمی Smart Slider در حال حاضر از 32 منبع Dynamic برای دریافت محتوا نام می‌برد و منابعی مانند WordPress، YouTube، WooCommerce، شبکه‌های اجتماعی، Event Calendar و RSS را در اکوسیستم خود معرفی می‌کند.

Smart Slider 3 در نسخه Pro می‌تواند برای ساخت نمایشگرهای محصولات فروشگاه‌های WooCommerce مورد استفاده قرار گیرد. به این ترتیب می‌توان اطلاعات محصولات را به‌صورت Dynamic دریافت و در قالب طراحی سفارشی نمایش داد.

• ساخت Product Slider
• دریافت محصولات WooCommerce به‌صورت Dynamic
• فیلتر محصولات بر اساس Category
• فیلتر بر اساس Tag
• نمایش محصولات Featured
• نمایش محصولات موجود در انبار
• نمایش محصولات قابل دانلود
• استفاده از اطلاعات محصول در اسلاید
• افزودن دکمه‌های Call To Action
• امکان طراحی اسلایدر محصولات با Layout اختصاصی

طبق اطلاعات رسمی WordPress.org، قابلیت Dynamic WooCommerce Slider در نسخه Pro ارائه می‌شود و امکان فیلتر محصولات بر اساس دسته‌بندی، برچسب، Featured، موجودی و Downloadable وجود دارد.

Smart Slider 3 امکان استفاده از ویدئو در طراحی اسلایدها را فراهم می‌کند و می‌توان از ویدئو برای ایجاد بخش‌های بصری جذاب در صفحات سایت استفاده کرد.

• پشتیبانی از ویدئوهای YouTube
• پشتیبانی از Vimeo
• استفاده از ویدئو در طراحی اسلاید
• امکان استفاده از Cover Image برای ویدئوهای YouTube
• تنظیم زمان شروع ویدئو
• کنترل حجم صدا
• ترکیب ویدئو با متن و دکمه
• ساخت اسلایدهای تبلیغاتی و معرفی محصول با ویدئو

پشتیبانی از YouTube و Vimeo در امکانات معرفی‌شده برای Smart Slider وجود دارد و امکاناتی برای کنترل Cover Image، زمان شروع و حجم ویدئو نیز در مستندات رسمی معرفی شده است.

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

• کتابخانه Templateهای آماده
• بیش از 180 قالب معرفی‌شده در وب‌سایت رسمی
• قالب‌های آماده برای کاربردهای مختلف
• امکان Import قالب‌ها
• قابلیت شخصی‌سازی قالب‌های آماده
• امکان شروع پروژه از یک Slider خالی
• صرفه‌جویی در زمان طراحی
• امکان ترکیب قالب آماده با عناصر سفارشی

وب‌سایت رسمی Smart Slider در حال حاضر کتابخانه‌ای با بیش از 180 قالب آماده را معرفی می‌کند.

Smart Slider 3 مجموعه‌ای از کنترل‌های مختلف برای جابه‌جایی بین اسلایدها در اختیار کاربر قرار می‌دهد. ظاهر، محل قرارگیری و رفتار این کنترل‌ها قابل شخصی‌سازی است.

• Arrow Navigation
• Bullet Navigation
• Autoplay Control
• Bar Control
• Thumbnail Navigation
• Shadow
• Touch Swipe
• Drag Navigation
• Keyboard Navigation
• کنترل زمان‌بندی Autoplay
• امکان تعیین موقعیت کنترل‌ها
• امکان استفاده از Advanced Positioning در نسخه Pro

امکانات رسمی افزونه شامل Arrow، Bullet، Autoplay، Bar، Thumbnail و کنترل‌های مختلف برای Navigation است و Smart Slider از Touch، Swipe، Scroll و Keyboard Navigation نیز پشتیبانی می‌کند.

Smart Slider 3 امکانات گسترده‌ای برای کنترل ظاهر متن‌ها و عناصر بصری ارائه می‌دهد. این قابلیت‌ها به طراح اجازه می‌دهند ظاهر اسلایدها را با هویت بصری سایت هماهنگ کند.

• مدیریت Typography
• تنظیم فونت
• تنظیم اندازه متن
• تنظیم وزن و استایل متن
• تنظیم فاصله و موقعیت متن
• مدیریت رنگ عناصر
• Style Presets
• تنظیم Background
• تنظیم Border Radius
• تنظیم فاصله بین عناصر
• تنظیم عرض و فاصله ستون‌ها
• امکان ساخت استایل‌های هماهنگ برای عناصر مختلف

در طراحی نسخه‌های جدید Smart Slider، عملکرد و سرعت بارگذاری نیز مورد توجه قرار گرفته است. ابزارهای مختلفی برای کاهش هزینه بارگذاری تصاویر، JavaScript و منابع مورد استفاده در اسلایدر ارائه شده‌اند.

• پشتیبانی از WebP
• بهینه‌سازی اندازه تصاویر
• Image Optimization
• JavaScript بهینه‌شده
• استفاده نکردن از jQuery در معماری JavaScript معرفی‌شده فعلی
• Native CSS Media Queries
• Asset Preload
• تمرکز بر بهبود Core Web Vitals
• بهینه‌سازی تصاویر متناسب با دستگاه

صفحه رسمی Features، پشتیبانی از WebP، Image Size Optimization، JavaScript بهینه‌شده، Native CSS Media Queries، Asset Preload و بهبود Web Vitals را از قابلیت‌های فعلی Smart Slider معرفی می‌کند.

Smart Slider 3 با توجه به ساختار و امکانات داخلی خود برای ایجاد محتوای بصری سازگار با SEO طراحی شده است. این موضوع به‌خصوص برای سایت‌هایی اهمیت دارد که از اسلایدر در بخش‌های مهم صفحه استفاده می‌کنند و نمی‌خواهند محتوای آن صرفاً به‌صورت تصویر غیرقابل استفاده برای موتورهای جستجو ارائه شود.

• SEO Friendly
• استفاده از متن واقعی در Layerها
• امکان ایجاد محتوای متنی در کنار تصاویر
• ساختار مناسب برای محتوای Dynamic
• امکان ایجاد اسلایدهای محتوایی بدون نیاز به قرار دادن تمام اطلاعات داخل تصویر
• پشتیبانی از طراحی Responsive برای تجربه بهتر کاربران موبایل

Smart Slider 3 در معرفی رسمی خود به‌عنوان یک ابزار SEO Optimized معرفی شده و قابلیت‌های SEO Friendly نیز در صفحه ویژگی‌های رسمی آن ذکر شده است.

Smart Slider 3 برای استفاده در کنار سیستم‌های طراحی صفحات وردپرس ساخته شده و می‌تواند در بسیاری از Page Builderهای محبوب مورد استفاده قرار گیرد.

• سازگاری با Elementor
• سازگاری با Divi
• سازگاری با Beaver Builder
• سازگاری با Gutenberg
• سازگاری با WPBakery Page Builder
• سازگاری با Visual Composer
• سازگاری با Page Builder by SiteOrigin
• پشتیبانی از Page Builderهای متعدد
• امکان استفاده از اسلایدر در بخش‌های مختلف صفحات

صفحه رسمی افزونه و صفحه WordPress.org سازگاری Smart Slider 3 با Elementor، Divi، Beaver Builder، Gutenberg، WPBakery، Visual Composer و سایر Page Builderها را معرفی می‌کنند.

Smart Slider 3 به‌صورت مستقیم با محیط وردپرس یکپارچه شده و امکاناتی مانند Media Manager، Shortcode، Widget و Post Editor را در اختیار کاربران قرار می‌دهد.

• یکپارچگی با WordPress Media Manager
• پشتیبانی از Shortcode
• پشتیبانی از Widget
• ارتباط با نوشته‌های وردپرس
• Dynamic WordPress Posts
• فیلتر نوشته‌ها بر اساس Category
• فیلتر نوشته‌ها بر اساس Tag
• پشتیبانی از WordPress Multisite
• استفاده در قالب‌های مختلف وردپرس
• امکان استفاده از اسلایدر در بخش‌های مختلف سایت

اطلاعات رسمی WordPress.org قابلیت‌هایی مانند Media Manager، Shortcode، Widget، Post Editor، Dynamic WordPress Posts و سازگاری با WordPress Multisite را برای Smart Slider 3 ذکر می‌کند.

Smart Slider 3 امکان استفاده از عناصر ثابت یا Overlay را فراهم می‌کند. این قابلیت برای ایجاد عناصری که باید در هنگام جابه‌جایی اسلایدها در موقعیت مشخصی باقی بمانند، کاربرد دارد.

• استفاده از Static Overlay
• قرار دادن عناصر ثابت روی اسلایدها
• ساخت Navigationهای اختصاصی
• ساخت Call To Actionهای ثابت
• استفاده از عناصر مشترک در چند اسلاید
• ایجاد طراحی‌های پیچیده‌تر بدون کدنویسی

Smart Slider 3 قابلیت Lightbox را برای نمایش بزرگ‌تر تصاویر ارائه می‌کند. این ویژگی به‌خصوص در سایت‌های عکاسی، نمونه‌کار، فروشگاهی و سایت‌هایی که تصاویر نقش اصلی در محتوا دارند کاربردی است.

• نمایش تصاویر در Lightbox
• نمایش بزرگ‌تر تصاویر بدون خروج از صفحه
• مناسب برای گالری تصاویر
• مناسب برای نمونه‌کارها
• مناسب برای سایت‌های فروشگاهی و معرفی محصول

Lightbox در فهرست ویژگی‌های رسمی فعلی Smart Slider 3 قرار دارد.

یکی از قابلیت‌هایی که Smart Slider 3 را از یک Slider معمولی متمایز می‌کند، امکان دریافت اطلاعات از منابع مختلف و ساخت محتوای Dynamic است. این قابلیت برای سایت‌هایی که اطلاعات آن‌ها مرتباً تغییر می‌کند اهمیت زیادی دارد.

• WordPress Posts
• WordPress Custom Posts
• WooCommerce Products
• YouTube
• Twitter
• Facebook
• Flickr
• Picasa
• Pinterest
• RSS
• Event Calendar
• NextGEN Gallery
• منابع تصویری و گالری‌های مختلف
• منابع محتوایی و اجتماعی متعدد

تعداد و نوع Dynamic Sourceها بسته به نسخه و اتصال مورد استفاده متفاوت است؛ وب‌سایت رسمی فعلی Smart Slider عدد 32 Dynamic Sources را معرفی می‌کند، در حالی که امکانات Dynamic پیشرفته‌تر مانند برخی منابع WooCommerce و Custom Post Type در نسخه Pro ارائه می‌شوند.

برای انتقال پروژه‌ها و استفاده مجدد از طراحی‌ها، Smart Slider 3 قابلیت Import و Export اسلایدرها را ارائه می‌دهد. این ویژگی برای توسعه‌دهندگان، طراحان سایت و افرادی که چند سایت وردپرسی مدیریت می‌کنند بسیار کاربردی است.

• Export اسلایدرها
• Import اسلایدرها
• انتقال طراحی بین پروژه‌ها
• استفاده مجدد از اسلایدرهای ساخته‌شده
• مناسب برای توسعه‌دهندگان و طراحان سایت
• امکان ایجاد پروژه‌های مشابه بر اساس طراحی قبلی

به دلیل انعطاف‌پذیری سیستم Layer، Dynamic Content، Animation و Responsive Design، Smart Slider 3 را می‌توان در طیف گسترده‌ای از پروژه‌های وردپرسی استفاده کرد.

• ساخت Slider صفحه اصلی
• ساخت Hero Section
• معرفی خدمات شرکت
• معرفی محصولات
• اسلایدر محصولات WooCommerce
• ساخت Portfolio Slider
• ساخت Image Gallery
• نمایش نوشته‌های وبلاگ
• نمایش اخبار و مطالب جدید
• ساخت بنرهای تبلیغاتی
• ساخت اسلایدرهای ویدئویی
• ساخت Landing Page
• ساخت Carousel
• نمایش محتوای Dynamic
• ساخت بلوک‌های بصری برای صفحات وردپرس

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

• نسخه Free برای ساخت اسلایدرهای پایه
• ساخت اسلایدر تصاویر
• ساخت اسلایدر لایه‌ای
• استفاده از نوشته‌های وردپرس به‌صورت Dynamic در نسخه رایگان
• نسخه Pro برای امکانات پیشرفته‌تر
• Dynamic Sourceهای بیشتر در نسخه Pro
• پشتیبانی از WooCommerce Dynamic Slider در Pro
• پشتیبانی از Custom Post Type در Pro
• امکانات پیشرفته‌تر کنترل‌ها در Pro
• قالب‌ها و امکانات حرفه‌ای‌تر برای طراحی
• پشتیبانی و به‌روزرسانی برای کاربران واجد شرایط طبق پلن انتخابی

اطلاعات WordPress.org به‌صورت مشخص تفاوت Dynamic Sourceهای نسخه رایگان و Pro را بیان می‌کند و قابلیت‌هایی مانند WooCommerce، Custom Post Types و منابع Dynamic پیشرفته را در نسخه Pro قرار می‌دهد.

• کاهش نیاز به کدنویسی برای ساخت اسلایدرهای حرفه‌ای
• رابط کاربری بصری و قابل فهم
• امکان ساخت طرح‌های کاملاً سفارشی
• پشتیبانی از سیستم لایه‌ای قدرتمند
• امکان ساخت Layoutهای پیچیده با Row و Column
• پشتیبانی از Flexbox و Absolute Position
• امکان کنترل دقیق نسخه موبایل
• کتابخانه گسترده قالب‌های آماده
• امکانات متنوع انیمیشن و افکت
• امکان استفاده از محتوای Dynamic
• سازگاری با WooCommerce در نسخه Pro
• سازگاری با Page Builderهای محبوب
• تمرکز بر عملکرد و سرعت بارگذاری
• پشتیبانی از WebP و بهینه‌سازی تصاویر
• قابلیت Import و Export
• پشتیبانی از Lightbox
• SEO Friendly
• Responsive و Mobile Ready

Smart Slider 3 را می‌توان یکی از ابزارهای جامع برای ساخت محتوای بصری در وردپرس دانست. این افزونه از یک اسلایدر ساده فراتر رفته و مجموعه‌ای از امکانات طراحی، سیستم لایه‌ای، Layout، انیمیشن، محتوای Dynamic، WooCommerce، Responsive Design، قالب‌های آماده و ابزارهای بهینه‌سازی عملکرد را در یک محیط واحد ارائه می‌کند.

اگر هدف شما ساخت اسلایدرهای حرفه‌ای برای صفحه اصلی، نمایش محصولات WooCommerce، نمایش نوشته‌های وردپرس، ساخت Hero Section، گالری تصاویر، محتوای تبلیغاتی یا حتی ایجاد بخش‌های بصری پیچیده در صفحات سایت باشد، Smart Slider 3 امکانات لازم برای انجام این کار را بدون وابستگی جدی به کدنویسی فراهم می‌کند.

تفاوت اصلی Smart Slider 3 با بسیاری از Sliderهای ساده در این است که به جای محدود کردن کاربر به چند تصویر و افکت آماده، یک محیط طراحی لایه‌ای در اختیار او قرار می‌دهد؛ بنابراین می‌توان متن، تصویر، دکمه، ویدئو، انیمیشن، Row، Column و عناصر مختلف را ترکیب کرد و برای دسکتاپ، تبلت و موبایل خروجی متفاوتی طراحی کرد. قابلیت‌های رسمی فعلی محصول نیز این رویکرد را با امکاناتی مانند 24 Layer، بیش از 180 Template، 32 Dynamic Source، Responsive Design، Flexbox، Absolute Position، Animation Timeline و ابزارهای بهینه‌سازی عملکرد تکمیل می‌کنند.