| ملخص | يتيح لك الكود المخصص تخصيص الخطوط والألوان للمصادر المشتركة على الموقع. | |
| معاينة | معاينة على منشئ مواضيع Discourse | |
| رابط المستودع | https://github.com/discourse/discourse-custom-code | |
| جديد في مواضيع Discourse؟ | دليل المبتدئين لاستخدام مواضيع Discourse |
تثبيت مكون هذا الموضوع
الميزات
بشكل عام، تكون الخطوط المستخدمة لكتابة الكود جزءًا من عائلة monospace. أشهر هذه الخطوط هي:
(مع ذلك، فإن هذا لا يمنع أي شخص من تجربة الخطوط الأكثر تنوعًا!)
لتغيير الخط، انتقل إلى https://fonts.google.com
-
اختر الخط الذي تريد استخدامه
-
وقم بتخصيصه
-
اختر EMBED وانسخ السلسلة المتعلقة بعائلة الخط (1) داخل إعداد الموضوع
Font
-
انسخ والصق السلسلة المتعلقة بـ CSS (2) داخل إعداد الموضوع
font-family(لا تضيف الرمز;في نهاية السلسلة).
جميع الإعدادات الأخرى يجب أن تكون واضحة بما يكفي.
تنقسم إعدادات هذا المكون بين موضوع فاتح وموضوع داكن. إذا كنت تستخدم كلاهما، فتذكر إضافة المكون إلى كلا الموضوعين.
الإعدادات
| الاسم | الوصف |
|---|---|
| الخط | اختر خطًا جديدًا من Google Font. اعتمادًا على الخط المختار، يمكنك تخصيصه أكثر، على سبيل المثال Sarabun:300,400,500. إذا لم يتم تعيينه، سيتم تطبيق الخط الافتراضي. |
| حجم الخط | يحدد حجم الخط المراد استخدامه. إذا لم يتم تعيينه، سيتم تطبيق الخط الافتراضي. |
| عائلة الخط | يحدد الخط المراد استخدامه. إذا لم يتم تعيينه، سيتم تطبيق الخط الافتراضي. |
| نصف قطر الحدود | حدد نصف قطر الحدود للكود الخاص بك. القيمة الافتراضية هي 0px. |
| hljs فاتح | الموضوع الفاتح. اختر لون النص. |
| code فاتح | الموضوع الفاتح. اختر لون الكود. |
| code background فاتح | الموضوع الفاتح. اختر لون خلفية الكود. |
| comment فاتح | الموضوع الفاتح. اختر لون التعليقات ووسوم التوثيق. |
| title فاتح | الموضوع الفاتح. اختر لون العناوين والأسماء والبيانات الوصفية (meta). |
| string فاتح | الموضوع الفاتح. اختر لون السلاسل النصية. |
| number فاتح | الموضوع الفاتح. اختر لون الأرقام. |
| keyword فاتح | الموضوع الفاتح. اختر لون الكلمات المفتاحية، والاستبدال، والطلبات، والحالة. |
| class title فاتح | الموضوع الفاتح. اختر لون العنوان داخل عنصر الفئة (class). |
| tag فاتح | الموضوع الفاتح. اختر لون الوسوم. |
| attribute فاتح | الموضوع الفاتح. اختر لون السمات. |
| symbol فاتح | الموضوع الفاتح. اختر لون الرموز. |
| hljs داكن | الموضوع الداكن. اختر لون النص. |
| code داكن | الموضوع الداكن. اختر لون الكود. |
| code background داكن | الموضوع الداكن. اختر لون خلفية الكود. |
| comment داكن | الموضوع الداكن. اختر لون التعليقات. |
| title داكن | الموضوع الداكن. اختر لون العناوين والأسماء والبيانات الوصفية (meta). |
| string داكن | الموضوع الداكن. اختر لون السلاسل النصية. |
| number داكن | الموضوع الداكن. اختر لون الأرقام. |
| keyword داكن | الموضوع الداكن. اختر لون الكلمات المفتاحية، والاستبدال، والطلبات، والحالة. |
| class title داكن | الموضوع الداكن. اختر لون العنوان داخل عنصر الفئة (class). |
| tag داكن | الموضوع الداكن. اختر لون الوسوم. |
| attribute داكن | الموضوع الداكن. اختر لون السمات. |
| symbol داكن | الموضوع الداكن. اختر لون الرموز. |
مُستضاف معنا؟ مكونات المواضيع متاحة للاستخدام في خططنا القياسية، والأعمال، والمؤسسات.




