كيفية تضمين شرائح جوجل مثل المحترفين!

يستغرق الأمر خطوتين سهلتين لتضمين أي مجموعة شرائح Google في موقع الويب الخاص بك. افتح العروض التقديمية من Google، وانتقل إلى قائمة “ملف” واختر “نشر على الويب”. يصبح العرض التقديمي عامًا ويتم تقديم علامة IFRAME HTML لك والتي يمكنك نسخها ولصقها في أي صفحة ويب.

<iframe src="https://docs.google.com/presentation/d/e/xxxx/embed" frameborder="0" width="800" height="600"></iframe>

قم بتخصيص تضمينات شرائح Google الخاصة بك

يمكن تخصيص مشغل Google Slides المضمن بسهولة عن طريق تعديل src سمة علامة IFRAME.

بدء تشغيل عرض الشرائح المضمن تلقائيًا

إلحاق start=true إلى عنوان URL وسيتم تشغيل عرض الشرائح تلقائيًا بمجرد أن يفتح شخص ما صفحة الويب الخاصة بك. أو تعيين start=false ولن يتم تشغيل عرض الشرائح إلا عندما ينقر الزائر على أيقونة التشغيل في مشغل الشرائح.

تغيير مدة الشرائح

مع start لتعيين صحيح، يمكنك إضافة delayms=1000 إلى عنوان URL لتحديد الوقت (بالملي ثانية) الذي يجب أن يتم عرض كل شريحة خلاله قبل التقدم التلقائي إلى الشريحة التالية. على سبيل المثال، start=true&delayms=6000، سيتم تشغيل عرض الشرائح تلقائيًا وستتقدم الشرائح تلقائيًا كل 6 ثوانٍ (6000 مللي ثانية).

قم بتشغيل عرض الشرائح في Loop

يضيف restart=true إلى عنوان URL لعرض الشرائح وسيتم تشغيله في حلقة، مما يعني أنه سيتقدم تلقائيًا إلى الشريحة الأولى بعد الشريحة الأخيرة.

ابدأ من شريحة محددة

سيبدأ عرض شرائح Google المضمن دائمًا من الشريحة الأولى في المجموعة. ومع ذلك، يمكنك تخصيص عنوان URL لبدء عرض الشرائح من شريحة معينة عن طريق الإضافة slide=id.p# إلى عنوان URL، حيث # هو رقم الشريحة.

على سبيل المثال، إذا كنت ترغب في تضمين عرض شرائح بفاصل 8 ثوانٍ وبدءًا من الشريحة الرابعة، فسيكون عنوان URL الخاص بك هو:

https://docs.google.com/presentation/d/e/xxxx/embed?start=true&delayms=8000&slide=id.p4

قم بإزالة علامة Google التجارية والتحكم في المشغل

يعرض مشغل Google Slides عناصر التحكم وعلامة Google التجارية في الشريط السفلي. ومع ذلك، إذا كنت ترغب في تشغيل عرض الشرائح في وضع الكشك دون أي عناصر تحكم في المشغل أو علامة Google التجارية، فما عليك سوى إضافة ذلك rm=minimal إلى رابط IFRAME (rm = وضع العرض)

اجعل مشغل Google Slides مستجيبًا

يحتوي رمز التضمين المقدم من Google Slides على ارتفاع وعرض ثابتين، وبالتالي سيتم عرضه بنفس الحجم على كل من شاشات أجهزة الكمبيوتر المكتبية والجوالة. ومع ذلك، يمكنك جعل المشغل مستجيبًا باستخدام القليل من CSS كما هو مفصل أدناه.

1. قم بإزالة الارتفاع والعرض والمعلمات الأخرى من علامة IFRAME:

<iframe src="https://docs.google.com/presentation/d/e/xxxx/embed"></iframe>`

2. أضف CSS هذا إلى صفحة HTML الخاصة بك. ال padding-bottom تم ضبطها على 56.25% لنسبة 16×9 (9/16*100) بحيث يكون ارتفاع اللاعب 56.25% من عرض اللاعب. اضبط القيمة على 75% بنسبة 4:3.

<style>
  .responsive-google-slides {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 Ratio */
    height: 0;
    overflow: hidden;
  }
  .responsive-google-slides iframe {
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }
</style>

3. قم بلف IFRAME الأصلي داخل الفصل المستجيب وأنت على ما يرام. هنا عرض حي.

<div class="responsive-google-slides">
  <iframe src="https://docs.google.com/presentation/d/e/xxxx/embed"></iframe>
</div>

انظر أيضًا: 🦋 حيل عناوين URL السرية لمحرر مستندات Google