اَلْعمل مع ملفات تجاوز CSS

توضح هذه المقالة كيفية استخدام ملفات استبدال أوراق الأنماط المتتالية (CSS) في Microsoft Dynamics 365 Commerce.

يجب دائمًا معالجة أنماط الموقع الدائمة من خلال سمة الموقع. توفر المظاهر إعدادات CSS وإعدادات النمط للوحدات النمطية في أي صفحة من موقعك. يمكنك إنشاء النسق باستخدام مجموعة تطوير البرامج عبر الإنترنت (SDK) ل Dynamics 365 Commerce، ونشرها على مواقع الويب الخاصة بك من خلال خدمات دورة حياة Microsoft Dynamics (LCS). تساعد قدرات تصحيح السمات وتكوينات واجهة الوحدة النمطية في SDK مطوري المواقع على إنشاء حزم تصميم موقع قابلة للتخصيص ومتماسكة. عند نشر حزم التصميم هذه في موقع، يمكن لمؤلفي الموقع التركيز على إنشاء المحتوى وتحريره ونشره بدلا من تطوير الموقع.

بالنظر إلى دورة الحياة المعتادة للسمة، فإن الاعتماد على المطورين لإجراء تغييرات على النمط من خلال تدفقات نشر SDK و LCS قد يكون باهظ الثمن في بعض السيناريوهات. قد تبدو النماذج الأولية أو الإصلاحات العاجلة للموقع مرهقة إذا لم يتم تكوين SDK، أو إذا لم يكن لديك الوقت لانتظار نشر LCS.

في هذه السيناريوهات، يمكن أن تساعد ملفات التجاوز الخاصة بـ CSS. في أدوات التأليف التجارة، يمكن للمستخدمين المصادق عليهم تحميل ملف CSS، ومعاينته، ثم تنشيطه لتجاوز سمة الموقع. لا تحتاج إلى عبء نشر SDK أو LCS. يمكن أن تكون التجاوزات التي تحددها في ملف تجاوز CSS صغيرة مثل التغيير إلى نمط نص واحد أو واسعة النطاق مثل إصلاح كامل للعلامة التجارية.

قبل استخدام ملفات التجاوز الخاصة بـ CSS، يجب أن تكون على علم بالقيود التالية:

يمكن فقط تنشيط ملف تجاوز CSS واحد فقط على الموقع في كل مرة. لذا، يجب أن تكون كافة التجاوزات النشطة موجودة في ملف تجاوز واحد.
على الرغم من أنه يمكنك معاينة التجاوزات في أدوات تأليف التجارة، إلا أنه لا توجد ميزات مخصصة لتصحيح الأخطاء للمساعدة في تحديد أي أخطاء تقدمها التجاوزات. وبعبارة أخرى، عند استخدام ملفات CSS للتجاوز، لا تملك نفس مجموعة الأدوات التي يوفرها SDK لوحدة التحقق من صحة الوحدة والتأليف.

ومع ذلك، توفر ملفات CSS للتجاوز طريقه سريعة لنموذج تصميم أو تطبيق إصلاح عاجل قبل تحديث سمة كامله تطوير ونشرها.

إنشاء ملف CSS للتجاوز

لإنشاء ملف تجاوز CSS، استخدم أي بيئة تطوير متكاملة (IDE) أو محرر نص أو محرر التعليمات البرمجية المصدر. تتمثل الطريقة المعتادة في استخدام مصحح أخطاء الويب القياسية في المستعرض الخاص بك لتحديد محددات النمط والخصائص والقيم على موقعك الحالي. تسمح لك معظم المستعرضات بتغيير القيم ومعاينتها في مصحح الأخطاء. بعد تحديد التغييرات التي تريد إجراؤها، احفظها في ملف CSS الخاص بك.

تحميل ملف CSS للتجاوز

لتحميل ملف CSS إلى موقعك في Commerce، اتبع الخطوات التالية:

في أدوات التأليف، انتقل إلى الموقع الخاص بك.
في جزء التنقل على اليسار، حدد التصميم.

ملحوظة

استنادا إلى إصدار أدوات تأليف Commerce التي تستخدمها، قد تحتاج إلى توسيع الإعدادات في جزء التنقل قبل أن تتمكن من تحديد تصميم.
في الجزء العلوي من جزء التصميم الرئيسي، حدد علامة التبويب CSS للتجاوز، إذا لم تكن محددة بالفعل.
ضمن ملفات CSS للتجاوز، حدد تحميل ملف CSS. يظهر إطار مستكشف الملفات.
في "مستكشف الملفات"، استعرض ملف CSS وحدده، ثم حدد فتح. يظهر ملف CSS الذي تم تحميله الآن ضمن ملفات CSS للتجاوز المتوفرة.

معاينة ملف CSS للتجاوز

لمعاينة ملف تجاوز CSS قبل تنشيطه على موقعك المباشر، اتبع الخطوات التالية:

في جزء التنقل على اليسار، حدد التصميم. في علامة التبويب تجاوز CSS ، ضمن تجاوزات CSS المتوفرة، ابحث عن ملف CSS الذي تريد معاينته.
بجوار اسم ملف CSS، حدد معاينة الموقع.
في مربع الحوار حدد عنوان URL، حدد عنوان URL الخاص بالموقع الذي ترغب في رؤية التجاوز المطبق عليه، ثم حدد موافق.
إذا كان هناك العديد من المتغيرات لعنوان URL المحدد، فحدد المتغير المطلوب في مربع الحوار معاينة التغييرات التي تظهر.

يتم فتح علامة تبويب أو نافذة مستعرض جديدة، حيث يمكنك اعتماد إعدادات النمط الخاصة بك على الصفحة الخاصة بك. يمكنك بعد ذلك مشاركة عنوان URL مع مستخدمي التجارة المعتمدين الآخرين للمراجعة والتعليقات.

قم بتنشيط ملف CSS للتجاوز على موقع العرض المباشر الخاص بك

بعد معاينة ملف تجاوز CSS والموافقة عليه، قم بتنشيطه على موقعك المباشر.

ملحوظة

لا يمكنك أن يكون لديك سوى ملف واحد نشط لتجاوز CSS على موقعك في كل مرة. إذا قمت بتنشيط ملف تجاوز جديد، يمكنك إلغاء تنشيط ملف التجاوز السابق. تأكد من أن كافة التجاوزات المطلوبة موجودة في ملف CSS للتجاوز واحد.

لتنشيط ملف CSS للتجاوز، اتبع الخطوات التالية:

في جزء التنقل على اليسار، حدد التصميم. في علامة التبويب تجاوز CSS ، ضمن تجاوزات CSS المتوفرة، ابحث عن ملف CSS الذي تريد تنشيطه.
ضمن اسم ملف CSS، حدد تنشيط. يصبح ملف التجاوز نشطًا على الفور في موقع العرض المباشر الخاص بك.

إلغاء تنشيط ملف CSS للتجاوز على موقع العرض المباشر الخاص بك

لإلغاء تنشيط ملف تجاوز CSS على موقعك، اتبع الخطوات التالية:

في جزء التنقل على اليسار، حدد التصميم. في علامة التبويب تجاوز CSS ، ضمن تجاوزات CSS المتوفرة، ابحث عن ملف CSS الذي تريد إلغاء تنشيطه.
ضمن اسم ملف CSS، حدد إلغاء التنشيط. يصبح ملف التجاوز غير نشط على الفور في موقع العرض المباشر الخاص بك.

نصيحة

للوصول إلى خيارات ملفات CSS للتجاوز الإضافية، حدد علامة القطع (...) بجوار اسم ملف CSS. تعتبر خيارات التنزيل، وإعادة التسمية، والاستبدال مفيدة للتغييرات السريعة على ملف CSS للتجاوز الموجود.