موضوع الموقع

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

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

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

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

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

2. الميزات

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

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

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

If you know SCSS and Bootstrap 4 theming, you can manually write custom SCSS.

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

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

.btn-primary {
 background-color: $teal;
 color: $orange;
}

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

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

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

2.4 شبيبة مخصصة

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