لقد كنت أتابع Discourse لسنوات ولكني ترددت في التبديل نظرًا لأنني لست على دراية بالبرمجة أو إعدادات سطر الأوامر. ومع ذلك، فإن الميزات المثيرة والطبيعة مفتوحة المصدر أقنعتني أخيرًا بالانتقال من XenForo، بمساعدة صديق خبير تقني.
الآن، أنا متحمس لتخصيص منتداي! بصفتي مصمم واجهة مستخدم/تجربة مستخدم، لدي الكثير من الأفكار، لكنني لست متأكدًا من أين أبدأ. مع XenForo، استخدمت سمات تطابق رؤيتي عن كثب وأجريت تعديلات طفيفة باستخدام CSS. سمحت لي خيارات السمة المضمنة أيضًا بتعديل عناصر واجهة المستخدم المحددة، مثل خلفيات المشاركات أو حدود الشريط الجانبي باستخدام واجهة المستخدم الرسومية.
في Discourse، أرى خيار لوحة الألوان، ولكن هل هناك أي عناصر تحكم مدمجة لتصميم أكثر تفصيلاً، أم أحتاج إلى الاعتماد على التعليمات البرمجية لكل شيء؟ أي توجيه سيكون موضع تقدير كبير! ومع ذلك، أنا معجب حقًا بوظائف Discourse ومتحمس لاستكشاف إمكاناته.
هناك أداة سطر أوامر تساعد في إنشاء السمات والمكونات، وأقترح عليك إلقاء نظرة عليها:
هناك أيضًا صفحة خاصة تسرد معظم عناصر HTML الخاصة بـ Discourse حتى تتمكن من الحصول على نظرة عامة على شكلها، وإنشاء أنماطك وفقًا لذلك.
يجب تمكين الصفحة باستخدام إعداد الموقع Styleguide enabled.
على الرغم من أن الأمر يبدو شاقًا بعض الشيء بالنسبة لي، إلا أنني ما زلت أشعر بالتفاؤل حيال ذلك، شكرًا لك على هذه الرد الرائع، أعتقد أن دليل الأسلوب سيكون مفيدًا بالتأكيد. شكرًا جزيلًا!
@manuel يعمل على توسيع الخيارات غير البرمجية (أو الأقل برمجية) لبناء وتخصيص السمات. سأبدأ من هناك (بدافع الأنانية، أود متابعة تقدمك في هذا المجال حتى أتمكن من إيجاد الوقت للتعمق فيه بنفسي ، لذلك إذا قمت بذلك، فيرجى تقديم/نشر التعليقات والتقارير على طول الطريق!!!). يبدو أنه يبتكر بعض التبسيطات لنا نحن المهووسين بواجهات المستخدم وتجربة المستخدم.
ليس لكل شيء، ولكن لتطبيق أي تصميم مخصص آخر أعتقد أنك ستحتاج إلى كتابة الكود. خطواتي الموصى بها ستكون:
تعلم كيفية استخدام Theme CLI gem الذي ذكره @Canapin بالفعل. قد تكون هذه خطوة أولى شاقة، ولكن إذا كان هناك أي شيء سيجعلك تقع في حب تخصيص Discourse، فهو هذه الأداة الصغيرة! إنها مثل عصا سحرية للمصممين بدونها، من المحتمل أن تشعر بالاحتكاك في كل خطوة على الطريق.
تدرب على تطبيق الأنماط باستخدام خصائص CSS المخصصة.
أعتقد أن الأدلة ليست محدثة في هذا الصدد. لا يزال هناك الكثير مما يجب القيام به لنظام متسق حقًا من رموز التصميم، لكن Discourse قد قطع شوطًا طويلاً بالفعل! سيساعدك فهم أين وكيف تُستخدم الخصائص المخصصة كثيرًا في فهم أفضل الممارسات للجزء الأمامي من الواجهة الأمامية لـ Discourse.
يمكنك العثور على الخصائص المخصصة باستخدام مدقق المتصفح الخاص بك، أو إلقاء نظرة على هذه القائمة للحصول على انطباع أول: Documenting custom properties. ويمكنك تصميم القوالب الحديثة، مثل الشريط الجانبي، بالكامل تقريبًا باستخدام الخصائص المخصصة.
كما اقترح @denvergeeks، يمكنك إلقاء نظرة على قالب سمة Canvas. ما يفعله هو إضافة مجموعة من الخصائص المخصصة لتصميم التخطيط غير المتوفرة في النواة.
، لذلك إذا قمت بذلك، فيرجى تقديم/نشر التعليقات والتقارير على طول الطريق!!!). يبدو أنه يبتكر بعض التبسيطات لنا نحن المهووسين بواجهات المستخدم وتجربة المستخدم.
بدونها، من المحتمل أن تشعر بالاحتكاك في كل خطوة على الطريق.