برای استفاده از ویجت جار در سایت‌های  واکنش‌گرا (Responsive) باید iframeهای سایت‌ خود را Responsive کنید. برای واکنش‌گرا کردن iframe ویجت جار کافیست استایل max-width: 100% را به المان iframe اضافه کنید. اگر نتیجه دلخواه را نگرفتید، از راهنماهای زیر می‌توانید استفاده کنید.

راهنمای iframeهای واکنش‌گرا در Bootstrap

https://getbootstrap.com/docs/4.0/utilities/embed/

راهنمای iframeهای واکنش‌گرا در Foundation

https://foundation.zurb.com/sites/docs/responsive-embed.html

راهنمای کلی واکنش‌گرا کردن iframe

https://blog.theodo.fr/2018/01/responsive-iframes-css-trick

 

نظرات

  1. nader

    ممنون بابت این سرویس جالب. فقط یک مشکل هست اونم زمانی هست که ویجت رو روی سایت وردپرسی قرار میدیم و وقتی روی عکس یکی از روزنامه ها کلیک میکنیم تا تصویر بزرگ روزنامه نمایش داده بشه به این آدرس هدایت میشیم و ارور 404 سایت جار نمایش داده میشه:
    https://www.jaaar.com/kiosk/archives

    1. حسام اصفهانی نویسنده مطلب

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

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *