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

الوصول إلى كود تضمين Iframe

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

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

2. انقر على مشاركة (Share).

1. تعديل حجم Iframe

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

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

<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=5f9ea0

• secondary_color=ff9800

• font_color=db0b93

قم بتمرير هذه المعلمات كما تفعل مع أي معلمات استعلام (query parameters) إلى رابط 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: وضع التحريك البانورامي العادي (normal panning)

• 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".

القيم المقبولة:

lang=en
lang=fr
lang=de
lang=es
lang=ar

6. تدوير الصورة

يمكنك تدوير الصور المعروضة بواسطة الـ iframe بإضافة هذه المعلمة إلى الرابط (URL):

• rotate: "true" أو "false".

عند التفعيل، يتم تدوير الصور بزاوية ثابتة مقدارها 180 درجة. وافتراضيًا، لا يتم تدوير الصور.

مثال:

<iframe src="https://my.tikee.io/{...}?lang=en&rotate=true" allowfullscreen style="width: 900px; height: 620px; border: none;"></iframe>

<iframe src="https://my.tikee.io/{...}?lang=en&rotate=true" allowfullscreen style="width: 900px; height: 620px; border: none;"></iframe>

<iframe src="https://my.tikee.io/{...}?lang=en&rotate=true" allowfullscreen style="width: 900px; height: 620px; border: none;"></iframe>

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

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