×
article image
السلايدر

هي واجهة تتيح للمستخدمين تنظيم وتعديل القوالب المستخدمة في عرض الصور الترويجية أو المعلومات المهمة على الموقع الإلكتروني، اليك شرح تفصيلي للعناصر:

 

1- إضافة سلايدر

زر يتيح لك إضافة سلايدر جديد إلى النظام، عند الضغط على هذا الزر، سيتم فتح نموذج لإدخال تفاصيل السلايدر الجديد.

 

2- ترتيب العناصر

لضبط ترتيب عرض السلايدرز كما يظهر للمستخدمين في الصفحة الرئيسية.

 

3- اسم 

يتيح لك إضافة اسم السلايدر.

 

4- العنوان الرئيسي

يعرض عنوان السلايدر المدرج.

 

5- العنوان الفرعي

يُستخدم لشرح مختصر أسفل العنوان الرئيسي.

 

6- خيارات 

يتيج لك إتخاذ إجراء معين مثل:

1- أيقونة القلم: لتعديل البيانات الموجودة في القائمة.

2- أيقونة إيصال

عند الضغط عليها، يتم عرض الإيصال بصيغة قابلة للطباعة أو التحميل، تساعد المستخدم على توثيق معاملاته والرجوع إليها لاحقًا عند الحاجة.

3- أيقونة سلة المهملات: لحذف البيانات من القائمة.

article image
إضافة سلايدر

1- اسم السلايدر 

اكتب عنوانًا داخليًا يُستخدم للتعريف بالسلايدر داخل لوحة التحكم (لا يظهر للمستخدمين).

 

2- الصورة 

ارفع صورة السلايدر بالحجم الموصى به 1500x500 بكسل لضمان أفضل ظهور في الواجهة.

 

3- رابط الصورة 

لوضع رابطًا خارجيًا لصفحة يتم التوجّه إليها عند الضغط على الصورة (يمكن تركه فارغًا).

 

4- العنوان الرئيسي 

نص كبير يظهر بشكل بارز على السلايدر، مثل عنوان الحملة أو المشروع.

 

5- لون العنوان الرئيسي 

اختر اللون الذي سيظهر به العنوان الرئيسي أعلى الصورة، ليتناسب مع الخلفية.

 

6- العنوان الفرعي 

نص إضافي يظهر أسفل العنوان الرئيسي لتوضيح أو دعم الفكرة المعروضة.

 

7- لون العنوان الفرعي 

حدّد لونًا مختلفًا أو مميزًا لعرض العنوان الفرعي بشكل متناسق وواضح.

 

8- وصف

نص تفصيلي مختصر يوضح محتوى السلايدر أو يدعو لاتخاذ إجراء (مثل: تبرع الآن).

 

9- لون الوصف 

لون النص الخاص بالوصف الذي يظهر أسفل العناوين، لضبط التناسق البصري.

 

article image
إضافة سلايدر

 

1- عنوان الزر الأول

النص الظاهر على الزر الأول.

 

2- لون الزر الأول

تحديد اللون المناسب للزر الأول بما يتماشى مع هوية الموقع.

 

3- رابط الزر الأول

الرابط الذي يتم توجيه الزائر إليه عند الضغط على الزر الأول.

 

4- عنوان الزر الثاني

النص الظاهر على الزر الثاني.

 

5- لون الزر الثاني

اختيار لون الزر الثاني.

 

6- رابط الزر الثاني

الرابط الذي يتم توجيه الزائر إليه عند الضغط على الزر الثاني

 

7- حفظ

لحفظ التعديلات المدخلة.

 

8- رجوع

للعودة إلى الصفحة السابقة دون حفظ التعديلات.