مكون بنر وسائط مع نص جانبي (Media Text Banner)
يمكنك استخدام هذا المكون لإنشاء بنر جذاب يجمع بين الوسائط (صورة أو فيديو) والنصوص، مع إمكانية تخصيص التخطيط والألوان والأزرار لخلق تجربة تفاعلية مميزة.
مكون بنر وسائط مع نص جانبي في قالب لوكس - تصميم متطور يجمع بين المحتوى المرئي والنصي بطريقة احترافية وجذابة
🎬 خيارات الوسائط
يمكنك اختيار نوع الوسائط للبنر: صورة أو فيديو، مع إمكانية رفع نسخة منفصلة للجوال والحاسوب:
أنواع الوسائط
اختر من بين نوعين رئيسيين:
- صورة: مثالي للعروض الثابتة والمنتجات
- فيديو: مثالي للعروض التوضيحية والتسويق التفاعلي
إدارة الصور
- صورة الحاسوب: الصورة الأساسية لأجهزة الحاسوب أو كصورة مصغرة للفيديو (مطلوبة)
- صورة الجوال: نسخة محسنة للأجهزة المحمولة (اختيارية)
إدارة الفيديو
- رابط الفيديو - الحاسوب: فيديو رئيسي لأجهزة الحاسوب
- رابط الفيديو - الجوال: فيديو منفصل محسن للجوال (اختياري)
- دليل إضافة الفيديو: إرشادات مفصلة لرفع وتحسين الفيديو
📝 خيارات المحتوى
يمكنك إضافة النصوص والعناوين والوصف مع تخصيص الألوان والتنسيق:
النصوص والعناوين
- العنوان الفرعي: نص صغير يظهر فوق العنوان الرئيسي (2-100 حرف)
- العنوان الرئيسي: العنوان الرئيسي الذي سيظهر في البنر (2-200 حرف)
- الوصف: نص توضيحي يشرح المحتوى أكثر (10-500 حرف)
مميزات المحتوى
- دعم متعدد اللغات: جميع النصوص تدعم اللغات المتعددة
- مرونة في الطول: أطوال نصوص مختلفة حسب الحاجة
- سهولة التحرير: واجهة بديهية لإدارة المحتوى
🎨 خيارات التصميم والألوان
يمكنك تخصيص الألوان والخلفية والمظهر العام للبنر:
ألوان الخلفيات
- لون خلفية القسم: لون خلفية القسم بالكامل
- لون خلفية منطقة النص: خلفية منفصلة للمنطقة النصية
- لون النص: لون العناوين والوصف والنصوص
خيارات التصميم
- الحواف المستديرة: إضافة استدارة ناعمة للبنر والوسائط
- تناسق الألوان: تنسيق مثالي مع هوية العلامة التجارية
✍️ خيارات الطباعة
يمكنك التحكم في أحجام النصوص ووزن الخط للعناوين والنصوص:
وزن الخط
اختر من بين ثلاثة أوزان مختلفة:
- عادي: الوزن الافتراضي للنص
- متوسط: وزن متوسط لإبراز المحتوى
- عريض: وزن سميك للعناوين المهمة
أحجام العنوان الرئيسي
للموبايل:
- صغير جداً (text-base)
- صغير (text-lg)
- متوسط (text-xl) - افتراضي
- كبير (text-2xl)
لسطح المكتب:
- صغير (text-2xl)
- متوسط (text-3xl) - افتراضي
- كبير (text-4xl)
- كبير جداً (text-5xl)
- ضخم (text-6xl)
أحجام العنوان الفرعي
للموبايل:
- صغير جداً (text-xs)
- صغير (text-sm) - افتراضي
- متوسط (text-base)
لسطح المكتب:
- صغير (text-base)
- متوسط (text-lg) - افتراضي
- كبير (text-xl)
- كبير جداً (text-2xl)
أحجام نص الوصف
للموبايل:
- صغير جداً (text-xs)
- صغير (text-sm) - افتراضي
- متوسط (text-base)
لسطح المكتب:
- صغير (text-base)
- متوسط (text-lg) - افتراضي
- كبير (text-xl)
- كبير جداً (text-2xl)
🔗 خيارات الأزرار
يمكنك إضافة أزرار للتفاعل مع البنر مثل أزرار الشراء أو التصفح:
إدارة الأزرار
- عدد الأزرار: حتى 3 أزرار للدعوة لاتخاذ إجراء
- نص الزر: تخصيص نص كل زر (1-50 حرف)
- روابط ذكية: ربط الأزرار بالمنتجات، التصنيفات، الصفحات، أو روابط خارجية
أنواع الروابط المدعومة
- منتج: ربط مباشر بصفحة منتج
- تصنيف: توجيه لتصنيف محدد
- ماركة تجارية: صفحة ماركة معينة
- صفحة تعريفية: صفحات المتجر الثابتة
- مقالة: مقالات المدونة
- تصنيف المدونة: تصنيفات المدونة
- روابط خاصة: التخفيضات، الماركات، المدونة
- رابط خارجي: أي رابط خارجي
تخصيص مظهر الأزرار
أحجام الأزرار:
- صغير: مناسب للنصوص القصيرة
- متوسط: الحجم الافتراضي المتوازن
- كبير: لإبراز الأزرار المهمة
أنماط الأزرار:
- نص فقط: أزرار بسيطة بدون خلفية
- نص مع خط سفلي: أزرار مع تأكيد بصري
- محدد بإطار: أزرار مع حدود واضحة
- مملوء بالكامل: أزرار بخلفية ملونة (افتراضي)
ألوان الأزرار:
- لون خلفية الأزرار: تخصيص لون الخلفية
- لون نص الأزرار: تخصيص لون النص
- استدارة الحواف: تحكم في انحناء الزوايا (0-50px)
🎮 خيارات سلوك الفيديو
يمكنك التحكم في سلوك تشغيل الفيديو وإعدادات واجهة التحكم:
إعدادات التشغيل
- التشغيل التلقائي: تشغيل الفيديو تلقائياً عند تحميل الصفحة (بدون صوت)
- إخفاء أدوات التحكم: إخفاء أزرار التشغيل لمظهر أنظف
موضع أدوات التحكم
اختر موضع أزرار التحكم:
- أسفل اليسار (افتراضي)
- أسفل اليمين
- أعلى اليسار
- أعلى اليمين
📐 خيارات التخطيط
يمكنك التحكم في تخطيط البنر وترتيب العناصر ومحاذاة النصوص:
ترتيب العناصر
- عكس ترتيب العناصر: ضع الوسائط على اليمين والنص على اليسار في أجهزة سطح المكتب
- الوسائط بارتفاع كامل: جعل الوسائط تملأ الارتفاع الكامل للمنطقة
محاذاة المحتوى
محاذاة النص:
- يسار: محاذاة للجانب الأيسر (افتراضي)
- وسط: توسيط النص والأزرار
- يمين: محاذاة للجانب الأيمن
إعدادات الحاوية
- استخدام الحاوية: الحفاظ على البنر داخل منطقة محتوى الصفحة مع مساحات جانبية (مفعل افتراضياً)
💡 حالات الاستخدام المثالية
في التجارة الإلكترونية
- عرض المنتجات الجديدة: تقديم المنتجات بطريقة بصرية جذابة
- العروض والتخفيضات: إبراز العروض الخاصة مع أزرار الشراء
- قصص العلامة التجارية: سرد قصة العلامة التجارية بالصور والنصوص
في التسويق
- الحملات الترويجية: إنشاء بنرات ترويجية متكاملة
- شرح الخدمات: توضيح الخدمات بالفيديو والنصوص
- شهادات العملاء: عرض تجارب العملاء بطريقة تفاعلية
في التعليم والتوضيح
- الدروس التفاعلية: شرح المفاهيم بالوسائط المتعددة
- دليل الاستخدام: إرشادات مصورة أو بالفيديو
- عرض النتائج: مقارنة قبل وبعد أو عرض التحسينات
🎯 أفضل الممارسات
التصميم
- التوازن البصري: حافظ على توازن بين الوسائط والنص
- جودة الوسائط: استخدم صور وفيديوهات عالية الجودة
- التناسق: حافظ على تناسق الألوان مع هوية العلامة التجارية
المحتوى
- النصوص الواضحة: اكتب عناوين ووصف واضح ومباشر
- الدعوة للعمل: استخدم أزرار واضحة تحفز على العمل
- التحسين للأجهزة: اختبر المظهر على مختلف الأجهزة
الأداء
- تحسين الصور: استخدم صور محسنة للويب
- ضغط الفيديو: اختر فيديوهات مضغوطة للتحميل السريع
- التشغيل التلقائي: استخدم بحذر لتجنب إزعاج المستخدمين
✨ مميزات المكون
- مرونة في الوسائط: دعم الصور والفيديو
- تصميم متجاوب: تحسين منفصل للجوال والحاسوب
- تخصيص شامل: تحكم كامل في المظهر والسلوك
- أزرار ذكية: ربط مرن بمختلف أجزاء المتجر
- سهولة الاستخدام: واجهة بديهية للإعداد
- أداء محسن: تحميل سريع وتشغيل سلس
- إمكانيات طباعية متقدمة: تحكم دقيق في أحجام النصوص
- تكامل مثالي: يندمج بسلاسة مع تصميم لوكس
مكون بنر وسائط مع نص جانبي هو أداة تسويقية قوية تجمع بين قوة المحتوى المرئي ووضوح الرسالة النصية، مما يجعله مثالياً لإنشاء تجارب تفاعلية مؤثرة تزيد من معدلات التفاعل والتحويل.