خبرها

Skip Navigation Links.

مدیا و تصاویر

نمایش محتوای خارجی / IFrame

افزونه‌ی IFrame یکی از ماژول‌های رسمی و متن‌باز پلتفرم DNN است که برای نمایش محتوای خارجی یا داخلی در قالب iframe در صفحات وب‌سایت طراحی شده است. این افزونه راه‌حلی ساده و سریع برای جاسازی صفحات دیگر، فرم‌ها، ویدیوها، نقشه‌ها یا هر نوع محتوای HTML از منابع دیگر در داخل سایت DNN فراهم می‌سازد، بدون نیاز به کدنویسی یا تغییر در قالب اصلی سایت.

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

ویژگی‌ها

پشتیبانی از URL داخلی و خارجی

امکان نمایش صفحات از دامنه‌های دیگر یا صفحات داخلی سایت.

تنظیم اندازه iframe

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

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

فعال‌سازی یا غیرفعال‌سازی اسکرول برای محتوای طولانی.

سازگاری با نسخه‌های مختلف DNN

عملکرد پایدار در نسخه‌های 7.x تا 9.x و بالاتر.

متن‌باز و قابل توسعه

در دسترس از طریق GitHub با امکان سفارشی‌سازی توسط توسعه‌دهندگان.

رابط کاربری ساده و قابل فهم

تنظیمات سریع بدون نیاز به دانش فنی.

قابلیت استفاده چندگانه

افزودن چند ماژول IFrame در یک صفحه بدون تداخل.

سازگاری با قالب‌های واکنش‌گرا

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

نحوه عملکرد

نصب افزونه:

1. دریافت فایل نصب از مخزن رسمی GitHub.

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

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

پیکربندی اولیه:

1. ورود به تنظیمات ماژول.

2. وارد کردن آدرس URL مورد نظر (داخلی یا خارجی).

3. تعیین عرض و ارتفاع iframe (بر حسب پیکسل یا درصد).

4. فعال‌سازی یا غیرفعال‌سازی اسکرول عمودی.

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

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

2. بررسی نمایش صحیح در مرورگرهای مختلف و دستگاه‌های همراه.

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

برای جلوگیری از خطای امنیتی در نمایش محتوای خارجی، مطمئن شوید که سایت مقصد از X-Frame-Options پشتیبانی می‌کند یا از Content-Security-Policy مناسب استفاده شده است.

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

برای هماهنگی با طراحی سایت، از CSS سفارشی برای تنظیم حاشیه‌ها و موقعیت iframe بهره ببرید.

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

قبل از انتشار، عملکرد iframe را در مرورگرهای مختلف بررسی کنید تا از سازگاری کامل مطمئن شوید.

درخواست دمو

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

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

نصب افزونه‌ی IFrame از طریق بخش Extensions و افزودن به صفحه.

فرم وارد کردن آدرس صفحه مقصد و تعیین عرض و ارتفاع نمایش.

گزینه‌های مربوط به اسکرول عمودی و دکمه ذخیره تنظیمات.

نمایی از محتوای خارجی نمایش‌داده‌شده در قالب iframe با طراحی واکنش‌گرا.

پیام خطا هنگام عدم اجازه نمایش iframe از سایت مقصد (در صورت وجود محدودیت امنیتی).

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

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

افزونه IFrame برای نمایش محتوای خارجی یا داخلی در قالب یک قاب (iframe) در صفحات سایت DNN استفاده می‌شود. این ماژول امکان جاسازی صفحات وب، فرم‌ها، ویدیوها یا ابزارهای دیگر را بدون نیاز به انتقال کاربر به صفحه‌ای دیگر فراهم می‌کند. مناسب برای سایت‌های شرکتی، آموزشی، خدماتی و پورتال‌هایی است که نیاز به نمایش منابع خارجی درون سایت دارند.

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

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

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

بله، نسخه‌های اخیر افزونه IFrame با DNN 8.x، 9.x و حتی نسخه‌های جدیدتر مانند 9.11.02 سازگار هستند. با این حال، توصیه می‌شود قبل از نصب در محیط اصلی، افزونه را در محیط تست بررسی کرده و از سازگاری با قالب سایت و سایر ماژول‌ها اطمینان حاصل شود.

در صورت عدم نمایش محتوا در قاب IFrame، چه اقداماتی باید انجام داد؟

ممکن است سایت مقصد از نمایش در IFrame جلوگیری کرده باشد. این محدودیت معمولاً به دلیل تنظیمات امنیتی مانند هدر X-Frame-Options یا Content-Security-Policy اعمال می‌شود. برای رفع مشکل: بررسی کنید که سایت مقصد اجازه نمایش در IFrame را می‌دهد. در صورت نیاز، تنظیمات امنیتی سرور خود را بررسی و تنظیمات مربوط به frame-ancestors را در فایل web.config یا CSP اعمال نمایید. از دامنه‌های مجاز استفاده کنید و در صورت امکان، از منابع داخلی بهره ببرید.

آیا امکان تنظیم اندازه، اسکرول و ظاهر قاب وجود دارد؟

کاملاً. افزونه IFrame اجازه می‌دهد عرض و ارتفاع قاب را به‌صورت دستی تنظیم کنید. همچنین می‌توان اسکرول عمودی را فعال یا غیرفعال کرد. برای سفارشی‌سازی بیشتر، می‌توان از CSS اختصاصی در فایل Module.css استفاده کرد تا ظاهر قاب با طراحی سایت هماهنگ شود.

تفاوت افزونه IFrame با روش‌های دیگر جاسازی محتوا چیست؟

افزونه IFrame یک راهکار ساده و سریع برای نمایش منابع خارجی است، بدون نیاز به API یا اتصال پیچیده. در مقابل، روش‌هایی مانند WebAPI یا JavaScript Embed نیاز به توسعه بیشتر و کنترل دقیق‌تر دارند. اگر هدف فقط نمایش یک صفحه یا ابزار خارجی درون سایت باشد، IFrame گزینه‌ای سبک و مناسب است.

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

بله، می‌توان نمایش ماژول را بر اساس نقش‌های امنیتی DNN محدود کرد تا فقط کاربران خاص بتوانند محتوای داخل IFrame را مشاهده کنند. همچنین توصیه می‌شود از منابع معتبر و امن برای نمایش در IFrame استفاده شود تا از حملات احتمالی مانند Clickjacking جلوگیری گردد.