Skip Navigation Links.

مدیا و تصاویر

نمایش محتوای تب بندی شده / Live Tabs

افزونه‌ی Live Tabs یک ماژول قدرتمند و واکنش‌گرا برای نمایش محتوای تب‌بندی‌شده در وب‌سایت‌های مبتنی بر DNN است. این افزونه با هدف سازماندهی بهتر اطلاعات، کاهش شلوغی صفحات، و افزایش تعامل کاربر طراحی شده و امکان نمایش محتوا از منابع مختلف مانند HTML، ماژول‌های DNN، RSS و کوئری‌های SQL را در قالب تب‌های قابل کنترل فراهم می‌سازد.

ویژگی‌ها

نمایش محتوا از منابع متنوع

امکان ساخت تب‌ها از HTML، ماژول‌های DNN، RSS Feed و کوئری‌های SQL.

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

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

تب‌های تو در تو (Nested Tabs)

امکان قرار دادن تب‌ها درون تب‌های دیگر برای ساختاردهی پیچیده‌تر.

پشتیبانی از چند زبان

نمایش محتوای متفاوت برای هر زبان با استفاده از Dynamic Content Localization.

مجوزهای امنیتی دقیق

تعیین نقش‌های مجاز برای مشاهده، ویرایش یا حذف تب‌ها به‌صورت جداگانه.

بارگذاری محتوا به‌صورت On-Demand

افزایش سرعت بارگذاری صفحه با نمایش محتوا فقط هنگام فعال‌سازی تب.

سازگاری با موتور جستجو

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

ادغام با Google Analytics

ردیابی کلیک روی تب‌ها با استفاده از Event Tracking.

قابلیت Workflow و تأیید محتوا

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

قالب‌های قابل سفارشی‌سازی

شامل بیش از ۲۵ قالب آماده با قابلیت طراحی قالب جدید از طریق jQuery Theme Roller.

نحوه عملکرد

نصب افزونه:

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

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

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

ساخت تب‌ها:

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

2. انتخاب نوع محتوا (HTML، ماژول، RSS، SQL).

3. وارد کردن عنوان، محتوا، تنظیمات نمایش و مجوزهای دسترسی.

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

1. انتخاب قالب نمایشی، موقعیت تب‌ها (افقی/عمودی)، افکت‌های حرکتی و تنظیمات بارگذاری.

2. فعال‌سازی Workflow، تعیین نقش‌های تأییدکننده و بررسی نسخه‌های قبلی.

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

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

2. تست لینک‌های دائمی، عملکرد SEO و ردیابی کلیک‌ها در Google Analytics.

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

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

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

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

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

فرم افزودن تب با انتخاب نوع محتوا، عنوان، مجوزها و تنظیمات نمایش.

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

تنظیم مراحل تأیید محتوا، بررسی نسخه‌های قبلی و مقایسه تغییرات.

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

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

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

Live Tabs یک افزونه حرفه‌ای برای ایجاد تب‌های تعاملی در صفحات سایت DNN است. این افزونه امکان نمایش محتوا، ماژول‌های داخلی، فیدهای RSS و نتایج کوئری SQL را در قالب تب‌های افقی یا عمودی فراهم می‌کند. مناسب برای سایت‌های شرکتی، آموزشی، فروشگاهی، خبری و پورتال‌های اطلاعاتی است که نیاز به سازماندهی محتوا در فضای محدود دارند.

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

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

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

بله، Live Tabs با نسخه‌های DNN 9.4.2 و بالاتر از جمله DNN 10.x کاملاً سازگار است. طراحی آن به‌صورت SPA (Single Page Application) و واکنش‌گراست، بنابراین در دسکتاپ، موبایل و تبلت به‌درستی نمایش داده می‌شود. همچنین با محیط‌های ابری مانند Evoq OnDemand و Azure نیز هماهنگ است.

چه قابلیت‌هایی برای مدیریت تب‌ها و محتوای آن‌ها وجود دارد؟

افزونه از امکانات زیر پشتیبانی می‌کند: ایجاد تب از HTML، ماژول‌های DNN، RSS یا SQL Query بارگذاری محتوا به‌صورت On-Demand برای افزایش سرعت تعیین مجوزهای امنیتی برای هر تب ذخیره وضعیت آخرین تب باز شده برای تجربه کاربری بهتر نسخه‌گذاری محتوا و امکان مقایسه و بازگردانی نسخه‌ها نمایش تب‌های تو در تو (Nested Tabs) و استفاده از تم‌های متنوع

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

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

آیا امکان سفارشی‌سازی ظاهر تب‌ها و استفاده از تم‌های اختصاصی وجود دارد؟

کاملاً. افزونه دارای بیش از ۲۵ تم آماده با چینش افقی و عمودی است. همچنین می‌توان با استفاده از ویرایشگر jQuery Theme Roller تم‌های سفارشی طراحی کرد. تب‌ها می‌توانند شامل آیکون، HTML، یا متن باشند و ظاهر آن‌ها با CSS قابل تنظیم است.

تفاوت Live Tabs با افزونه‌هایی مانند DNN Aggregator یا EasyDNN Tabs چیست؟

Live Tabs تمرکز ویژه‌ای بر انعطاف‌پذیری در نوع محتوا، مدیریت تب‌ها، نسخه‌گذاری، و اتصال به منابع خارجی دارد. در حالی که Aggregator امکاناتی مانند کنترل هم‌زمان چند ماژول تب‌دار و سبک‌سازی کد را ارائه می‌دهد، Live Tabs برای پروژه‌هایی که نیاز به تب‌های تعاملی، قابل جستجو، و قابل اتصال به Google Analytics دارند، گزینه‌ای حرفه‌ای‌تر محسوب می‌شود.