كود مخصص

:discourse2: الملخص يتيح لك Custom Code تخصيص الخطوط والألوان للمشاريع المشتركة على الموقع.
:eyeglasses: معاينة معاينة على منشئ سمات Discourse
:hammer_and_wrench: رابط المستودع https://github.com/discourse/discourse-custom-code
:open_book: جديد في سمات Discourse؟ دليل المبتدئين لاستخدام سمات Discourse

تثبيت مكون السمة هذا

الميزات

بشكل عام، الخطوط المستخدمة لكتابة الكود هي جزء من العائلة monospace. أشهر الخطوط هي:

(ومع ذلك، لا يمنع هذا أحداً من تجربة أكثر الخطوط تنوعاً!)

لتغيير الخط، انتقل إلى https://fonts.google.com

  • اختر الخط الذي تريد استخدامه

  • وقم بتخصيصه

  • حدد EMBED وانسخ السلسلة المتعلقة بعائلة الخط (1) داخل إعداد السمة Font

  • انسخ والصق السلسلة المتعلقة بـ CSS (2) داخل إعداد السمة font-family (لا تضيف الشخصية ; في نهاية السلسلة).

يجب أن تكون جميع الإعدادات الأخرى واضحة بما فيه الكفاية.

تنقسم إعدادات هذا المكون بين سمة الوضع الفاتح والوضع الداكن. إذا كنت تستخدم كليهما، فتذكر إضافة المكون إلى كلتا السمتين.


الإعدادات

الاسم الوصف
font اختر خطاً جديداً من Google Font. اعتماداً على الخط المختار، يمكنك تخصيصه أكثر، على سبيل المثال Sarabun:300,400,500 . إذا لم يتم تعيينه، سيتم تطبيق الخط الافتراضي.
font size يحدد حجم الخط المستخدم. إذا لم يتم تعيينه، سيتم تطبيق الخط الافتراضي.
font family يحدد الخط المستخدم. إذا لم يتم تعيينه، سيتم تطبيق الخط الافتراضي.
border radius اختر نصف قطر الحدود للكود الخاص بك. القيمة الافتراضية هي 0px.
hljs light الوضع الفاتح. اختر اللون للنص.
code light الوضع الفاتح. اختر اللون للكود.
code background light الوضع الفاتح. اختر لون الخلفية للكود.
comment light الوضع الفاتح. اختر اللون للتعليق وdoctag.
title light الوضع الفاتح. اختر اللون للعنوان، الاسم وmeta
string light الوضع الفاتح. اختر اللون للسلسلة.
number light الوضع الفاتح. اختر اللون للرقم.
keyword light الوضع الفاتح. اختر اللون للمفتاح، subst، request، وstatus.
class title light الوضع الفاتح. اختر اللون للعنوان داخل عنصر الفئة.
tag light الوضع الفاتح. اختر اللون للوسم.
attribute light الوضع الفاتح. اختر اللون للخاصية.
symbol light الوضع الفاتح. اختر اللون للرمز.
hljs dark الوضع الداكن. اختر اللون للنص.
code dark الوضع الداكن. اختر اللون للكود.
code background dark الوضع الداكن. اختر لون الخلفية للكود.
comment dark الوضع الداكن. اختر اللون للتعليق.
title dark الوضع الداكن. اختر اللون للعنوان، الاسم وmeta.
string dark الوضع الداكن. اختر اللون للسلسلة.
number dark الوضع الداكن. اختر اللون للرقم.
keyword dark الوضع الداكن. اختر اللون للمفتاح، subst، request وstatus
class title dark الوضع الداكن. اختر اللون للعنوان داخل عنصر الفئة.
tag dark الوضع الداكن. اختر اللون للوسم.
attribute dark الوضع الداكن. اختر اللون للخاصية.
symbol dark الوضع الداكن. اختر اللون للرمز.

:discourse2: مستضاف من قبلنا؟ تتوفر مكونات السمات للاستخدام في خططنا Standard وBusiness وEnterprise.

36 إعجابًا