كيفية تخصيص iframe لمشروع التايم لابس الخاص بك؟

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

الوصول إلى كود دمج 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>

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

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

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

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