ودجات الجوال¶
نظرة عامة¶
تضبط ودجات الجوال كتل المحتوى المعروضة على الشاشة الرئيسية لتطبيق الجوال. أنشئ تجربة جوال مخصصة مع السلايدرات، شبكات الفئات، عروض المنتجات، البانرات، والمزيد.
الوصول لودجات الجوال¶
انتقل إلى: الإعدادات > ودجات الجوال من القائمة الجانبية
قائمة الودجات¶
تعرض الصفحة الرئيسية جميع الودجات المعدة في جدول قابل لإعادة الترتيب.
أعمدة القائمة¶
| العمود | الوصف |
|---|---|
| الترتيب | موقع الودجت (اسحب لإعادة الترتيب) |
| النوع | نوع الودجت معروض كشارة ملونة |
| العنوان | عنوان/تسمية الودجت (إذا تم تعيينه) |
| مرئي | مفتاح يشير إلى ما إذا كان الودجت معروضاً |
| التحديث | تاريخ آخر تعديل |
إعادة ترتيب الودجات¶
اسحب الودجات بمقبض الترتيب لإعادة ترتيب موقعها على الشاشة الرئيسية لتطبيق الجوال. التغييرات تحفظ تلقائياً.
الفلاتر¶
- النوع: فلتر حسب نوع الودجت
- مرئي: فلتر حسب حالة الظهور
إنشاء ودجت¶
انقر على "ودجت جوال جديد" لإنشاء ودجت جديد.
إعدادات الودجت¶
الإعدادات الأساسية¶
جميع الودجات تشترك في هذه الإعدادات الأساسية:
نوع الودجت مطلوب¶
اختر نوع كتلة المحتوى:
| النوع | الوصف |
|---|---|
| سلايدر | عرض شرائح صور |
| فئات | شبكة أو قائمة تنقل الفئات |
| منتجات | قسم عرض المنتجات |
| بانر | صورة ترويجية مع نص وأزرار اختيارية |
| نص | محتوى نصي مخصص |
| مسافة | مسافة عمودية بين الودجات |
| فاصل | خط فاصل بصري |
مرئي¶
- النوع: مفتاح تبديل
- الافتراضي: تشغيل
- الغرض: إظهار أو إخفاء الودجت على تطبيق الجوال
الترتيب¶
- النوع: إدخال رقمي
- الافتراضي: 0
- الغرض: موقع الودجت (الأرقام الأصغر تظهر أولاً)
أنواع الودجات¶
ودجت السلايدر¶
أنشئ عرض شرائح صور للعروض، المنتجات المميزة، أو الإعلانات.
الإعدادات:
| الإعداد | الوصف | الافتراضي |
|---|---|---|
| تشغيل تلقائي | التبديل التلقائي بين الشرائح | تشغيل |
| الفاصل (مللي ثانية) | الوقت بين الشرائح بالمللي ثانية | 4000 |
| الارتفاع (بكسل) | ارتفاع السلايدر بالبكسل | 180 |
الصور: صور السلايدر تأتي من عناصر السلايدر.
ودجت الفئات¶
اعرض فئات المنتجات للتنقل السهل.
الإعدادات:
| الإعداد | الوصف | الافتراضي |
|---|---|---|
| عنوان القسم | نص الرأس فوق الفئات | "تسوق حسب الفئة" |
| وضع العرض | نمط التخطيط | أفقي |
| الحد | الحد الأقصى للفئات المعروضة | 8 |
| المميزة فقط | عرض الفئات المميزة فقط | إيقاف |
| إظهار عرض الكل | عرض رابط "عرض الكل" | تشغيل |
| أعمدة الشبكة (جوال) | الأعمدة على الهواتف (وضع الشبكة) | 4 |
| أعمدة الشبكة (تابلت) | الأعمدة على الأجهزة اللوحية (وضع الشبكة) | 6 |
أوضاع العرض:
- أفقي: قائمة أفقية قابلة للتمرير
- شبكة: تخطيط شبكة ثابت
ودجت المنتجات¶
اعرض المنتجات على الشاشة الرئيسية.
الإعدادات:
| الإعداد | الوصف | الافتراضي |
|---|---|---|
| عنوان القسم | نص الرأس فوق المنتجات | "منتجات مميزة" |
| مصدر البيانات | أي المنتجات تعرض | مميزة |
| الفئة | فئة محددة (إذا كان المصدر "فئة") | - |
| وضع العرض | نمط التخطيط | أفقي |
| الحد | الحد الأقصى للمنتجات المعروضة | 5 |
| إظهار عرض الكل | عرض رابط "عرض الكل" | تشغيل |
مصادر البيانات:
| المصدر | الوصف |
|---|---|
| مميزة | المنتجات المعلمة كمميزة |
| وصلت حديثاً | المنتجات المضافة مؤخراً |
| الأكثر مبيعاً | المنتجات الأكثر مبيعاً |
| تخفيضات | المنتجات ذات الخصومات |
| فئة | منتجات من فئة محددة |
ودجت البانر¶
اعرض بانرات ترويجية مع صور ونصوص/أزرار اختيارية.
الإعدادات:
| الإعداد | الوصف | الافتراضي |
|---|---|---|
| صورة البانر | الصورة الترويجية | - |
| نوع العرض | كيف يتم حساب العرض | تلقائي |
| قيمة العرض | العرض بالبكسل أو النسبة المئوية | - |
| العنوان | عنوان البانر | - |
| العنوان الفرعي | نص داعم | - |
| نص الزر | تسمية زر الإجراء | - |
| رابط الزر | الرابط عند النقر على الزر | - |
| لون الخلفية | لون خلفية البانر | - |
أنواع العرض:
- تلقائي: عرض كامل
- نسبة مئوية: % من عرض الشاشة
- بكسل: عرض ثابت بالبكسل
ودجت النص¶
أضف محتوى نصي مخصص للشاشة الرئيسية.
الإعدادات:
| الإعداد | الوصف | الافتراضي |
|---|---|---|
| المحتوى | النص للعرض | - |
| المحاذاة | محاذاة النص | يسار |
| النمط | تنسيق النص | نص عادي |
المحاذاة: يسار، وسط، يمين
الأنماط:
- نص عادي: نص فقرة قياسي
- عنوان: نص كبير، غامق
- تعليق: نص صغير، باهت
ودجت المسافة¶
أضف مسافة عمودية بين الودجات.
الإعدادات:
| الإعداد | الوصف | الافتراضي |
|---|---|---|
| الارتفاع (بكسل) | ارتفاع المسافة بالبكسل | 24 |
ودجت الفاصل¶
أضف خط فاصل بصري بين الأقسام.
الإعدادات:
| الإعداد | الوصف | الافتراضي |
|---|---|---|
| هامش علوي (بكسل) | المسافة فوق الفاصل | 16 |
| هامش سفلي (بكسل) | المسافة تحت الفاصل | 16 |
مثال على تخطيط الشاشة الرئيسية¶
إعداد نموذجي للشاشة الرئيسية للجوال:
- سلايدر - عروض البطل (ترتيب: 1)
- فئات - تسوق حسب الفئة (ترتيب: 2)
- مسافة - 16 بكسل مسافة (ترتيب: 3)
- منتجات - منتجات مميزة (ترتيب: 4)
- بانر - بانر ترويجي (ترتيب: 5)
- منتجات - وصلت حديثاً (ترتيب: 6)
- فاصل - فاصل بصري (ترتيب: 7)
- نص - معلومات التواصل أو إعلان (ترتيب: 8)
أفضل الممارسات¶
الأداء¶
- حدد عدد المنتجات/الفئات لكل ودجت
- استخدم صوراً بأحجام مناسبة للبانرات
- لا تفرط في عدد الودجات
تجربة المستخدم¶
- ضع المحتوى الأهم أولاً
- استخدم المسافات والفواصل للفصل البصري
- احتفظ بفاصل التشغيل التلقائي للسلايدر معقولاً (3-5 ثوان)
- اختبر على أحجام أجهزة مختلفة
المحتوى¶
- حدث صور السلايدر بانتظام
- أبرز المنتجات/الفئات الموسمية
- احتفظ بالبانرات حديثة وذات صلة
حفظ التغييرات¶
التغييرات تحفظ عند إنشاء أو تحرير الودجات الفردية. إعادة الترتيب تحفظ تلقائياً.
الأقسام ذات الصلة¶
- إعدادات تطبيق الجوال - أيقونة التطبيق ونظام الألوان
- عناصر السلايدر - إدارة صور السلايدر
- الفئات - إدارة فئات المنتجات
- المنتجات - إدارة المنتجات