كتابة سمة رائعة ... هل تستحق الإرسال إلى المنبع أم لا؟

مرحباً!

في الشهر الماضي، انتقل منتدىي المفضل إلى Discourse. كان هذا في الغالب ترقية، لكن الناس اشتكوا* من الشكل والمظهر. لذلك قررت إصلاحه، وانتهى بي الأمر بإجراء تجديد كبير للأسلوب. الآن أحاول أن أقرر ما إذا كان يجب علي بذل الجهد لتحويله إلى سمة (theme) مناسبة ودمجها في المنبع، أم أن ذلك غير واقعي.

أعتقد أن الأشخاص في المنتديات الأخرى قد يقدرونه أيضًا كسمة بديلة، لكنني لا أعرف مدى صعوبة دمج الأشياء. ما قمت به ينحرف كثيرًا عن تصميم السمات المعتاد لـ Discourse… وهذا جزء من الجاذبية وجزء من الصعوبة.

لا يزال قيد التقدم، ولكن إليك بعض لقطات الشاشة:

تم تصميمه لجعل مجموعات الألوان المتعددة سهلة الإنشاء والتبديل بينها نسبيًا، وهذه ثلاث مجموعات موجودة حتى الآن.

وضع النهار:

وضع الليل:

رمادي مريح:

تأتي مشاركات الموضوع في 4 نكهات: عادي (رمادي مع رأس أزرق)، مسؤول/مشرف (أخضر)، مؤلف الموضوع (سماوي)، والمستخدم المسجل حاليًا (بنفسجي أو وردي). كلها سهلة التغيير.

يتطابق معاينة المحرر والمقبض مع نمط “المستخدم الحالي”. أيضًا، تتطابق أشرطة التمرير مع سمة الصفحة. تم تصميم المخطط الزمني ليبدو أشبه بشريط تمرير أيضًا.

تستخدم قائمة الموضوع صفوفًا من سطر واحد عند الإمكان، مع خطوط متعرجة. عناصر الخريطة الحرارية تبدو أشبه بالنار.

قائمة المستخدم / الإشعارات:

تداخل أوضح للمشاركات المضمنة:

بطاقة معلومات المستخدم ومعاينة الرابط:

في الوقت الحالي، إنها مجرد تجاوز كبير لورقة الأنماط (stylesheet) وورقة أنماط أصغر لتحديد الألوان. ولكن إذا كان من الممكن قبول السمة في المنبع، فيمكنني تحويلها إلى سمة Discourse مناسبة.

13 إعجابًا

عمل رائع وفريد حقًا!

(يجب أن تعرض كل عروض السمات روبوت الدردشة بالمناسبة :wink: )

5 إعجابات

أوه، أم، هذا لا يزال قيد التقدم، ولكن إذا أراد أي شخص تجربة ما لدي حتى الآن… أسهل طريقة هي محليًا باستخدام تجاوز لورقة الأنماط في المتصفح:

  1. قم بتثبيت Stylus، إذا لم يكن لديك بالفعل.
  2. مع فتح موقع Discourse، انقر فوق أيقونة Stylus.
  3. ضمن “كتابة نمط لـ”، انقر فوق “this-site.tld”.
  4. أضف عنوانًا للسمة.
  5. الصق محتويات ملف CSS المطابق المرتبط أدناه. من الناحية المثالية، قم بملف style.css أولاً، حيث يعتمد الآخرون عليه.
  6. احفظ.
  7. كرر للملفات الأخرى، ملف واحد لكل سمة.
  8. قم بتشغيل السمة الأساسية وواحدة من السمات الأخرى. قم بإيقاف تشغيل السمة (السمات) الأخرى.

ما زلت أتناقش ما إذا كان يجب تحويله إلى سمة قابلة للتثبيت من جانب الخادم. في المنتدى الذي صنعت له هذا، قام المسؤول ببساطة بتثبيت نسخة أخرى من Sam’s Simple Theme وأسقط هذا فوقها كتجاوزات لورقة الأنماط… وهذا يعمل، ولكنه ليس مثاليًا.

إعجاب واحد (1)

للسياق، إليك ما اشتكى منه الناس في السمة الافتراضية، وبالتالي ما حاولت إصلاحه:

  • بسيط جدًا.
  • مساحة فارغة كثيرة جدًا.
  • لا توجد معلومات كافية على الشاشة في وقت واحد. أرادوا كثافة معلومات أعلى.
  • غير واضح في بعض الأحيان ما هي عناصر الصفحة التي يمكن النقر عليها… مثل تواريخ البدء/الانتهاء في أداة الجدول الزمني.
  • غير واضح في بعض الأحيان كيف ترتبط عناصر الصفحة ببعضها البعض… مثل المنشورات، والمنشورات المضمنة، والاقتباسات. اعتقد بعض الناس أنه لا توجد إشارات مرئية كافية للإشارة إلى الهيكل.
  • لا يوجد فصل بصري كافٍ بين عناصر الصفحة. بدا كل شيء مطبوعًا على مستند واحد مستمر.
  • طلب الناس تحديدًا صفوف قائمة مواضيع من سطر واحد وتخطيط النمر.

لذلك، اخترت شيئًا أكثر إحكامًا، وأكثر ألوانًا، وأكثر ثلاثة أبعاد، مع هيكل بصري أكثر وضوحًا… مثل كومة من البطاقات بدلاً من مستند واحد مستمر. في الأساس، عكس الأسلوب البسيط المسطح الذي كان شائعًا في الآونة الأخيرة.

السمات البسيطة هي خيار افتراضي جيد لأنها عملية، وسهلة الوصول، ومحايدة. ولكن بالنسبة للأشخاص الذين يريدون بديلاً لذلك، فقد صنعت شيئًا… مختلفًا. :sweat_smile:

3 إعجابات

لا يزال هذا قيد التقدم، لكنني بدأت في إضافة دعم لعنصر واجهة المستخدم الخاص بالدردشة…

إعجاب واحد (1)

عمل رائع. أنا أحبه.

إعجاب واحد (1)

موضوع رائع!

لقد أضفتك إلى مجموعة مؤلفي السمات، حتى تتمكن من إنشاء موضوع لسمتك تحت #theme، مما يسمح للأشخاص بتثبيتها على مثيلاتهم بضغطة زر.

8 إعجابات

شكرًا! لقد كنت غائبًا لفترة بسبب نزلة برد، لكن هذا الأمر قد انتهى تقريبًا الآن، لذا آمل قريبًا أن أتمكن من بدء عملية إنشاء سمة مناسبة بدلاً من مجرد تجاوز لملف الأنماط.

3 إعجابات

افعلها، ضعها في مستودع GitHub!!

إعجابَين (2)

إلى أين وصل هذا؟ لا تدع هذا العمل الرائع يذهب دون مشاركة.

إعجاب واحد (1)

بالمناسبة، هذا هو نوع الغرض من السمة الافتراضية - فهي موجودة للبناء عليها.

أهداف النقر/اللمس هي جزء من السبب في ذلك - لا تقلل من شأن فائدة التباعد عندما تحاول النقر على عنصر تحكم معين بإبهامك!

إعجاب واحد (1)