تنسيق عنصر: المسافات والخلفية والحدود والظل والحركة

الخطوات

1. افتح المتجر الإلكتروني ← إعدادات الثيم (أو صفحة هبوط) واضغط على العنصر. لتنسيق حاوية كاملة بدلًا من النص داخلها، اختر القسم أو الصندوق من طبقات التصميم.
2. اضغط أيقونة القلم في الشريط الجانبي، ثم تبويب الأنماط.
3. انتقل عبر الأقسام التي تحتاجها:
   • الخط: عائلة الخط والحجم والوزن واللون وارتفاع السطر وتباعد الحروف والمحاذاة والتحويل.
   • المسافات: الحشو (داخلي) والهامش (خارجي).
   • الخلفية: صلب أو تدرج أو صورة.
   • الحدود: العرض والنمط واللون والحواف.
   • الظل: إعدادات جاهزة بدون / ناعم / عائم / قوي، أو الإزاحة والتمويه والانتشار والشفافية واللون.
   • الموضع: ثابت أو نسبي أو مطلق أو ثابت (Fixed) أو ثابت مع التمرير، بالإضافة إلى موضع الطبقة (ترتيب التراكب).
4. للحركة، افتح الرسوم المتحركة، واختر إعدادًا جاهزًا من جذب الانتباه أو حركات الدخول أو حركات الخروج أو تأثيرات خاصة، ثم اضبط المدة (مللي ثانية) والتأخير (مللي ثانية) وتكرار مستمر.
5. اقرأ ملاحظة "يُطبق على": مع تحديد إطار الهاتف تُطبق الأنماط على الجوال (حتى 768px)؛ ومع إطار الجهاز اللوحي على الجهاز اللوحي (حتى 991px)؛ وإلا فعلى سطح المكتب. بدّل الجهاز وكرّر حيث يلزم.
6. اضغط حفظ، وتأكد أن الصفحة على وضع تم النشر.

مشاكل شائعة

• نسّقت عنصرًا على سطح المكتب لكن لم يتغير شيء على هاتفي ← تُحفظ الأنماط لكل حجم شاشة؛ حدد إطار الهاتف واضبطها مرة أخرى.
• أريد تغيير كل الأزرار أو ألوان المتجر بالكامل ← تبويب الأنماط خاص بكل عنصر. استخدم تخصيص الثيم (أيقونة الألوان) للألوان والخط والحواف الدائرية على مستوى المتجر.
• اختفت أنماطي بعد تغيير تصميم العنصر ← تبديل المتغير يعيد ضبط الأنماط؛ اضبطها مرة أخرى.
• نص واحد يبدو مختلفًا عن بقية المتجر ← ضبطت عائلة الخط لهذا العنصر في قسم الخط؛ أزلها ليرث خط المتجر.

ذات صلة

• تغيير ألوان متجرك وخطه واستدارة الحواف
• تعديل تخطيط الجوال والجهاز اللوحي بشكل منفصل
• تغيير تصميم (متغير) عنصر