«صور متحركة (ملاك)» سلايدر بانرات للصفحة الرئيسية. كل بانر صورة أو فيديو، ومعه نص وزر ورابط وعداد خصم اختياري. يأتي العنصر ببانرين تجريبيين، ويقبل من 1 إلى 10 بانرات.
#خيارات العنصر
| الإعداد | الافتراضي | ما يفعله |
|---|---|---|
«اختر طريقة انتقال البنرات» effect | «ظهور» | شرائح، أو ظهور، أو مكعب، أو معرض، أو دوران، أو بطاقات. |
«تكبير حجم البنر بعرض الشاشة» full_view | مفعّل | يمدّ البانر على عرض الشاشة كاملًا. |
«دوران البنرات بلا نهاية» loop | متوقف | يعود إلى أول بانر بعد آخرها. تنبّه اللوحة إلى أنه قد يبطئ تحميل الصفحة. |
«تحريك البنرات تلقائيًا» auto | متوقف | ينتقل بين البانرات تلقائيًا. |
«إخفاء نقاط التنقل أسفل البنرات» bullet_hide | متوقف | يخفي النقاط تحت السلايدر. |
«إخفاء أسهم التنقل في الكمبيوتر» arrow_show | مفعّل | الأسهم مخفية افتراضيًا. أوقف الخيار لتظهر في الكمبيوتر. |
#مقاس البانرات
حدّد مقاس البانر ليُحجز مكانه قبل تحميل الصورة، فلا تهتز الصفحة عند فتحها.
| الإعداد | الافتراضي | ما يفعله |
|---|---|---|
«مقاس البنر الأساسي» canvas_ratio | «تلقائي» | نسبة البانر في الكمبيوتر. اتركه «تلقائي» ليبقى العرض كما هو. |
«مقاس البنر في الجوال» canvas_ratio_mob | «تلقائي» | نسبة البانر في الجوال لكل الشرائح، أو «نفس المقاس الأساسي». |
«عرض البنر كغلاف» banner_cover | مفعّل | يظهر عند اختيار مقاس غير «تلقائي». يملأ البانر المقاس كاملًا ويقصّ أطراف الصورة بدلًا من ترك فراغات. |
| خيار «مقاس البنر الأساسي» | النسبة | مقاس الصورة |
|---|---|---|
| «شريط عريض جدًا» | 4:1 | 1800×450 |
| «شريطي» | 3:1 | 1800×600 |
| «بانورامي» | 8:3 | 1920×720 |
| «سينمائي» | 5:2 | 1800×720 |
| «متوازن» | 2:1 | 1800×900 |
| «مرتفع» | 16:9 | 1600×900 |
| «مرتفع جدًا» | 3:2 | 1500×1000 |
| «مربّع» | 1:1 | 1200×1200 |
| خيار «مقاس البنر في الجوال» | النسبة | مقاس الصورة |
|---|---|---|
| «أفقي» | 16:9 | 1080×608 |
| «أفقي» | 4:3 | 1200×900 |
| «مربّع» | 1:1 | 1000×1000 |
| «طولي» | 4:5 | 1000×1250 |
| «طولي جدًا» | 5:8 | 1000×1600 |
#البانرات
لكل بانر في القائمة هذه الحقول:
| الحقل | ما يفعله |
|---|---|
«أضف رابط صورة أو فيديو» slides.gif | رابط صورة أو فيديو يظهر بدلًا من صورة البانر الأساسية. حتى 200 حرف. |
«أو ارفع صورة البانر الأساسية» slides.image | الصورة الأساسية. تظهر كاملة بأي مقاس، إلا إذا فعّلت «عرض البنر كغلاف». |
«صورة البنر للجوال» slides.image_mob | صورة بمقاس خاص تظهر في الجوال بدلًا من الأساسية. |
«صورة فوق البانر (بدون خلفية)» slides.image_png | صورة بخلفية شفافة تظهر فوق البانر. |
«إضافة خلفية سوداء شفافة» slides.overlay | طبقة داكنة شفافة فوق الصورة. |
حقل العنوان (بلا تسمية) slides.title | العنوان البارز على البانر، بالعربية والإنجليزية. حتى 100 حرف. |
«لون النص الرئيسي» slides.color_m | لون العنوان. الافتراضي #ffffff. |
حقل الوصف (بلا تسمية) slides.description | نص إضافي تحت العنوان. حتى 555 حرفًا. |
«لون النص الإضافي» slides.color_p | لون النص الإضافي. الافتراضي #ffffff. |
«عكس اتجاه النصوص» slides.title_res | يضع النص الإضافي فوق العنوان. |
«توسيط النصوص» slides.center | يوسّط النصوص في الكمبيوتر والتابلت فقط. |
«تفعيل عداد الخصم في البانر» slides.countdown | يعرض عدادًا حتى تاريخ تحدده. |
«حدد تاريخ إنتهاء الخصم» slides.time | تاريخ العداد بالصيغة شهر-يوم-سنة، مثل 09-23-2024. التاريخ الافتراضي مضى، فاكتب تاريخًا قادمًا. |
«رابط البانر أو الزر» slides.link | الصفحة التي يفتحها البانر أو زره. |
حقل الأيقونة (بلا تسمية) slides.icon | أيقونة الزر من مكتبة سلة. الافتراضية sicon-cart. |
حقل نص الزر (بلا تسمية) slides.button | إذا كتبت نصًا هنا يظهر زر على البانر. حتى 30 حرفًا. |
«إخفاء أيقونة الزر» slides.icon_hide | زر بنص فقط. |
«زر بدون لون خلفية» slides.btn_color | زر بإطار ودون لون خلفية. |
«زر مع حواف دائرية» slides.btn_round | زر بحواف دائرية. |
«عكس اتجاه أيقونة الزر مع النص» slides.icon_res | يبدّل مكان الأيقونة والنص. |
#مع الشريط العلوي والروابط السريعة
- إذا كان هذا العنصر أول عنصر في الصفحة الرئيسية، يمكنك تفعيل «دمج الشريط العلوي مع صورة البانر» في مجموعة «أعلى الصفحة» ليظهر الشريط العلوي فوق البانر.
- وإذا وضعت بعده «روابط سريعة (ملاك)»، ففعّل فيه «دمج مع العنصر السابق» ليظهرا كعنصر واحد.
الإعدادات المشتركة لهذا العنصر، مثل الظهور حسب الجهاز ورقم التبويب، في عناصر الصفحة الرئيسية.