موضوع الموقع

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

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

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

1. انتقل إلى قائمة سمات موقع الويب وانقر على جديد.
2. أدخل اسم الموضوع.
3. تخصيص الموضوع الخاص بك.
4. انقر على حفظ.

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

2. الميزات

2.1 تكوين الموضوع

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

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

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

في حقل "التجاوزات المخصصة"، يمكنك استبدال المتغيرات المحددة بواسطة ملف سمة أي تطبيق. سيتم تضمين محتوى هذا الحقل قبل استيراد أي SCSS آخر. على سبيل المثال، يتم تعيين المتغير $spacer على 1rem بشكل افتراضي. ما عليك سوى إعادة تعريفه إلى $spacer: 2rem; لجعل جميع المسافات أكبر بمرتين.

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

.btn-الابتدائي {
  لون الخلفية: $teal;
  اللون: برتقالي $؛
}

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

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

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

2.4 شبيبة مخصصة

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