كيف أقوم بإنشاء سمة مخصصة للغاية؟

مطور
1

مرحباً، أنا جديد على Discourse وأحببت ميزاته ووظيفته حقاً. أرغب في تخصيص مظهره وطريقة عرضه للمحتوى بشكل كبير. لقد قرأت العديد من المواضيع والمنشورات محاولاً فهم ذلك. لدي خبرة في برمجة جافاسكريبت، لكنني أجد صعوبة في الفهم. بالتخصيص الكبير أعني: إزالة الشريط الجانبي، وإضافة عناصر تنقل إلى الشريط العلوي. عرض المواضيع مع اسم المؤلف، والصورة الرمزية، والموضوع، ونص المعاينة، بالإضافة إلى أحدث رد ومعاينة للرد مع الصورة الرمزية واسم المؤلف للرد. تجميع المواضيع تحت فئات في قائمة كبيرة واحدة من الفئات ومواضيعها (الطريقة القديمة). أعتقد أنني بحاجة إلى فهم كيفية تجاوز البيانات التي يتم عرضها، أو جلبها ثم عرضها، وأنا مرتبك بشأن أفضل طريقة للقيام بذلك. هل سيكون “سمة” واحدة؟ هل سيكون مكون سمة؟ هل سيكون إضافة (plugin)؟ هل سيكون هناك سمات ومكونات وإضافات متعددة؟ ما الفرق بين المكون والإضافة؟ أتمنى لو كان هناك فيديو على يوتيوب يوضح تطوير “سمة” مخصصة بشكل كبير كهذه. أنا حالياً أجمع قائمة بـ “إضافات؟” تقوم بأشياء مشابهة لما أريد تحقيقه وأحاول قراءة أكوادها وفهمها، لكن يا رجل، الأمر مربك حقاً عند القدوم إلى هذا “طازجاً”. أتعلم بشكل أفضل من خلال مشاهدة مقاطع الفيديو أكثر من القراءة. :confused: أي نصائح أو مشورة أو مقاطع فيديو ربما لم أكن على علم بها؟ أي مساعدة ستكون محل تقدير كبير. :pray:

2

نظرًا لأن التغييرات التي تريدها ستتضمن جلب بيانات إضافية للصفحات، فلن يكون المظهر أو المكون كافيين، بل تحتاج إلى إضافة (plugin) لتحقيق رؤيتك.

3

شكرا :slight_smile: لدي الكثير من القراءة للقيام بها. آمل أن يبدأ كل شيء في الظهور. لقد وجدت موضوعًا ذا صلة حقًا:

ثم، أشارك فقط بعض الروابط/الملاحظات للآخرين الذين قد يكونون في نفس القارب:

قوالب HTML موجودة في https://github.com/discourse/discourse/tree/main/app/assets/javascripts/discourse/app/templates

دليل المبتدئين للمظاهر:

دليل المطورين للمظاهر:

دليل المصممين للمظاهر:

إنشاء مكون مظهر:

مكون مظهر للكشف عن مواقع منافذ المكونات الإضافية (أماكن لحقن html/script/styles جديدة):

تطوير المكونات الإضافية:

تعلم البدء في بناء الأشياء:

تثبيت Discourse على Ubuntu/Debian للتطوير:

ما أريد تعديله حقًا هو “قائمة الموضوعات” أو الصفحة الرئيسية

• لقد أنشأ هذا المظهر بالفعل تنسيق قائمة الموضوعات المطلوب:

• اسم المؤلف + الصورة الرمزية:
Author name plus avatar أو Show Original Poster Avatars

• مجموعات الفئات:

• أيقونات الفئات المميزة:

يمكن أيضًا تجربة محرر المظاهر عبر الإنترنت:

إضافات:

• تسجيل الدخول الأحادي؟ SSO

• بوت Discord

4

يمكنك القيام بذلك عن طريق النقر على أيقونة الهامبرغر، لذا سيكون ذلك سهلاً للغاية.

ألقِ نظرة على روابط الرأس المخصصة

قد يساعدك ذلك في البدء.