خبرها

Skip Navigation Links.

مدیا و تصاویر

ساخت اسلایدر تعاملی / Layer Slider

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

درخواست دمو 021-88570276

ویژگی‌ها

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

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

افکت‌های انیمیشنی پیشرفته

بیش از ۲۰۰ افکت حرکتی شامل Fade، Slide، Rotate، Skew، Scale و افکت‌های سه‌بعدی.

پشتیبانی از لایه‌های چندگانه

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

قالب‌های آماده و قابل ویرایش

مجموعه‌ای از تمپلیت‌های حرفه‌ای برای شروع سریع طراحی.

سازگاری کامل با موبایل و تبلت

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

پشتیبانی از ویدیوهای HTML5، YouTube و Vimeo

افزودن ویدیو به اسلایدها با کنترل‌های سفارشی.

افکت پارالاکس و اسکرول

ساخت صحنه‌های پویا با حرکت لایه‌ها بر اساس موقعیت اسکرول.

قابلیت نمایش پاپ‌آپ و بنر تبلیغاتی

استفاده از اسلایدر به‌عنوان پنجره‌های تبلیغاتی یا اطلاع‌رسانی.

مدیریت نسخه‌ها و بازگردانی تغییرات

ذخیره خودکار نسخه‌های قبلی و امکان مقایسه و بازگردانی.

کتابخانه تصاویر و آیکون‌ها

دسترسی به هزاران تصویر و آیکون برای طراحی سریع و حرفه‌ای.

نحوه عملکرد

نصب افزونه:

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

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

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

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

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

2. انتخاب تصویر پس‌زمینه و تنظیم اندازه اسلایدر.

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

1. افزودن اسلاید جدید و تعیین زمان نمایش.

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

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

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

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

2. اتصال به ویدیوهای خارجی یا افزودن HTML5 Video.

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

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

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

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

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

در کمپین‌های تبلیغاتی، از قابلیت پاپ‌آپ برای نمایش پیشنهاد ویژه یا فرم عضویت بهره ببرید.

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

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

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

درخواست دمو

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

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

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

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

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

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

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

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

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

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

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

برای نصب، فایل DNNGo_LayerGalleryPro_XX.zip را از وب‌سایت DNNGo دریافت کرده و از طریق بخش Extensions در پنل مدیریت DNN نصب نمایید. پس از نصب، ماژول را به صفحه دلخواه اضافه کرده، از طریق دکمه Manager اسلایدر جدید ایجاد کرده، تصویر پس‌زمینه را بارگذاری و تنظیمات مربوط به لایه‌ها، افکت‌ها و زمان‌بندی را پیکربندی کنید.

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

بله، Layer Slider با نسخه‌های DNN 8.x، 9.x و حتی 10.x کاملاً سازگار است. همچنین در مرورگرهای رایج مانند Chrome، Firefox، Safari و Edge عملکرد روانی دارد. طراحی واکنش‌گرای آن باعث می‌شود اسلایدرها در موبایل و دسکتاپ به‌درستی نمایش داده شوند.

چه نوع محتواهایی را می‌توان در لایه‌های اسلایدر استفاده کرد؟

در هر اسلاید می‌توان از لایه‌های مختلف شامل: تصاویر PNG یا JPG متن‌های HTML با استایل سفارشی ویدیوهای YouTube یا Vimeo دکمه‌های لینک‌دار آیکون‌ها و اشکال گرافیکی استفاده کرد. هر لایه قابلیت تنظیم موقعیت، زمان ورود و خروج، افکت‌های حرکتی و نمایش در دستگاه‌های خاص را دارد.

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

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

آیا امکان زمان‌بندی نمایش اسلایدها و استفاده از Lazy Loading وجود دارد؟

بله، افزونه امکان زمان‌بندی انتشار و انقضای هر اسلاید را فراهم می‌کند. همچنین از قابلیت Lazy Loading برای بهینه‌سازی سرعت بارگذاری و سئو پشتیبانی می‌کند. این ویژگی‌ها باعث می‌شوند اسلایدرها در زمان مناسب و با عملکرد سریع‌تری نمایش داده شوند.

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

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