«صور مربعة (ملاك)» يعرض صورًا بروابط في سلايدر أو شبكة، مثل صور التصنيفات أو العروض. ويمكن أن تفتح أي صورة فيه «نافذة (ملاك)» بدلًا من رابط.
#«صور مربعة (ملاك)»
#العناوين والأعمدة
| الإعداد | الافتراضي | ما يفعله |
|---|---|---|
| «عنوان القسم الرئيسي» | فارغ | عنوان العنصر. حتى 70 حرفًا. |
| «عنوان القسم الفرعي» | فارغ | سطر تحت العنوان. حتى 100 حرف. |
| «عرض على شكل شبكة بدلًا من سلايدر» | متوقف | يعرض الصور في صفوف وأعمدة بدلًا من صف واحد منزلق. |
| «عدد الأعمدة في الكمبيوتر والتابلت» | 6 | من 1 إلى 8. |
| «عدد الأعمدة في الجوال» | 3 | من 1 إلى 6. |
#خيارات السلايدر
لا تعمل هذه الخيارات إذا فعّلت «عرض على شكل شبكة بدلًا من سلايدر».
| الإعداد | الافتراضي | ما يفعله |
|---|---|---|
| «تفعيل الوضع الحر لسلايدر الصور» | متوقف | تنقّل أكثر سلاسة بين الصور. |
| «حركة تلقائية للصور» | مفعّل | تتحرك الصور تلقائيًا دون سحب. |
| «دوران الصور بلا نهاية» | متوقف | يعود إلى أول صورة بعد آخرها. تنبّه اللوحة إلى أنه قد يؤثر في أداء العنصر. |
| «تفعيل شريط السكرول أسفل السلايدر» | متوقف | شريط تمرير تحت الصور. |
| «إظهار جزء من الصورة الأخيرة» | مفعّل | في الجوال فقط: يظهر طرف الصورة التالية ليعرف الزائر أن هناك المزيد. |
| «إخفاء أسهم التنقل» | متوقف | في الكمبيوتر والتابلت فقط. |
#شكل الصور
| الإعداد | الافتراضي | ما يفعله |
|---|---|---|
| «شكل حواف الصورة» | «حواف مربعة» | «حواف مربعة» أو «حواف منحنية 1» أو «حواف منحنية 2» أو «حواف دائرية». |
| «توسيط النصوص بالنسبة للصور» | مفعّل | يوسّط النص تحت الصورة. |
| «عرض النصوص على الصور بدلًا من تحتها» | متوقف | يضع النص فوق الصورة. |
#الصور
يأتي العنصر بست صور تجريبية، ويقبل من 1 إلى 100 صورة. ننصح بأن تكون صور العنصر الواحد بالمقاس نفسه لتظهر بأطوال متناسقة.
| الحقل | ما يفعله |
|---|---|
| «ارفع الصورة هنا» | الصورة، وهي إلزامية. تظهر كاملة دون اقتصاص بأي مقاس. |
| «رابط الصورة» | الصفحة التي تفتحها الصورة. |
| «النص الرئيسي» | نص تحت الصورة أو عليها. يمكن تركه فارغًا. حتى 100 حرف. |
| «النص الفرعي» | نص ثانٍ. حتى 255 حرفًا. |
| «عرض النص الفرعي على شكل زر» | يعرض النص الفرعي زرًا. اكتب «النص الفرعي» إذا فعّلته. |
| «ربط الصورة مع نافذة ملاك» | يلغي رابط الصورة ويفتح «نافذة (ملاك)» عند الضغط عليها. |
| «اكتب اسم نافذة ملاك» | اسم النافذة التي تفتحها الصورة. حتى 20 حرفًا. |
| «Add custom classes» | للمطوّرين: أصناف CSS لهذه الصورة. |
#«نافذة (ملاك)»
نافذة منبثقة فيها عنوان وصورة وصور بروابط، ولا تظهر إلا عند الضغط على صورة مربوطة بها. لذلك لا يهم مكانها في ترتيب عناصر الصفحة.
| الإعداد | الافتراضي | ما يفعله |
|---|---|---|
| «اكتب اسم نافذة ملاك» | فارغ | الاسم الفريد الذي تكتبه أيضًا في الصورة التي تفتح النافذة. |
| «عنوان النافذة الرئيسي» | فارغ | حتى 70 حرفًا. |
| «عنوان النافذة الفرعي» | فارغ | حتى 100 حرف. |
| «صورة أعلى النافذة» | فارغ | صورة في رأس النافذة. |
| «إزاحة محتوى النافذة لأسفل» | 2 | من 0 إلى 10. |
| «عدد الأعمدة في الكمبيوتر والتابلت» | 3 | من 1 إلى 8. |
| «عدد الأعمدة في الجوال» | 1 | من 1 إلى 6. |
| «شكل حواف الصورة» | «حواف منحنية 1» | مثل «صور مربعة (ملاك)». |
| «توسيط النصوص بالنسبة للصور» | متوقف | يوسّط النص تحت الصورة. |
| «عرض النصوص على الصور بدلًا من تحتها» | متوقف | يضع النص فوق الصورة. |
وفي النافذة قائمة صور بالحقول نفسها: «ارفع الصورة هنا» و«رابط الصورة» و«النص الرئيسي» و«النص الفرعي» و«عرض النص الفرعي على شكل زر».
#اربط صورة بنافذة
- 1
أضف النافذة
أضف «نافذة (ملاك)» واكتب لها اسمًا في «اكتب اسم نافذة ملاك»، مثل
offers. يجب أن يكون الاسم بالإنجليزية، دون مسافات أو رموز، وغير مكرر. - 2
أضف محتوى النافذة
اكتب العنوان وأضف الصور في قائمة صور النافذة.
- 3
اربط الصورة
في «صور مربعة (ملاك)» افتح الصورة التي ستفتح النافذة، وفعّل «ربط الصورة مع نافذة ملاك»، واكتب الاسم نفسه في «اكتب اسم نافذة ملاك».