 |
ملخص | Discourse FontAwesome Pro يسمح باستخدام أيقونات Font Awesome Pro في Discourse مع رخصة Font Awesome من خلال استخدام رمز حزمة NPM الخاص بحسابك. |
 |
رابط المستودع | https://github.com/discourse/discourse-fontawesome-pro |
 |
دليل التثبيت | كيفية تثبيت الإضافات في Discourse |
التكوين
يتطلب هذا بضع خطوات إضافية لتمكينها من إضافة عادية:
أولاً، ستحتاج إلى إعداد متغير بيئة إضافي يحتوي على مفتاح الترخيص الخاص بـ Font Awesome Pro: DISCOURSE_FONTAWESOME_AUTH_TOKEN
يجب أيضًا استدعاء سكريبت التثبيت أثناء التهيئة، كخطاف “after_code” إضافي. يقوم هذا بتحميل وإضافة ملفات SVG الخاصة بـ Font Awesome Pro أثناء البناء باستخدام رمز المصادقة الخاص بك. هذه كتلة إضافية منفصلة عن كتلة استنساخ الإضافة.
إليك مثال على التثبيت في app.yml :
env:
DISCOURSE_FONTAWESOME_AUTH_TOKEN: 123456
hooks:
after_code:
- exec:
cd: $home/plugins
cmd:
- git clone https://github.com/discourse/discourse-fontawesome-pro.git
- exec:
cd: $home/plugins/discourse-fontawesome-pro
raise_on_fail: false
cmd:
- $home/plugins/discourse-fontawesome-pro/scripts/install.sh
اختيار عائلة بديلة:
في إعدادات المسؤول، يمكنك استبدال عائلة أيقونات Discourse الافتراضية:
اختيار نمط بديل:
يمكنك أيضًا استبدال نمط الأيقونة الافتراضي:
ثنائي النغمة
للتحكم الكامل في دعم الثنائي النغمة، ستحتاج إلى استبدال CSS التالي (في سمة أو غير ذلك) واستبداله بمخطط ألوان خاص بك:
svg {
--fa-secondary-color: red;
--fa-secondary-opacity: 0.6;
}
لتلوين أيقونات فردية، ارجع إلى معرف SVG:
#fad-search .fa-secondary {
--fa-secondary-color: red;
--fa-secondary-opacity: 0.6;
}
تحديث تنسيق ثنائي النغمة
إذا كنت تستخدم محددات قائمة على الفئات مثل:.fa-secondary { color: red; }فستحتاج إلى تحديث تنسيقك لاستخدام خصائص CSS المخصصة بدلاً من ذلك. لم تعد تجاوزات الألوان القائمة على الفئات تعمل منذ أن تم إسقاطها في Font Awesome v7
في الخلفية، يستخدم هذا مستودع Font Awesome لتثبيت الخطوط في مجلد SVG للإضافة، ويسمح لـ Discourse بجلب الرموز من هناك.
مستضاف بواسطةنا؟ هذه الإضافة متاحة في خطط المؤسسة لدينا.