القصص (ستوريز)

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

تفعيل القسم

يشغّل أو يعطّل القسم بالكامل دون حذف إعداداته.

عنوان القسم وزخرفته

• عنوان القسم / وصف القسم - العنوان والنص الداعم للقسم.
• سماكة خط العنوان / سماكة خط الوصف - درجة سماكة كل نص.
• نمط الرأس - في المنتصف أعلى القصص، أو جانبي.
• محاذاة العنوان - يسار، منتصف، أو يمين.
• زخرفة قبل العنوان / زخرفة قبل العنوان الفرعي - لمسة زخرفية قبل كل واحد: بدون، خط/خط تحت العنوان/لمعة للعنوان، أو خط ناعم/لمعة للعنوان الفرعي.
• نص تمهيدي (فوق العنوان) - سطر قصير يظهر مباشرة فوق عنوان القسم، مناسب لعبارة صغيرة مثل “وصل حديثاً”. اتركه فارغاً لإخفائه.
• شكل النص التمهيدي - طريقة ظهور النص التمهيدي: نص فقط، مع خط جانبي (خط قصير قبل النص)، أو شارة (النص داخل شارة صغيرة مستديرة).
• سماكة خط النص التمهيدي - درجة سماكة النص التمهيدي، من خفيف إلى عريض جداً.
• لون النص التمهيدي - لون النص التمهيدي. إذا تُرك فارغاً يُستخدم لون التمييز الخاص بالثيم.
• لون خلفية الشارة - لون الخلفية خلف النص التمهيدي، ويظهر فقط عند اختيار الشكل “شارة”.
• لون العنوان الرئيسي (اختياري) - لون مخصص لعنوان القسم. اتركه فارغاً للإبقاء على اللون الافتراضي.
• لون العنوان الفرعي (اختياري) - لون مخصص للعنوان الفرعي. اتركه فارغاً للإبقاء على اللون الافتراضي.

مظهر القسم

• إظهار عنوان القسم - يشغّل أو يعطّل عنوان القسم نفسه.
• أقصى عرض للقسم (٠ = عرض كامل) - أقصى عرض يمكن أن يشغله القسم، بالبكسل.
• المسافة العلوية / المسافة السفلية - الفراغ أعلى وأسفل القسم.
• لون خلفية القسم / تدرّج خلفية القسم (CSS) / صورة خلفية القسم - خلفية القسم، كلون سادة، تمازج ألوان، أو صورة (أي منها يُحدد يُطبَّق).
• لون طبقة التعتيم فوق صورة الخلفية / شفافية طبقة التعتيم - طبقة تلوين فوق صورة الخلفية ودرجة وضوحها.

شريط القصص

• حجم دائرة القصة - قطر كل دائرة قصة.
• المسافة بين القصص - التباعد بين الدوائر.
• محاذاة شريط القصص - البداية، المنتصف، أو النهاية.
• عدد القصص الظاهرة (سطح المكتب / التابلت / الجوال) - عدد الدوائر المعروضة دفعة واحدة قبل الحاجة للتمرير، في كل حجم شاشة.

شكل الدائرة

• إظهار عنوان القصة - يتحكم في ظهور التسمية أسفل (أو داخل) كل دائرة.
• موضع عنوان القصة - أسفل الدائرة، أو داخلها. يُستخدم فقط عند تفعيل إظهار عنوان القصة.
• لون عنوان القصة / حجم خط عنوان القصة - شكل تلك التسمية.
• سماكة إطار القصة - سماكة الحلقة حول كل دائرة.
• استدارة القصة (٥٠٪ = دائرة كاملة) - درجة استدارة الدائرة؛ ٥٠٪ تعني دائرة كاملة، والقيم الأقل تجعلها أقرب للمربع.
• لون الإطار - قصة غير مشاهَدة / لون الإطار - قصة مشاهَدة - لون الحلقة قبل وبعد مشاهدة الزائر لتلك القصة.
• لون خلفية القصة - لون التعبئة خلف صورة غلاف القصة.
• تفعيل حركة التمرير (Hover) / تفعيل حركة الظهور - تأثيرات حركة خفيفة عند تمرير مؤشر الزائر على دائرة، أو عند ظهور الصف لأول مرة.

عارض القصص

إعدادات عرض الشرائح بملء الشاشة الذي يفتح عند النقر على قصة.

• إظهار شريط التقدّم في العارض / لون شريط التقدّم / سماكة شريط التقدّم - الشريط الرفيع الذي يوضح مدى تقدم الزائر في القصة الحالية.
• إظهار زر الإغلاق / إظهار عدّاد القصص / إظهار أزرار التنقل - يتحكم في ظهور زر الإغلاق (×)، عدّاد على شكل “2 / 5”، وأسهم التالي/السابق.
• تفعيل التنقل بلوحة المفاتيح / تفعيل إيماءات السحب - يتيح للزائر التنقل بين الشرائح بأسهم لوحة المفاتيح، أو بالسحب على أجهزة اللمس.
• الانتقال التلقائي بين الشرائح - ينتقل تلقائياً للشريحة التالية بعد انتهاء مدتها.
• الإيقاف المؤقت عند إخفاء التبويب - يوقف التشغيل مؤقتاً إذا انتقل الزائر لتبويب متصفح آخر.

الأداء

• تحميل أغلفة القصص عند الحاجة - يحمّل صور أغلفة الدوائر فقط عند ظهورها في الشاشة، مما يسرّع تحميل الصفحة الأولي.
• تحميل الشريحة التالية مسبقًا - يحمّل الشريحة القادمة في الخلفية أثناء عرض الحالية، لانتقال أكثر سلاسة.

القصص

كل عنصر في هذه القائمة يمثل قصة واحدة (دائرة واحدة).

• تفعيل القصة - يشغّل أو يعطّل هذه القصة بالتحديد.
• عنوان القصة - التسمية المعروضة مع الدائرة.
• معرّف القصة (اختياري) - يُستخدم لتذكّر أنها شوهدت - معرّف داخلي يتيح للثيم تذكّر أن الزائر شاهد هذه القصة من قبل.
• ترتيب العرض (الأصغر يظهر أولًا) - يتحكم في ترتيب ظهور القصص، بشكل مستقل عن ترتيبها في القائمة.
• تاريخ البداية / تاريخ النهاية (اختياري) - بصيغة YYYY-MM-DD - نطاق تاريخ تُعرض القصة خلاله؛ تُخفى تلقائياً خارج هذا النطاق.
• صورة الغلاف - الصورة المعروضة على الدائرة نفسها.
• لون خلفية الغلاف / تدرّج الغلاف (CSS) - لون أو تدرج بديل خلف الغلاف، يظهر إذا لم تغطِ الصورة الدائرة بالكامل.
• تخصيص إطار هذه القصة - عند التفعيل، يتيح لهذه القصة استخدام لون/سماكة/استدارة إطار خاصة بها بدلاً من إعدادات “شكل الدائرة” المشتركة.
• لون إطار الغلاف / سماكة إطار الغلاف / استدارة الغلاف - إعدادات إطار هذه القصة الخاصة، تُستخدم فقط عند تفعيل التخصيص أعلاه.
• إظهار شارة “جديد” / نص الشارة / لون الشارة - شارة صغيرة اختيارية (مثل “جديد”) تظهر على دائرة هذه القصة.
• عند الضغط على القصة - ما يحدث عند النقر على هذه الدائرة: فتح عارض القصص (عرض الشرائح المعتاد)، أو الانتقال مباشرة لمنتج، تصنيف، ماركة، مجموعة، أو رابط خارجي.
• المنتج / التصنيف / رابط صفحة الماركة / رابط صفحة المجموعة / الرابط - الوجهة، بحسب الإجراء المختار أعلاه.
• فتح الرابط في تبويب جديد - عندما يكون الإجراء رابطاً مباشراً، هل يُفتح في تبويب متصفح جديد.

شرائح القصة

كل قصة تحتوي على قائمة شرائحها الخاصة - التسلسل المعروض عند فتح تلك القصة.

• تفعيل الشريحة - يشغّل أو يعطّل هذه الشريحة بالتحديد.
• نوع الوسائط - صورة، فيديو مرفوع، أو فيديو يوتيوب.
• الصورة / النص البديل للصورة / طريقة ملء الصورة - الصورة، وصفها لإمكانية الوصول، وهل تملأ الإطار (Cover) أم تحتوى بالكامل داخله (Contain). تُستخدم عندما يكون نوع الوسائط صورة.
• ملف الفيديو / تشغيل تلقائي / تكرار / كتم الصوت / إظهار أدوات التحكم / بداية التشغيل / نهاية التشغيل - الفيديو المرفوع وسلوك تشغيله. يُستخدم عندما يكون نوع الوسائط فيديو مرفوع.
• رابط يوتيوب ومعها تشغيل تلقائي / كتم الصوت / تكرار / إظهار أدوات التحكم / تقليل شعار يوتيوب / وضع الخصوصية المحسّن / بداية التشغيل / نهاية التشغيل - فيديو يوتيوب وسلوك تشغيله. يُستخدم عندما يكون نوع الوسائط فيديو يوتيوب.
• خلفية الشريحة - شفافة، لون ثابت، تدرّج لوني، أو صورة تظهر خلف الوسائط (تظهر بشكل أساسي إذا لم تملأ الوسائط الإطار).
• تفعيل طبقة التعتيم / لون طبقة التعتيم / شفافية طبقة التعتيم - طبقة تلوين فوق الشريحة، تساعد على إبراز النص.
• نص صغير علوي / العنوان / الوصف - نص يظهر فوق الشريحة.
• محاذاة النص / لون النص - محاذاة وتلوين ذلك النص.
• حجم خط العنوان / حجم خط الوصف / سماكة الخط - حجم ودرجة سماكة النص المعروض فوق الشريحة.
• إظهار زر / نص الزر / رابط الزر / فتح في تبويب جديد / نمط الزر - زر اختياري على الشريحة، وجهته، وشكله.
• بطاقة الربط أسفل الشريحة - هل تظهر بطاقة صغيرة أسفل الشريحة ترتبط بلا شيء، منتج، تصنيف، أو رابط خارجي/صفحة.
• المنتج المرتبط / التصنيف المرتبط / الرابط - صفحة خارجية، صفحة متجر، أو صفحة قانونية - الوجهة، بحسب نوع الربط المختار.
• عنوان البطاقة / صورة البطاقة (اختياري) - عنوان وصورة تلك البطاقة المرتبطة، لنوع الربط “رابط خارجي”.
• إظهار السعر - يعرض السعر على البطاقة المرتبطة، عند الربط بمنتج.
• نص الإجراء في البطاقة (اختياري) / شكل بطاقة الربط - تسمية دعوة لاتخاذ إجراء قصيرة، وهل تظهر البطاقة ببطاقة كاملة بصورة أم شريط مضغوط.
• مدة عرض الشريحة - مدة بقاء الشريحة على الشاشة (٣، ٥، أو ٨ ثوانٍ)، تشغيل الفيديو كاملاً لترك فيديو مرفوع يعمل بالكامل قبل الانتقال، أو مخصصة لمدة تحددها أدناه.
• المدة المخصّصة (ثانية) - المدة الدقيقة، تُستخدم فقط عندما تكون مدة عرض الشريحة “مخصّصة”.