مجموعة صور
مجموعة من بطاقات الصور تُعرض كسلايدر أو شبكة، ولكل بطاقة عنوان ووصف وزر ورابط اختيارية - مناسبة لعرض المجموعات أو الإطلالات أو العروض الترويجية.
عنوان القسم وزخرفته
- نص تمهيدي (فوق العنوان) - سطر قصير يظهر مباشرة فوق عنوان القسم، مناسب لعبارة صغيرة مثل “وصل حديثاً”. اتركه فارغاً لإخفائه.
- العنوان - العنوان الرئيسي للقسم.
- العنوان الفرعي - نص إضافي يظهر قرب العنوان.
- نمط الرأس - هل يظهر العنوان في المنتصف أعلى الصور (منتصف)، أم بجانب زر “عرض المزيد” (جانبي).
- محاذاة العنوان - محاذاة نص العنوان إلى اليسار، المنتصف، أو اليمين.
- شكل النص التمهيدي - طريقة ظهور النص التمهيدي: نص فقط، مع خط جانبي (خط قصير قبل النص)، أو شارة (النص داخل شارة صغيرة مستديرة).
- سماكة خط النص التمهيدي - درجة سماكة النص التمهيدي، من خفيف إلى عريض جداً.
- لون النص التمهيدي - لون النص التمهيدي. إذا تُرك فارغاً يُستخدم لون التمييز الخاص بالثيم.
- لون خلفية الشارة - لون الخلفية خلف النص التمهيدي، ويظهر فقط عند اختيار الشكل “شارة”.
- سماكة خط العنوان - درجة سماكة نص العنوان، من خفيف إلى عريض جداً.
- لون العنوان الرئيسي (اختياري) - لون مخصص لعنوان القسم. اتركه فارغاً للإبقاء على اللون الافتراضي.
- زخرفة قبل العنوان - لمسة زخرفية قبل العنوان: بدون، خط قصير، خط تحت العنوان، أو لمعة.
- سماكة خط الوصف - درجة سماكة نص العنوان الفرعي، من خفيف إلى عريض جداً.
- لون العنوان الفرعي (اختياري) - لون مخصص للعنوان الفرعي. اتركه فارغاً للإبقاء على اللون الافتراضي.
- زخرفة قبل العنوان الفرعي - لمسة زخرفية قبل العنوان الفرعي: بدون، خط ناعم، أو لمعة.
الصور
كل عنصر يضيف بطاقة صورة واحدة إلى المجموعة.
- الصورة - صورة هذه البطاقة.
- صورة الجوال (اختياري) - صورة منفصلة تظهر على الجوال، مناسبة لقصّ يلائم الشاشات الضيقة. إذا تُركت فارغة تُستخدم الصورة الرئيسية.
- العنوان - عنوان يظهر مع الصورة.
- الوصف - فقرة قصيرة تظهر تحت العنوان.
- موضع النص لهذه الصورة - مكان ظهور نص هذه البطاقة: حسب إعداد القسم (يتبع إعداد موضع النص أدناه)، فوق الصورة، أو أسفل الصورة. مفيد عندما تريد أن تختلف بطاقة عن البقية.
- نص الزر (اختياري) - النص المكتوب على زر هذه البطاقة. اتركه فارغاً لإخفاء الزر.
- ربط الصورة بـ - ما تفتحه البطاقة عند نقرها: بدون رابط، منتج، تصنيف، أو رابط / صفحة. عند تحديد رابط تصبح البطاقة كاملة (بما فيها الزر) قابلة للنقر.
- المنتج المرتبط - المنتج الذي تفتحه البطاقة. يظهر فقط عند اختيار “منتج” في ربط الصورة بـ.
- التصنيف المرتبط - التصنيف الذي تفتحه البطاقة. يظهر فقط عند اختيار “تصنيف” في ربط الصورة بـ.
- الرابط — صفحة المتجر، صفحة قانونية، أو رابط خارجي - الصفحة أو الرابط الذي تفتحه البطاقة. يظهر فقط عند اختيار “رابط / صفحة” في ربط الصورة بـ.
طريقة العرض
- نمط العرض - هل تُعرض الصور كسلايدر يمكن التمرير فيه أفقياً، أم في شبكة ثابتة.
- عدد الصور بالصف — سطح المكتب - عدد الصور المتجاورة على سطح المكتب.
- عدد الصور بالصف — التابلت - عدد الصور المتجاورة على التابلت.
- عدد الصور بالصف — الجوال - عدد الصور المتجاورة على الجوال.
- المسافة بين الصور - المسافة الفاصلة بين الصور المتجاورة، بالبكسل.
- سلايدر بلا حدود (يمتد لحواف الشاشة) - عند التفعيل، يمتد السلايدر حتى حواف الشاشة بدلاً من البقاء ضمن عرض محتوى الصفحة المعتاد. يُستخدم فقط عندما يكون نمط العرض سلايدر.
- أدوات تصفّح السلايدر - طريقة تنقل الزائر يدوياً في السلايدر: أسهم، نقاط، شريط تمرير، أو بدون (بلا أدوات تحكم، مع إمكانية السحب باللمس أو الفأرة). يُستخدم فقط عندما يكون نمط العرض سلايدر.
- تشغيل تلقائي للسلايدر - عند التفعيل، ينتقل السلايدر تلقائياً إلى الأمام، ويتوقف مؤقتاً عند مرور مؤشر الفأرة فوقه. يُستخدم فقط عندما يكون نمط العرض سلايدر.
- سرعة التشغيل التلقائي - عدد الثواني بين كل انتقال تلقائي. يُستخدم فقط عند تفعيل التشغيل التلقائي للسلايدر.
- تكرار لا نهائي - عند التفعيل، يدور السلايدر بلا نهاية، فتأتي الصورة الأولى مباشرة بعد الأخيرة. يُستخدم فقط عندما يكون نمط العرض سلايدر.
شكل البطاقة
- نسبة أبعاد الصورة - شكل جميع الصور: مربع 1:1، أفقي 4:3، أفقي 3:2، عريض 16:9، طولي 3:4، طولي 4:5، طولي 9:16، أو الأبعاد الأصلية (تحتفظ كل صورة بشكلها).
- ملء الصورة - ملء الإطار (قص) يغطي الإطار بالكامل مع قص الأطراف عند الحاجة؛ إظهار الصورة كاملة يعرض الصورة كلها مع ترك مساحة فارغة إذا اختلف شكلها. لا يُستخدم عند اختيار الأبعاد الأصلية.
- حواف البطاقة - مقدار استدارة زوايا الصورة: بدون تدوير، تدوير خفيف، تدوير متوسط، تدوير كبير، دائري، أو مخصص (بالبكسل).
- قيمة الحواف المخصصة (عند اختيار مخصص) - مقدار استدارة الزوايا بالضبط، بالبكسل. يُستخدم فقط عندما تكون حواف البطاقة “مخصص (بالبكسل)”.
- تكبير الصورة عند المرور - عند التفعيل، تتكبر الصورة قليلاً عند مرور مؤشر الفأرة فوقها. لا يُستخدم عند اختيار الأبعاد الأصلية.
النص وموضعه
- موضع النص - مكان ظهور العنوان والوصف والزر في كل بطاقة مضبوطة على “حسب إعداد القسم”: فوق الصورة، أو أسفل الصورة.
- موضع النص فوق الصورة - مكان النص عندما يظهر فوق الصورة: أي من تسعة مواضع، من أعلى - بداية السطر إلى أسفل - نهاية السطر، بما فيها منتصف الصورة تمامًا.
- محاذاة النص (أسفل الصورة) - محاذاة النص عندما يظهر أسفل الصورة: بداية السطر، منتصف، أو نهاية السطر.
- الطبقة اللونية فوق الصورة - طبقة ملونة فوق الصورة تساعد على إبراز النص المكتوب عليها: تدرّج من الأسفل (أقوى في الأسفل ويتلاشى نحو الأعلى)، لون كامل (تعتيم متساوٍ على الصورة كلها)، أو بدون. تظهر فقط في البطاقات التي يكون نصها فوق الصورة.
- لون الطبقة - لون هذه الطبقة.
- شفافية الطبقة - درجة وضوح الطبقة. اضبطها على 0 لإزالتها.
- حجم خط العنوان - حجم نص عنوان كل بطاقة، بالبكسل.
- حجم خط الوصف - حجم نص وصف كل بطاقة، بالبكسل.
- لون العنوان (اختياري) - لون مخصص لعناوين البطاقات. إذا تُرك فارغاً تكون العناوين بيضاء فوق الصورة، وبلون نص الثيم أسفلها.
- لون الوصف (اختياري) - لون مخصص لأوصاف البطاقات. إذا تُرك فارغاً تكون الأوصاف بيضاء فوق الصورة، وبلون نص الثيم الأخف أسفلها.
إعدادات الزر
تتحكم هذه الإعدادات في شكل أزرار بطاقات الصور، وكذلك في زر “عرض المزيد” عندما يظهر على شكل زر.
- نمط الزر - شكل الزر: حسب إعدادات الثيم (أبيض فوق الصورة، وباللون الأساسي أسفلها)، لون أساسي أو ثانوي بالكامل، إطار فقط، شفاف، أبيض، أو رابط نصي بسيط. اختيار أي نمط غير “حسب إعدادات الثيم” يطبّق الشكل نفسه على زر “عرض المزيد” بدلاً من نمط زر “عرض المزيد”.
- حجم الزر - حجم ظهور الزر: حسب إعدادات الثيم، مُصغّر، افتراضي، أو كبير.
- سماكة خط الزر - درجة سماكة نص الزر.
- شكل الزر - شكل زوايا الزر، من حواف حادة إلى شكل دائري كامل.
زر عرض المزيد
- إظهار الزر - عند التفعيل، يضيف زر “عرض المزيد” إلى القسم. لا يظهر الزر إلا بعد تحديد رابط الزر.
- نص الزر - النص المكتوب على الزر. إذا تُرك فارغاً يظهر النص الافتراضي “عرض المزيد”.
- رابط الزر - الصفحة أو الرابط الذي يفتحه الزر.
- موضع رابط “عرض المزيد” - هل يظهر الزر محاذياً للعنوان، أم أسفل القسم بعد الصور.
- نمط زر “عرض المزيد” - شكل الزر: رابط نصي بسيط، أو زر بحدود، زر أساسي، زر ثانوي، أو زر شفاف.
- حجم زر “عرض المزيد” - حجم ظهور الزر: افتراضي، صغير، متوسط، أو كبير.