تخصيص السمات بدون زر "Edit code"

قد ترغب أحيانًا في تخصيص سمة Discourse ولكن تجد أنه لا يوجد قسم “رمز مخصص” مع زر “تحرير الرمز” متاحًا. يحدث هذا غالبًا مع السمات البعيدة (السمات المثبتة من مصدر خارجي) والسمات المثبتة مسبقًا (Horizon و Foundation). إليك كيف يمكنك إضافة تخصيصاتك:

فهم القيد

بالنسبة للسمات المثبتة مسبقًا، سترى لافتة تخبرك

هذه السمة مثبتة مسبقًا ولا يمكن حذفها أو تخصيصها

بالنسبة للسمات البعيدة، سترى عادةً رسالة مثل:

إذا كنت ترغب في تعديل هذه السمة، يجب عليك إرسال تغيير على مستودعها

:discourse2: مستضاف بواسطة Discourse؟ قد ترى بعد ذلك: “تم تعطيل تحرير السمات البعيدة في Discourse. يرجى الاتصال بنا إذا كنت بحاجة إلى مساعدة في نقل السمات البعيدة المخصصة إلى سمة محلية.”

خيارات التخصيص

  1. إرسال التغييرات إلى المستودع الرئيسي: إذا كانت تغييراتك يمكن أن تفيد الآخرين، ففكر في اقتراحها على المبدعين الأصليين للسمة. يتطلب هذا الإلمام بـ git و GitHub.
  2. إنشاء نسخة (تفرع) من المستودع: أنشئ نسختك الخاصة من مستودع رمز السمة، وأضف تخصيصاتك، واستخدم نسختك المنسوخة. تتطلب هذه الطريقة معرفة تقنية وتعني أنك ستحتاج إلى صيانة التحديثات بنفسك.
  3. إنشاء مكون مخصص: تتيح لك هذه الطريقة إضافة تخصيصات دون تعديل السمة الأصلية. إنه النهج الموصى به لمعظم المسؤولين وسيكون محور التركيز في هذا الدليل.

إنشاء مكون مخصص

اتبع هذه الخطوات لإنشاء مكون مخصص لتخصيصات السمة الخاصة بك:

  1. انتقل إلى لوحة إدارة موقعك وانتقل إلى /admin/config/customize/components

  2. انقر على زر “تثبيت” في الجزء العلوي الأيمن

  3. حدد “+ إنشاء جديد”، وأدخل اسمًا للمكون الخاص بك (على سبيل المثال، “مكوني المخصص”)، واختر “مكون” كنوع، وانقر على “إنشاء”

  4. يتم إعادة توجيهك تلقائيًا إلى المكون الجديد الذي أنشأته.

  5. أضف المكون إلى السمة (السمات) التي تريد تخصيصها

    :warning: لا تنس الحفظ بالنقر على علامة الاختيار الخضراء

  6. انقر على “تحرير الرمز”

  7. أضف تخصيصاتك في الأقسام المناسبة (CSS، \u003chead\u003e، إلخ)

  8. انقر على “حفظ” لتطبيق التغييرات الخاصة بك

ملاحظات هامة

  • سيتم تطبيق تخصيصاتك فوق السمة الحالية.
  • إذا تم تحديث السمة الأساسية، فسيظل المكون المخصص الخاص بك يطبق تغييراته، مما قد يؤدي أحيانًا إلى نتائج غير متوقعة.
  • اختبر دائمًا تخصيصاتك بدقة بعد تحديثات السمة.

باتباع هذه الخطوات، يمكنك إضافة CSS مخصص أو HTML أو تعديلات أخرى إلى سمة Discourse الخاصة بك دون تعديل ملفات السمة البعيدة مباشرة. هذه الطريقة مناسبة لمعظم المسؤولين الذين يتطلعون إلى إجراء تعديلات صغيرة على مظهر موقعهم أو وظيفته.

14 إعجابًا

شكرًا لك على هذا! أين يمكنني العثور على وثائق حول كيفية إضافة محتوى التذييل (footer) على سبيل المثال، فقط إلى أنواع معينة من الصفحات أو الفئات؟

أو على سبيل المثال، إلحاق شيء ما بنهاية موضوع عندما يكون “صفحة منشورة”؟