انتقل إلى المحتوى

عناصر السلايدر

الغرض

إنشاء وإدارة صور البانرات/السلايدر للصفحة الرئيسية وصفحات الهبوط. بناء أقسام رئيسية جذابة مع صور وعناوين وأزرار الدعوة للعمل.

الوصول إلى عناصر السلايدر

انقر على الأقسامالتسويق والمحتوىعناصر السلايدر

عرض القائمة

قائمة عناصر السلايدر

تعرض القائمة جميع عناصر السلايدر/البانرات للصفحة الرئيسية.

أعمدة الجدول

الصورة

  • التنسيق: صورة مصغرة
  • الغرض: صورة البانر المعروضة في السلايدر

العنوان

  • التنسيق: نص
  • الغرض: عنوان/ترويسة البانر

الوصف

  • التنسيق: نص
  • الغرض: النص الداعم للبانر

نص الزر

  • التنسيق: نص
  • الغرض: تسمية زر الدعوة للعمل

رابط الزر

  • التنسيق: URL
  • الغرض: إلى أين يوجّه الزر

إجراءات الصف

  • تعديل: تعديل عنصر السلايدر
  • حذف: إزالة عنصر السلايدر

الإجراءات المجمعة

  • حذف: إزالة عدة عناصر سلايدر
  • تصدير: تصدير بيانات السلايدر إلى Excel/CSV

إنشاء عنصر سلايدر

إنشاء عنصر سلايدر

انقر على "عنصر سلايدر جديد" لإضافة صورة بانر/سلايدر جديدة.

حقول النموذج

الصورة مطلوب

  • النوع: رفع ملف (التحقق من الصورة)
  • الغرض: صورة البانر المعروضة في السلايدر
  • نسبة العرض إلى الارتفاع الموصى بها: 16:5 (بانر عريض)
  • الحجم الموصى به: 1920 × 600 بكسل
  • التنسيقات: jpg، png، gif، webp، إلخ.
  • ملاحظة: الأبعاد الأكبر موصى بها للشاشات عالية الجودة

العنوان اختياري

  • النوع: حقل نص (بحد أقصى 255 حرفاً)
  • الغرض: عنوان/نص ترويسة البانر
  • قابل للترجمة: نعم - قدّمه بكل لغة
  • أمثلة: "مجموعة الصيف"، "عرض خاص"، "وصل حديثاً"

الوصف اختياري

  • النوع: حقل نص (بحد أقصى 255 حرفاً)
  • الغرض: النص الداعم أسفل العنوان
  • قابل للترجمة: نعم - قدّمه بكل لغة
  • أمثلة: "اكتشف أحدث تشكيلاتنا"، "خصم 50% على جميع المنتجات"، "عرض لفترة محدودة"

نص الزر اختياري

  • النوع: حقل نص (بحد أقصى 255 حرفاً)
  • الغرض: تسمية زر الدعوة للعمل
  • قابل للترجمة: نعم - قدّمه بكل لغة
  • أمثلة: "تسوق الآن"، "اعرف المزيد"، "عرض المجموعة"

رابط الزر اختياري

  • النوع: حقل URL (بحد أقصى 255 حرفاً)
  • الغرض: إلى أين يوجّه الزر عند النقر
  • أمثلة:
  • "/shop" (صفحة داخلية)
  • "/collections/summer" (تصنيف)
  • "https://example.com/promotion" (خارجي)

تخصيص الألوان

خصص مظهر النصوص والأزرار في عناصر السلايدر لتتوافق مع علامتك التجارية أو لتحسين الرؤية مع صور الخلفية المختلفة.

ألوان عنصر السلايدر

لون العنوان

  • النوع: منتقي الألوان
  • الافتراضي: #FFFFFF (أبيض)
  • الغرض: تعيين لون نص العنوان/الترويسة

نصائح: - استخدم ألواناً فاتحة لصور الخلفية الداكنة - استخدم ألواناً داكنة لصور الخلفية الفاتحة - تأكد من التباين الجيد للقراءة

لون الوصف

  • النوع: منتقي الألوان
  • الافتراضي: #FFFFFF (أبيض)
  • الغرض: تعيين لون نص الوصف/العنوان الفرعي

نصائح: - عادةً يتطابق أو يكمل لون العنوان - درجة أفتح/أخف قليلاً يمكن أن تخلق تسلسلاً بصرياً - اختبر على السلايدر الفعلي لضمان القراءة

لون الزر

  • النوع: قائمة منسدلة للاختيار
  • الافتراضي: أساسي
  • الغرض: اختيار نمط/لون الزر

الخيارات:

اللون الوصف حالة الاستخدام
أساسي لون العلامة التجارية الرئيسي الخيار الافتراضي، معظم CTAs
ثانوي لون العلامة التجارية الثانوي الإجراءات البديلة
تمييز لون التمييز/الإبراز التأكيد الخاص
محايد درجة رمادية/محايدة الإجراءات الخفيفة
معلومات لون معلومات أزرق البانرات المعلوماتية
نجاح لون نجاح أخضر الإجراءات الإيجابية، التخفيضات
تحذير لون تحذير أصفر/برتقالي الاستعجال، الوقت المحدود
خطأ لون خطأ/خطر أحمر التخفيضات النهائية، التصفية

اختيار لون الزر:

  • تطابق مع إرشادات علامتك التجارية
  • ضع في اعتبارك التباين مع صورة الخلفية
  • استخدم "تحذير" للاستعجال (مثل "وقت محدود!")
  • استخدم "نجاح" للرسائل الإيجابية (مثل "شحن مجاني!")

إجراءات الإنشاء

  • إنشاء: حفظ والعودة إلى القائمة
  • إنشاء وإنشاء آخر: حفظ وفتح نموذج فارغ
  • إلغاء: تجاهل التغييرات

تعديل عنصر سلايدر

انقر على أيقونة تعديل لتعديل عنصر السلايدر: - صورة البانر - العنوان والوصف ونص الزر - وجهة رابط الزر - الترجمات باللغات الأخرى


دعم ترجمة السلايدر

عناصر السلايدر تدعم لغات متعددة:

  1. عدّل عنصر السلايدر
  2. استخدم القائمة المنسدلة اللغة (أعلى اليمين)
  3. بدّل بين اللغات
  4. حدّث العنوان والوصف ونص الزر لكل لغة

عرض السلايدر

تظهر عناصر السلايدر في صفحتك الرئيسية بالترتيب التالي:

  • العناصر مرتبة حسب ترتيب الإنشاء
  • جميع العناصر تدور/تتناوب في السلايدر
  • كل بانر يعرض الصورة مع نص متراكب اختياري
  • الزر قابل للنقر عند تكوينه

إرشادات الصور

الجانب المواصفة
نسبة العرض إلى الارتفاع 16:5 (بانر عريض)
العرض الموصى به 1920px
الارتفاع الموصى به 600px
الحد الأدنى للعرض 1280px
التنسيق JPEG، PNG، WebP، GIF
الحد الأقصى لحجم الملف عادةً 5-10MB

نصائح للصور

  • استخدم صوراً عالية الدقة لسطح المكتب والجوال
  • أضف صور المنتجات للعروض الترويجية للتجارة الإلكترونية
  • أضف نصوصاً متراكبة للعلامة التجارية
  • استخدم تنسيقاً متسقاً عبر جميع السلايدرات
  • حسّن الصور لتقليل وقت تحميل الصفحة

معلومات مهمة

  • بانرات رئيسية: دوّار صور الصفحة الرئيسية الأساسي
  • محتوى مرن: الصورة هي الحقل المطلوب الوحيد
  • نص اختياري: العنوان والوصف والزر كلها اختيارية
  • تخصيص الألوان: ضبط ألوان النص والزر لكل شريحة
  • CTAs: أضف زراً مع رابط لتوجيه الزيارات
  • متعدد اللغات: ترجم جميع النصوص للمتاجر متعددة اللغات
  • أولوية بصرية: يظهر بشكل بارز في الصفحة الرئيسية
  • ترتيب العرض: العناصر تظهر بترتيب الإنشاء
  • متجاوب: البانرات تتكيف مع أحجام الشاشات المختلفة