تغيير الألوان والأنماط
المشكلة التي يحلّها هذا الدليل
نموذج الطلب الذي لا يتناسب مع هوية متجرك البصرية يضعف ثقة العميل قبل أن يملأ حقلًا واحدًا. يوضح هذا الدليل بالضبط أي إعداد يتحكم في كل جانب مرئي — وكيف تعدّله في بضع نقرات حتى يبدو النموذج كأنه جزء أصيل من متجرك.
أين تجد إعدادات المظهر؟
في قائمة WordPress، اذهب إلى Yaxii Smart Form > إعدادات النموذج، ثم اضغط على تبويب المظهر.
[Screenshot: صفحة إعدادات النموذج مع تبويب “المظهر” محددًا، يعرض أقسام القالب والألوان والوضع الداكن]
اختيار قالب للنموذج
يأتي Yaxii Smart Form مع عدة قوالب جاهزة تغيّر أسلوب النموذج العام بإجراء واحد.
- 1فتح منتقي القالبفي تبويب المظهر، ابحث عن قسم قالب النموذج. اضغط على القائمة المنسدلة قالب النموذج لعرض القوالب المتاحة.
[Screenshot: القائمة المنسدلة “قالب النموذج” مفتوحة مع عرض عدة أسماء قوالب]
- 2اختر القالب وشاهد المعاينةاضغط على اسم القالب. تتحدث معاينة النموذج على الفور في الجانب الأيمن لتريك التأثير البصري الدقيق قبل الحفظ.
- 3احفظ التغييراتبمجرد رضاك عن المظهر، اضغط على حفظ التغييرات أسفل الصفحة.
تخصيص الألوان بشكل مستقل
إذا لم يتطابق أي قالب جاهز بدقة مع هويتك البصرية، يمكنك ضبط ثلاثة ألوان بشكل مستقل:
| الإعداد | ما الذي يتحكم فيه بصريًا |
|---|---|
| اللون الرئيسي | زر الطلب والمؤشرات النشطة وعناصر التحديد المميزة |
| لون الخلفية | الخلفية العامة لكتلة النموذج بأكملها |
| لون النص | تسميات الحقول والقيم التي يكتبها العميل |
لتغيير لون، اضغط على مربع اللون بجانب الإعداد، ثم اختر درجة اللون من المنتقي أو اكتب مباشرةً كود اللون السداسي (مثال: #E63946).
[Screenshot: ثلاثة منتقيات ألوان متجاورة — اللون الرئيسي ولون الخلفية ولون النص — مع منتقي الدرجات مفتوحًا على اللون الرئيسي]
تفعيل الوضع الداكن
إذا كان متجرك يستخدم قالبًا داكنًا أو كان عملاؤك يفضلون هذا الأسلوب، فعّل الوضع الداكن للنموذج في تبويب المظهر:
- شغّل مفتاح تفعيل الوضع الداكن.
- اختر قالبًا داكنًا من القائمة المنسدلة التي تظهر أسفله.
[Screenshot: مفتاح “تفعيل الوضع الداكن” في وضع التشغيل مع قائمة اختيار القالب الداكن ظاهرة أسفله]
ما التالي؟
المظهر جاهز. انتقل الآن إلى إدارة حقول النموذج والنصوص والتخطيط.