دليل استخدامالتصميم والعرض

كيفية إدارة قوالب الشارات في نظام Wrid

تعلّم كيفية إنشاء وتخصيص شارات المنتجات — مع محرر مرئي، معاينة حية، وتحكم كامل في الألوان والخطوط والمسافات.

W
فريق وريد
••مدة القراءة: ٨ دقائق
صفحة إدارة قوالب الشارات في نظام Wrid

المقدمة

قوالب الشارات في نظام Wrid تتيح لك إنشاء شارات مخصصة للمنتجات — مثل "جديد"، "تخفيض"، "الأكثر مبيعًا". هذه الشارات تظهر على المنتجات في واجهة نقاط البيع (POS) والكتالوج.

الميزة الأبرز هي المحرر المرئي مع المعاينة الحية — كل تغيير في الإعدادات (لون، خط، حجم، ظل) ينعكس فورًا على شكل الشارة. المحرر يتكون من لوحة المعاينة على اليسار ولوحة الخصائص على اليمين.

ملاحظة

الشارات اختيارية — يمكنك استخدام النظام بدون شارات. لكنها تُحسّن تجربة البيع وتساعد في لفت انتباه العملاء.

1

صفحة قائمة الشارات

قائمة قوالب الشارات مع البطاقات الإحصائية

من القائمة الجانبية، انتقل إلى الإعدادات ← قوالب الشارات. ستظهر صفحة تحتوي على:

🏷️

إجمالي القوالب

✅

القوالب النشطة

⏸️

القوالب غير النشطة

🔒

قوالب النظام

العمودالوصف
المعاينةمعاينة مباشرة للشارة — تُظهر الشكل النهائي بالألوان والأيقونة.
الاسم (EN/AR)اسم الشارة بالإنجليزية والعربية.
المفتاحمفتاح تعريفي فريد — يُستخدم داخليًا لتحديد الشارة.
الحالةنشط أو غير نشط.
الإجراءاتتعديل أو حذف — قوالب النظام محمية من الحذف.
2

المحرر المرئي — المعاينة الحية

المحرر المرئي لقوالب الشارات مع المعاينة الحية

اضغط على "إضافة شارة" أو عدّل شارة موجودة — ستظهر نافذة المحرر المرئي المكوّنة من:

🖼️ لوحة المعاينة (يسار)

تُظهر الشارة بشكلها النهائي — تتحدث تلقائيًا مع كل تغيير في الخصائص.

⚙️ لوحة الخصائص (يمين)

5 أقسام من الإعدادات — الأساسية، الألوان، الخطوط، المسافات، والظل.

📝

المعلومات الأساسية

1.
الاسم بالإنجليزية— اسم الشارة بالإنجليزية — مثل: New, Sale, Hot.
2.
الاسم بالعربية— اسم الشارة بالعربية — مثل: جديد، تخفيض، رائج.
3.
مفتاح الشارة— مفتاح فريد — مثل: new, sale, hot_deal.
4.
الأيقونة (إيموجي)— اختيار إيموجي يظهر بجانب النص في الشارة.
5.
نشط— تبديل لتفعيل أو تعطيل الشارة.
🎨

الألوان

1.
لون الخلفية— لون خلفية الشارة — اختيار من منتقي الألوان.
2.
لون النص— لون النص داخل الشارة — يجب أن يكون متباينًا مع الخلفية.
🔤

الخطوط

1.
حجم الخط— حجم نص الشارة بالبكسل.
2.
وزن الخط— سمك الخط — عادي، متوسط، عريض، أو أعرض.
3.
تحويل النص— أحرف كبيرة، صغيرة، أو عادية (للنص الإنجليزي).
4.
المسافة بين الأحرف— المسافة بين الأحرف بالبكسل.
📐

المسافات والأبعاد

1.
الحشوة الأفقية (X)— المسافة الداخلية من اليمين واليسار.
2.
الحشوة العمودية (Y)— المسافة الداخلية من الأعلى والأسفل.
3.
المسافة بين العناصر— المسافة بين الأيقونة والنص.
4.
استدارة الحواف— درجة استدارة أركان الشارة.
5.
حجم الأيقونة— حجم الإيموجي بالبكسل.
🌫️

الظل

1.
لون الظل— لون ظل الشارة.
2.
شفافية الظل— درجة شفافية الظل (0-100%).
3.
ضبابية الظل— مقدار ضبابية الظل بالبكسل.
4.
إزاحة X— الإزاحة الأفقية للظل.
5.
إزاحة Y— الإزاحة العمودية للظل.

شارات النظام (المحمية)

النظام يحتوي على شارات افتراضية محمية — يمكنك تعديل شكلها ولونها لكن لا يمكن حذفها. هذه الشارات تُستخدم في ميزات أساسية في النظام.

ملاحظة: شارات النظام تحمل علامة 🔒 في عمود الإجراءات — هذا يعني أنها محمية من الحذف لكن قابلة للتعديل.

مميزات قوالب الشارات في Wrid

👁️

معاينة حية

كل تغيير في الخصائص ينعكس فورًا على المعاينة — لترى الشارة بشكلها النهائي قبل الحفظ.

🎨

تخصيص كامل

ألوان، خطوط، مسافات، ظلال — تحكم كامل في شكل الشارة بدون كتابة كود.

🌐

دعم ثنائي اللغة

اسم بالعربية والإنجليزية — الشارة تعرض اللغة المناسبة حسب واجهة المستخدم.

😀

أيقونات إيموجي

اختر إيموجي مناسب ليظهر بجانب نص الشارة — يُضيف لمسة بصرية جذابة.

🔒

شارات النظام

الشارات الافتراضية للنظام محمية — يمكن تعديلها لكن لا يمكن حذفها.

📊

4 بطاقات إحصائية

إجمالي القوالب، النشطة، غير النشطة، وقوالب النظام — في لمحة واحدة.

نصائح مهمة لتصميم الشارات

1

استخدم ألوانًا متباينة — لون خلفية فاتح مع نص داكن، أو خلفية داكنة مع نص فاتح.

2

اجعل الشارات قصيرة — كلمة أو كلمتين كحد أقصى لتكون واضحة وجذابة.

3

استخدم إيموجي مناسب — يساعد في التعرف السريع على نوع الشارة.

4

اختبر الشارة في المعاينة الحية — تأكد من وضوحها بأحجام مختلفة.

5

لا تُنشئ شارات كثيرة جدًا — 5-10 شارات كافية لمعظم المنشآت.

صمّم شاراتك بإبداع — واجذب انتباه عملائك

قوالب الشارات في Wrid تُحسّن عرض منتجاتك — محرر مرئي، معاينة حية، وتخصيص كامل بدون كود. ابدأ تجربتك المجانية اليوم.

ابدأ الآن مجانًا