كيفية تضمين معرض الصور الخاص بك على موقع ويب
اعرض صور فعاليتك مباشرة على أي موقع ويب أو مدونة أو صفحة WordPress. ينشئ Fotify رمز تضمين تقوم بلصقه في HTML، ثم يظهر المعرض مع تغيير الحجم تلقائيًا، وخيارات السمات، ووضعَي تخطيط: الشبكة (Grid) والشرائح (Carousel).
الخطوة 1: إنشاء رمز التضمين
- انتقل إلى Photos في الشريط الجانبي
- انقر "Share Album" ضمن قسم الإجراءات
- فعّل خيار "Public Album Access" إذا لم يكن مفعّلًا بالفعل
- مرّر للأسفل وفعّل خيار "Embed on Website"
- سيظهر مُولِّد رمز التضمين
تحتاج إلى مشاركة ألبومك أولًا قبل أن تتمكن من إنشاء رموز التضمين.
الخطوة 2: تخصيص التضمين
قبل نسخ الرمز، قم بضبط هذه الخيارات:
السمة
اختر من بين 10 سمات مرئية لتناسب موقعك:
- Classic — خلفية بيضاء نظيفة مع ظلال خفيفة
- Dark — خلفية داكنة أنيقة مع لمسات متوهجة
- Minimal — بدون حدود وبدون ترويسة — فقط صورك
- Elegant — خط سيريف مع درجات دافئة ولمسة راقية
- Modern — بطاقات دائرية جريئة مع ترويسة بتدرّج لوني
- Polaroid — إطارات صور نوستالجية مع حدود بيضاء
- Glass — تأثير زجاج مُعتّم مع شفافية وتمويه
- Neon — توهّج نابض بالحيوية مع لمسات كهربائية
- Magazine — تخطيط تحريري مع شبكة غير متناظرة
- Sunset — تدرّج دافئ بأجواء ساعة الغروب الذهبية
التخطيط
- Grid — تُعرض الصور ضمن شبكة متجاوبة (افتراضيًا). يمكنك الاختيار بين 2-5 أعمدة.
- Carousel — عرض شرائح يتقدّم تلقائيًا كل 4 ثوانٍ مع أسهم للتنقل ومؤشرات نقطية. يدعم مفاتيح الأسهم في لوحة المفاتيح.
الحد الأقصى للصور
حدّد عدد الصور التي يتم عرضها داخل التضمين. اختر "All" للتمرير اللانهائي (في وضع الشبكة) أو لعرض المجموعة كاملة (في وضع الشرائح).
الخطوة 3: لصق الرمز
- انقر "Copy" لنسخ رمز التضمين
- الصقه في محرر HTML لموقعك
يتضمن الرمز عنصر <iframe> وبرنامجًا نصيًا صغيرًا يغيّر حجم الإطار تلقائيًا ليتناسب مع المحتوى — بدون أي إعدادات إضافية.
WordPress
في محرر WordPress، أضف كتلة Custom HTML والصق رمز التضمين.
Squarespace
استخدم Code Block أو Embed Block والصق الرمز.
Wix
استخدم عنصر HTML iframe (ضمن "Embed") والصق الرمز.
أي صفحة HTML
الصق الرمز في أي مكان داخل وسم <body>. يتكيّف المعرض مع عرض الحاوية تلقائيًا.
كيف يعمل
- يقوم التضمين بتحميل ألبومك العام داخل iframe
- يتم جلب الصور في الوقت الفعلي — تظهر الرفوعات الجديدة تلقائيًا
- يغيّر iframe حجمه تلقائيًا ليتطابق مع ارتفاع المحتوى، بحيث لا توجد مساحة مهدرة
- يؤدي النقر على أي صورة إلى فتح الألبوم الكامل في علامة تبويب جديدة
- يحترم التضمين إعدادات الموافقة في ألبومك — يتم عرض الصور المعتمدة فقط
الأسئلة الشائعة
س: هل أحتاج إلى تحديث رمز التضمين عند إضافة صور جديدة؟ ج: لا. يقوم التضمين بتحميل الصور في الوقت الفعلي من ألبومك. تظهر الصور الجديدة المعتمدة تلقائيًا.
س: هل يمكنني تضمين ألبوم محدد من فعاليتي؟ ج: نعم، يتضمن رمز التضمين المعرّف الفريد لألبومك. إذا كان لديك عدة ألبومات، فسيحصل كل ألبوم على رمز تضمين خاص به.
س: هل يعمل التضمين على الهاتف المحمول؟ ج: نعم، المعرض متجاوب بالكامل. تتكيف أعمدة الشبكة تلقائيًا على الشاشات الأصغر، ويعمل وضع الشرائح مع السحب باللمس.
س: هل يمكن للزوار رفع الصور عبر التضمين؟ ج: لا، التضمين للعرض فقط. للسماح للزوار برفع الصور، شارك رمز QR أو رابط الرفع.
س: هل يبطئ التضمين موقعي؟
ج: لا. يستخدم التضمين loading="lazy" لذا لا يتم تحميله إلا عندما يقوم الزائر بالتمرير إليه. يتم تقديم الصور عبر CDN لسرعة التسليم.
س: هل يمكنني تغيير السمة بعد التضمين؟
ج: نعم. يتم ضبط السمة عبر معامل في عنوان URL. يمكنك إما إعادة إنشاء رمز التضمين بسمة مختلفة، أو تغيير قيمة theme= يدويًا في عنوان URL الخاص بـ iframe.
س: ماذا يحدث إذا عطّلت الوصول العام إلى الألبوم؟ ج: سيعرض التضمين حالة خطأ. أعد تفعيل الوصول العام لاستعادته.
س: هل توجد علامة مائية "Powered by Fotify"؟ ج: تعرض معظم السمات تذييلًا صغيرًا يتضمن "Powered by Fotify". تجعل السمة Minimal هذا أقل بروزًا.
هل كانت هذه المقالة مفيدة؟