🎞️ ما هو قسم السلايدر؟ وكيف تعدله في محرر المظهر؟

قسم السلايدر (Slider) هو واحد من أهم أقسام الصفحة الرئيسية في أي موقع أو متجر إلكتروني، لأنه أول شيء يشوفه الزائر عند الدخول. ومن خلاله تقدر تعرض عروض، إعلانات، أو معلومات ترويجية بطريقة جذابة وحيوية عبر شرائح متغيرة.

في محرر المظهر، تقدر تعدّل وتخصص كل شريحة سلايدر بسهولة، وبهذا المقال نشرح لك كل جزء من إعداداته خطوة بخطوة:

🧩 أولاً: إدارة المحتوى داخل السلايدر

كل شريحة (سلايد) في السلايدر تقدر تتحكم فيها من خلال مجموعة خيارات:

1. الصورة

• تضيف هنا صورة السلايد (يفضل تكون عالية الجودة ومقاسها مناسب للعرض).

• الصيغة المفضلة: PNG أو WEBP أو JPG.

2. رابط URL

• تحدد الرابط اللي تودّي له الشريحة لما يضغط الزائر عليها.

• مثال: رابط صفحة منتج، حساب انستغرام، أو عرض خاص.

3. وجهة الرابط

• تحدد كيف يفتح الرابط:

  • في نفس الصفحة (إذا تبي الزائر ينتقل فورًا)

  • في تبويب جديد (مفيد لروابط خارجية)

✍️ ثانيًا: المحتوى النصي (الكتابة فوق السلايد)

1. العنوان

• النص الرئيسي اللي يظهر فوق الصورة.

• لازم يكون واضح وجذاب.

مثال: "أهلاً بك في هار بلس"

2. الوصف

• نص توضيحي إضافي، تقدر تشرح فيه العرض أو توصل فكرة بشكل مختصر.

3. نص الزر

• الزر اللي يضغط عليه الزائر (Call to Action)

• مثال: "اعرف أكثر"، "جرّب الآن"، "تابعنا على إنستغرام"

🎨 ثالثًا: إعدادات الشكل والمظهر

1. موضع النص

• تحدد فيه مكان ظهور النص على الصورة:

  • الوسط

  • اليمين

  • اليسار

2. لون النص

• تختار اللون المناسب حسب تصميم الصورة الخلفية. (أبيض، أسود، أو حسب الرغبة)

3. لون الطبقة الشفافة

• تضيف طبقة فوق الصورة بخلفية شفافة (شفافية جزئية) تساعد في تحسين وضوح النص.

• تقدر تتحكم بدرجة الشفافية ولونها.

4. ملائمة الصورة

• تحدد كيف تنعرض الصورة:

  • تغطية (Cover): تملأ المساحة كاملة وتقص الزوايا.

  • احتواء (Contain): تظهر الصورة كاملة لكن ممكن يكون فيه فراغات على الجوانب.

📱 رابعًا: خيارات العرض

1. إظهار العنوان

• تشغيل/إيقاف عرض عنوان السلايد.

2. إظهار الوصف

• تشغيل/إيقاف وصف الشريحة.

3. إظهار الزر

• تقدر تخفي أو تظهر زر الإجراء حسب الحاجة.

4. إخفاء النص على الجوال

• خيار ذكي يساعد في تحسين التنسيق على الشاشات الصغيرة.

• يخفي النص ويُظهر فقط الصورة على الهواتف.

✅ نصائح لاستخدام السلايدر بشكل احترافي

• استخدم صور خفيفة وسريعة التحميل.

• لا تكثر عدد الشرائح، 2 إلى 4 كافية.

• اجعل النص قصير وجذاب.

• اختبر كيف تظهر الشريحة على الجوال قبل الحفظ.

• اجعل الزر واضح وله رابط فعّال.