Skip Navigation Links.

مدیا و تصاویر

ساخت اسلایدر واکنشگرا / Live Slider

افزونه‌ی Live Slider یک ماژول پیشرفته و چند منظوره برای ساخت اسلاید های واکنش‌گرا در وب‌سایت‌های مبتنی بر DNN است. این افزونه با هدف نمایش حرفه‌ای تصاویر، ویدیوها، محتواهای لایه‌ای و بنرهای تبلیغاتی طراحی شده و با پشتیبانی از بیش از ۲۰۰ افکت حرکتی دوبعدی و سه‌بعدی، تجربه‌ای بصری چشم‌نواز و تعاملی برای کاربران فراهم می‌سازد.

ویژگی‌ها

ویرایشگر گرافیکی لایه‌ها

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

افکت‌های حرکتی پیشرفته

بیش از ۲۰۰ افکت 2D و 3D شامل Fade، Slide، Rotate، Skew، Scale و ترکیبی از آن‌ها.

پشتیبانی از ویدیو و صوت

افزودن ویدیوهای YouTube، Vimeo یا HTML5 و فایل‌های صوتی با کنترل‌های سفارشی.

قالب‌های آماده و قابل تنظیم

شامل ۱۳ پوسته پیش‌فرض با قابلیت سفارشی‌سازی کامل از طریق CSS و تنظیمات داخلی.

طراحی واکنش‌گرا

نمایش صحیح در دسکتاپ، موبایل و تبلت با قابلیت تنظیم ابعاد و موقعیت عناصر.

پشتیبانی از پارالاکس و لایه‌های تعاملی

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

ناوبری پیشرفته

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

پشتیبانی از نقش‌های امنیتی DNN

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

قابلیت افزودن لوگو یا تصویر ثابت

نمایش تصویر ثابت روی اسلایدر با لینک و استایل دلخواه.

سازگاری با SEO و موتور جستجوی داخلی DNN

ایندکس‌پذیری محتوا و پشتیبانی از Localization.

نحوه عملکرد

نصب افزونه:

1. دریافت فایل نصب از Mandeeps یا DNN Store.

2. ورود به پنل مدیریت DNN و نصب از بخش Extensions.

3. افزودن ماژول Live Slider به صفحه‌ی دلخواه.

ساخت اسلایدر جدید:

1. ورود به بخش مدیریت ماژول و کلیک روی "Add Slider".

2. انتخاب قالب نمایشی، تنظیم ابعاد، رنگ پس‌زمینه و پوسته.

افزودن اسلایدها و لایه‌ها:

1. افزودن اسلاید جدید با تصویر، ویدیو یا محتوای HTML.

2. افزودن لایه‌های متنی، تصویری، دکمه یا صوت به هر اسلاید.

3. تنظیم افکت، زمان‌بندی، موقعیت و رفتار هر لایه.

تنظیمات پیشرفته:

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

2. تعیین نقش‌های مجاز برای مشاهده یا مدیریت اسلایدها.

3. اتصال به ویدیوهای خارجی و تنظیم رفتار پخش.

ذخیره و تست عملکرد:

1. ذخیره تنظیمات و مشاهده اسلایدر در صفحه‌ی سایت.

2. بررسی عملکرد در مرورگرهای مختلف و دستگاه‌های همراه.

توصیه‌های حرفه‌ای

برای صفحات فرود، از اسلایدر تمام‌صفحه با افکت‌های 3D و لایه‌های تعاملی استفاده کنید تا توجه کاربر جلب شود.
در کمپین‌های تبلیغاتی، از قابلیت Auto Launch برای نمایش خودکار بنر یا پیام ویژه بهره ببرید.
برای بهبود تجربه کاربری در موبایل، لایه‌هایی که در دستگاه‌های کوچک مزاحم هستند را مخفی کنید.
از قالب‌های آماده برای شروع سریع استفاده کنید و سپس آن‌ها را با محتوای اختصاصی خود سفارشی‌سازی نمایید.
قبل از انتشار، از قابلیت پیش‌نمایش زنده استفاده کنید تا از صحت طراحی و افکت‌ها مطمئن شوید.
درخواست دمو

راهنمای تصویری کار با این افزونه

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

نصب Live Slider از طریق بخش Extensions و افزودن به صفحه دلخواه.

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

محیط طراحی لایه‌ها با گزینه‌های افکت، موقعیت، زمان‌بندی و لینک.

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

نمایی از اسلایدر فعال‌شده با طراحی چند لایه، افکت‌های حرکتی و واکنش‌گرایی کامل.

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

افزونه Live Slider چه کاربردی دارد و برای چه نوع سایت‌هایی مناسب است؟

Live Slider یک افزونه چندمنظوره برای ایجاد اسلایدرهای واکنش‌گرا در سایت‌های DNN است. این افزونه امکان ساخت گالری تصاویر، اسلایدهای محتوایی، بنرهای تبلیغاتی و نمایش ویدیو را با افکت‌های متنوع فراهم می‌کند. مناسب برای سایت‌های شرکتی، فروشگاهی، هنری، خبری و آموزشی است که نیاز به نمایش بصری و تعاملی دارند.

نحوه نصب و راه‌اندازی افزونه چگونه است؟

برای نصب، فایل افزونه را از Mandeeps.com یا DNN Store دریافت کرده و از طریق بخش Extensions در پنل مدیریت DNN نصب نمایید. پس از نصب، ماژول را به صفحه دلخواه اضافه کرده و با استفاده از رابط گرافیکی، اسلایدها، لایه‌ها، افکت‌ها و تنظیمات نمایشی را پیکربندی کنید. نسخه آزمایشی ۱۴ روزه نیز برای تست عملکرد در دسترس است.

آیا افزونه با نسخه‌های جدید DNN و مرورگرهای مدرن سازگار است؟

بله، Live Slider با نسخه‌های DNN 9.4.2 و بالاتر از جمله DNN 10.x کاملاً سازگار است. همچنین طراحی آن به‌صورت SPA (Single Page Application) و استفاده از موتور Greensock باعث عملکرد روان در مرورگرهای مدرن و دستگاه‌های موبایل می‌شود.

چه قابلیت‌هایی برای طراحی اسلایدها و لایه‌ها وجود دارد؟

افزونه از بیش از ۲۰۰ افکت ۲D و ۳D برای انتقال اسلایدها پشتیبانی می‌کند. هر اسلاید می‌تواند شامل لایه‌های متنی، تصویری، ویدیو، صوت، دکمه و آیکون باشد. لایه‌ها قابلیت حرکت، چرخش، تغییر اندازه، محو شدن و افکت پارالاکس دارند. همچنین می‌توان برای هر لایه لینک، زمان‌بندی و افکت جداگانه تعریف کرد.

در صورت بروز خطا یا عدم نمایش صحیح اسلایدر، چه اقداماتی باید انجام داد؟

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

آیا امکان نمایش ویدیو و صوت در اسلایدها وجود دارد؟

کاملاً. افزونه از ویدیوهای YouTube، Vimeo و فایل‌های HTML5 پشتیبانی می‌کند. همچنین می‌توان فایل‌های صوتی را در اسلایدها قرار داد. قابلیت‌هایی مانند پخش خودکار، توقف اسلاید هنگام پخش، و نمایش thumbnail ویدیو نیز در دسترس هستند.

تفاوت Live Slider با افزونه‌هایی مانند DNNGalleryPro یا EasyDNNgallery چیست؟

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