website theme

موضوع الموقع

يوفر ERPNext إمكانات متقدمة للتخصيص لتخصيص شكل ومظهر موقع الويب الخاص بك وجعله يتناسب مع علامتك التجارية.

الصفحة الرئيسية> موقع الويب> الإعداد> سمة موقع الويب

1. كيفية إنشاء سمة موقع الويب

1. اذهب إلى قائمة سمة موقع الويب وانقر على جديد.

2. أدخل اسم موضوع.

3. تخصيص المظهر الخاص بك.

4. انقر فوق حفظ.

**ملاحظة:**تأكد من تعيين سمة موقع الويب في إعدادات موقع الويب للموضوع الذي سيتم تطبيقه.

حدد سمة موقع الويب في إعدادات موقع الويب

2. سمات

2.1 تكوين السمة

يوجد قسم "تكوين السمة" من أجل تمهيد السمة الأساسية. هنا يمكنك اختيار نظام الألوان والخط وأنماط الأزرار.

2.2 ورقة الأنماط

إذا كنت تعرف SCSS و تنسيق سمات Bootstrap 4 ، فيمكنك الكتابة يدويًا SCSS مخصص.

في حقل "Custom Overrides" يمكنك الكتابة فوق المتغيرات المحددة بواسطة ملف سمة أي تطبيق. سيتم تضمين محتوى هذا الحقل bقبل استيراد أي SCSS أخرى. على سبيل المثال ، يتم تعيين المتغير "spacer $" على "1rem" افتراضيًا. فقط أعد تعريفه إلى `` spacer: 2rem ؛ '' لجعل كل المساحات أكبر بمرتين.

في حقل "مخصص SCSS" يمكنك إضافة الأنماط الخاصة بك. سيتم تضمين هذا _ بعد_ استيراد سمات التطبيق. يمكنك أيضًا تجاوز أي نمط محدد. على سبيل المثال ، إذا لم تعجبك الأزرار الخاصة بنا ، فقم فقط بتضمين ما يلي:

"" .btn الأساسي { لون الخلفية: $ teal؛ اللون: البرتقالي $؛ } ""

2.3 ملفات السمات المضمنة

إذا ألقيت نظرة على السمة الافتراضية التي تم إنشاؤها بواسطة مربع حوار التكوين ، فستستورد frappe / public / scss / website و erpnext / public / scss / website. هذه هي ملفات السمات الافتراضية لتطبيق "frappe" و "erpnext". إذا كان لديك أي تطبيقات أخرى مثبتة ، فقد يقدمون أيضًا ملف "website.scss" الخاص بهم.

يسرد قسم "ملفات السمات المضمنة" جميع التطبيقات المثبتة. يمكن لكل تطبيق إحضار ملف السمة الخاص به ([app] / public / scss / website.scss). قد يكون القالب مكتملاً ، ويوفر أنماطًا لموقع الويب بأكمله ، أو مجرد وظيفة إضافية. على سبيل المثال ، قد يصمم فقط العناصر التي يقدمها. من خلال تحديد المربعات ، يمكنك اختيار المظهر الذي يجب تضمينه في موقع الويب الخاص بك.

تضمين ملفات السمات

2.4 Custom JS

يمكنك أيضًا كتابة JavaScript مخصص سيتم تشغيله عند تطبيق السمة الخاصة بك. استخدمه لإضافة / إزالة الفئات من العناصر ، أو أي نص برمجي يساعدك على تغيير شكل العناصر الخاصة بك.