← العودة للفهرس

الشرائح

شاشات ترحيب متسلسلة: صورة + عنوان ووصف بالإنجليزية والعربية. تُدار كخطوات يمرّ بها المستخدم، وليست إعلاناً بفيديو.

المجموعة: CMS & Website اسم القائمة: Sliders الرابط: /admin/sliders الأيقونة: عرض تقديمي

محتويات الصفحة

1. الفرق بين Banners و Sliders 2. ما هي هذه الشاشة؟ 3. صورة تقريبية — قائمة الشرائح 4. صورة تقريبية — نموذج الإضافة / التعديل 5. جدول الحقول بالتفصيل 6. أعمدة الجدول وأوامر الصف 7. كيف تضيف شريحة 8. كيف تعدّل أو تخفي أو تحذف 9. أين يظهر 10. سيناريو عملي 11. أخطاء شائعة

1. الفرق بين Banners و Sliders

استخدم هذه الشاشة لسلسلة ترحيب (1 ثم 2 ثم 3). الإعلان بالصورة أو الفيديو مكانه شاشة Banners.

Banners — البانراتSliders — الشرائح
الغرض إعلان أو وسائط ترويجية (صورة أو فيديو) شاشات ترحيب متسلسلة بصورة وعنوان ووصف
أين تُستخدم غالباً كاروسيل الرئيسية في تطبيق الجوال شاشات أول فتح للتطبيق (Onboarding)
الوسائط صورة أو فيديو ملف أو رابط فيديو (حتى 10MB) صورة فقط حتى 2MB — لا يوجد فيديو في النموذج
النصوص عنوان واحد + محتوى — بلا حقول عربية منفصلة Title (EN/AR) و Description (EN/AR)
الترتيب والإخفاء غير موجودين في نموذج البانرات الحالي Is active لإخفاء الشريحة و Sort order لترتيبها
موقع الإنترنت غير مربوط ببانرات الرئيسية حالياً ليست شريط Hero في الموقع
قاعدة سريعة: ثلاث شاشات «مرحباً / منتجاتنا / ابدأ» → Sliders. فيديو عرض أو صورة تخفيض → Banners.

2. ما هي هذه الشاشة؟

من القائمة الجانبية: CMS & Website ← Sliders.

كل سجل = شريحة واحدة في السلسلة. التطبيق يعرض الشرائح النشطة مرتّبة حسب Sort order ثم رقم السجل. اللغة تختار العنوان والوصف المناسبين.

3. صورة تقريبية — قائمة الشرائح

Marvel Tech admin / sliders
CMS & Website
Banners
Sliders
FAQs
Sliders + New
Title (EN) Title (AR) Image Is active Sort order
Welcome to Marvel مرحباً بكم في مارفل sliders/welcome.webp 0 تعديل · حذف
Our products منتجاتنا sliders/products.webp 1 تعديل · حذف
Get started ابدأ الآن sliders/start.webp 2 تعديل · حذف

صورة تقريبية — القائمة مرتّبة حسب Sort order ثم المعرّف. يمكن تصفية Is active.

4. صورة تقريبية — نموذج الإضافة / التعديل

Create Slider Create
Welcome to Marvel
مرحباً بكم في مارفل
Reliable energy solutions for your projects.
حلول طاقة موثوقة لمشاريعكم.
JPEG / PNG / WebP — 2MB
https://…
0
Create

الصورة مطلوبة. العنوان والوصف اختياريان لكن يُفضّل ملء اللغتين.

5. جدول الحقول بالتفصيل

الاسم الظاهر في اللوحة الاسم التقني مطلوب؟ الشرح
Title (EN) title اختياري عنوان الشريحة بالإنجليزية. يظهر عندما لغة التطبيق EN. إن كان فارغاً قد يُستخدم العنوان العربي كبديل.
Title (AR) title_ar اختياري العنوان بالعربية. املأه مع الإنجليزي حتى لا تظهر شاشة فارغة في إحدى اللغتين.
Description (EN) description اختياري نص توضيحي تحت العنوان بالإنجليزية. 3 أسطر بعرض الصفحة.
Description (AR) description_ar اختياري الوصف بالعربية. التطبيق يختار الوصف حسب اللغة مع بديل من اللغة الأخرى إن لزم.
Image image مطلوب صورة الشريحة فقط — لا فيديو. JPEG / PNG / WebP حتى 2 ميغابايت. المجلد sliders. استخدم صورة عمودية أو مربعة تناسب شاشة الجوال.
Link link اختياري رابط اختياري (حتى 255 حرفاً). واجهة onboarding الحالية تُرجع العنوان والوصف والصورة؛ قد لا يُستخدم الرابط في العرض.
Is active is_active افتراضي: مفعّل إذا أُوقف: الشريحة تختفي من سلسلة الترحيب وتبقى في اللوحة. هذا أهم فرق تشغيلي عن البانرات.
Sort order sort_order افتراضي: 0 ترتيب الظهور. الأصغر أولاً (يُسمح بالقيمة 0). القائمة في اللوحة والتطبيق ترتّبان حسب هذا الرقم ثم رقم السجل.

6. أعمدة الجدول وأوامر الصف

العمودملاحظات
Title (EN)بحث
Title (AR)بحث
Imageمسار الملف كنص
Is activeأيقونة صح/خطأ
Sort orderترتيب — القائمة مرتّبة عليه
Created atتاريخ الإنشاء

فلتر Is active: الكل / النشطة / غير النشطة.

لإخفاء شريحة مؤقتاً عطّل Is active بدل الحذف حتى لا تُكسر سلسلة الترحيب.

7. كيف تضيف شريحة

  1. CMS & Website ← Sliders ← New.
  2. املأ Title (EN) و Title (AR).
  3. أضف الوصفين إن أردت نصاً تحت العنوان.
  4. ارفع Image (مطلوب، حتى 2MB).
  5. اترك Is active مفعّلاً.
  6. ضع Sort order: 0 للأولى، ثم 1، 2…
  7. Create ثم راجع ترتيب الصفوف في القائمة.

8. كيف تعدّل أو تخفي أو تحذف

  1. ابحث بالعنوان الإنجليزي أو العربي.
  2. Edit — غيّر النصوص أو الصورة أو الترتيب ثم احفظ.
  3. إخفاء خطوة من السلسلة: عطّل Is active.
  4. الحذف يزيل الشريحة نهائياً؛ أعد ضبط Sort order للبقية إن لزم.

9. أين يظهر

تطبيق الجوال: شاشات الترحيب عند أول فتح عبر /api/onboarding — الشرائح ذات Is active فقط، مرتّبة بـ Sort order.
موقع الإنترنت: شريط Hero في الرئيسية ليس هذه الشاشة؛ يأتي من منتجات مميزة. تعديل Sliders لا يغيّر صور الرئيسية على الويب.
1
مرحباً بكم في مارفل
2
منتجاتنا
3
ابدأ الآن

صورة تقريبية — ثلاث شرائح متتابعة. هذا هو استخدام Sliders، بخلاف البانر الإعلاني الواحد.

10. سيناريو عملي — ثلاث شاشات ترحيب

  1. أنشئ شريحة Sort order = 0: Welcome / مرحباً + صورة.
  2. ثانية Sort order = 1: Our products / منتجاتنا.
  3. ثالثة Sort order = 2: Get started / ابدأ الآن.
  4. الثلاث Active = تشغيل. راجع القائمة للتأكد من الترتيب 0 ثم 1 ثم 2.
  5. لا تضع فيديو هنا — إن لزم فيديو ترويجي استخدم Banners.

11. أخطاء شائعة

ما يحدثالسبب الغالبالحل
لا يمكن الحفظ Image فارغ أو أكبر من 2MB أو صيغة غير JPEG/PNG/WebP ارفع صورة ضمن الحد والصيغ المسموحة
الشريحة لا تظهر في التطبيق Is active مغلق فعّل Is active
الترتيب خاطئ Sort order غير متسلسل أو مكرر اجعل القيم 0، 1، 2… حسب الظهور المطلوب
نص فارغ في لغة واحدة حقل تلك اللغة غير مملوء املأ EN و AR معاً
لا يتغيّر Hero الموقع Sliders ليست شرائح موقع الويب هذه الشاشة لتطبيق الجوال (Onboarding)
رفع فيديو غير متاح الشاشة تدعم الصورة فقط استخدم Banners للفيديو الترويجي