مع حل Tikee من Enlaps وتطبيق الويب myTikee المخصص لإنشاء الفاصل الزمني، يمكنك بسهولة دمج مشروع تايم لابس الخاص بك في موقعك الإلكتروني بنقرة واحدة فقط. وسواء كنت ترغب في إضافة فيديو بانورامي، أو مقارنة قبل وبعد، أو معرض صور، فلديك إمكانية الوصول إلى روابط iframe قابلة للتخصيص. يوجهك هذا الدليل التعليمي خلال الخطوات اللازمة لتخصيص أكواد iframe هذه لتحسين عرض مشروع التايم لابس الخاص بك.

الوصول إلى كود دمج Iframe

للعثور على كود iframe الخاص بك، انتقل إلى فهرس المشروع:

1. انتقل إلى المشروع.

2. اضغط على مشاركة.

1. تعديل مقاس الـ Iframe

يمكن تخصيص كود دمج iFrame بسهولة مباشرة من كود الدمج نفسه. في كثير من الأحيان، عند دمج معرض صور باستخدام iframe، يظهر شريط تمرير افتراضي إذا كان المعرض أكبر من حجم الـ iframe. ولتجنب ذلك، هناك خياران يمكن إضافتهما لضبط حجم الـ iframe بسهولة.

الخيار الأول هو تغيير ارتفاع وعرض الـ iframe ليتناسب مع المعرض عن طريق تعديل أرقام الارتفاع والعرض في الكود كما هو موضح أدناه.

<iframe src="https://staging.tikee.io/time_lapses/1879/photo_gallery/6b12e12d-5650-4aed-8495-38fee083fbba?lang=en" allowfullscreen style="width: 900px; height: 620px; border: none;" ></iframe>

يمكنك أيضاً إزالة الإطار وشريط التمرير. يمكنك إضافة scrolling = “no” و frameBorder = “0” إلى كود الدمج لإزالة هذا الشريط. تنبيه: إذا قمت بإزالة شريط التمرير الخاص بالمعرض، فتأكد من ضبط الارتفاع بحيث لا تختفي أزرار التحكم.

لكي يتكيف الفيديو مع حجم الصفحة، يجب إضافة " ?fluid=true " في كود الـ iframe

<iframe src="https://my.tikee.io/videos/cc3dc6e1-862b-4132-b563-61c92ce0a60a?fluid=true" style="width: 100%; height: 100%; border: none;"></iframe>

2. تخصيص ألوان الـ Iframe

يمكنك اختيار ألوان الـ iframe الخاص بك كالتالي:

• primary_color: مثل “#090909” ولكن بدون الـ “#” لأننا نستخدمه ضمن رابط URL.

  • secondary_color: مثل “#090909” ولكن بدون الـ “#” لأننا نستخدمه ضمن رابط URL.

  • font_color: مثل “#090909” ولكن بدون الـ “#” لأننا نستخدمه ضمن رابط URL.

قم بتمرير هذه المعلمات كما تفعل مع أي معلمات استعلام في رابط URL:

https://my.tikee.io/time_lapses/{…}/photo_gallery/{…}?lang=en&primary_color=5f9ea0&secondary_color=ff9800&font_color=db0b93

الكود كاملاً:

<iframe src="https://my.tikee.io/time_lapses/{...}/photo_gallery/{...}?lang=en&primary_color=5f9ea0&secondary_color=ff9800&font_color=db0b93" allowfullscreen style="width: 100%; height: 100%; border: none" ></iframe>

3. اختيار أنواع العرض في الـ Iframe

يمكنك اختيار أنواع العرض التي تريدها في الـ iframe الخاص بك كالتالي:

• default_tab: “single” ، “compare” ، “immersive”

  • single: وضع التمرير العادي

  • compare: وضع المقارنة قبل وبعد

  • immersive: العرض الشامل مع إعادة الإسقاط

  • allowed_viewer_types: مثل “single” ، “compare” ، “immersive” مفصولة بفاصلة

/!\ تعمل هذه المعلمات معاً، فلا يمكنك استخدام “allowed_viewer_types” بدون “default_tab”.

https://my.tikee.io/time_lapses/{…}/photo_gallery/{…}?lang=en&default_tab=immersive&allowed_viewer_types=single,compare,favorite,video

الكود كاملاً:

<iframe src="https://my.tikee.io/time_lapses/{...}/photo_gallery/{...}?lang=en&default_tab=immersive&allowed_viewer_types=single,compare,favorite,video" allowfullscreen style="width: 100%; height: 100%; border: none" ></iframe>

4. إخفاء أزرار التحميل

يمكنك إخفاء أزرار التحميل في الـ iframe الخاص بك كالتالي:

• hide_downloads: “true” ، “false”

https://my.tikee.io/time_lapses/{…}/photo_gallery/{…}?lang=en&hide_downloads=true

الكود كاملاً:

<iframe src="https://my.tikee.io/time_lapses/{...}/photo_gallery/{...}?lang=en&hide_downloads=true" allowfullscreen style="width: 100%; height: 100%; border: none" ></iframe>

5. اختيار اللغة

يمكنك اختيار لغة مشغل الـ iframe الخاص بك عن طريق تغيير معلمة “lang”، والقيم المقبولة هي “en” و “fr”.

إن تخصيص كود iframe لمشاريع كاميرا تايم لابس Tikee الخاصة بك هي عملية بسيطة تتيح لك التحكم في مظهر ووظائف معارض الصور الخاصة بك على موقعك الإلكتروني. ومن خلال ضبط الأبعاد والألوان وأنواع العرض والمعلمات الأخرى، يمكنك دمج محتوى الفاصل الزمني الخاص بك بسلاسة في استراتيجية التواصل الخاصة بك عبر الإنترنت.

لمزيد من المعلومات حول حلول Tikee وتطبيقاتها، تفضل بزيارة موقعنا الإلكتروني.