مكون المشاركات الموثّقة وكيودياً

وصف بسيط

يتيح لك مكون السماعة هذا جعل منشورات الويكي (ومنشورات التعديلات المشتركة) أكثر وضوحًا.

تُعدّ الويكي والتعديلات المشتركة ميزة قوية في منصة Discourse، لكن العديد من المستخدمين غير ملمين بالمفهوم ويعتبرون واجهة المستخدم خفية بعض الشيء. يجعل هذا المكون الأمر واضحًا تمامًا، حيث يجمع المحتوى من الرابط التالي: Change the style of a wiki post.

لقطات الشاشة

وصف مفصل

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

هو نسخة مشتقة من discourse-wikified-post-background-color بواسطة @pacharanero، ويضم عناصر من Change the style of a wiki post ويعيد استخدام كود من Personal Message Bubbles بواسطة @Rhidian.

الإعدادات

لون خلفية منشورات الويكي

يمكن تعيين لون خلفية منشورات الويكي إلى أي لون تفضله. الافتراضي هو ‘highlight’، لكن يمكنك استخدام أي من الخيارات التالية:

  1. يعمل بشكل أفضل عند اختيار لون من ألوان المخطط (مثل: primary، secondary، tertiary، إلخ)، لأن هذه الألوان تستجيب للوضع الداكن التلقائي.
  2. اسم لون معترف به في CSS (مثل: blue، red، yellow، black، إلخ).
  3. كود لون HTML (مثل: #effbfb، إلخ).

لون خلفية التعديلات المشتركة

يمكنك اختيار أحد خيارات الألوان نفسها لمنشورات التعديلات المشتركة (انظر إضافة التعديلات المشتركة).

النص المضاف لمنشورات الويكي

يضيف هذا النص الأخضر الصغير (الافتراضي هو Wiki Post) في الزاوية العلوية اليمنى من المنشور:

image

هذا النص ديناميكي، ويتغير لونه مع أيقونة السجل إذا كان هناك تعديل حديث (وهذا أمر غير مقصود لكنه سارٍ):

image

إذا كنت لا تريد أي نص هناك، فاحذف النص في الإعداد واحفظه.

النص المضاف للتعديلات المشتركة

النص المعروض عندما يكون المنشور من نوع التعديلات المشتركة. هذا النص بلون الخطر من لوحة ألوانك.

image

خارطة الطريق

  1. وضع علامة تلقائية على المواضيع بـ ‘wiki’

يرجى تقديم الاقتراحات كردود على هذا المنشور.

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

26 إعجابًا

أشياء رائعة @nathank
سأقوم بأرشفة مستودع لون خلفية المنشور المحوَّل إلى ويكي القديم، لصالح نسختك الجديدة التي تضيف الكثير.

4 إعجابات

هل حصل أي شخص آخر على هذا الخطأ؟

خطأ: المتغير غير المعرف: "$Shared-edits-hide". في السطر 42 من common.scss >> @if ($Shared_edits_hide == "Yes"){ -----^

لا يمكنني تكرار ذلك، ولا أرى أي مشاكل واضحة في الكود. هل يمكنك تزويدنا بأي معلومات إضافية؟

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

حدث هذا لأنني قمت بتعيين Shared edits hide على لا. ظهر الخطأ في إعدادات TC. اختفى الخطأ بعد تعيينه على نعم.

لا أفهم ذلك مع كونه لا ولا نعم على أحدث إصدار تجريبي من Discourse. هل تستخدم إصدارًا قديمًا من Discourse؟ لم أضع أي تحكم في الإصدار على الإطلاق، آسف.

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

عذرًا، خطئي - كان قديمًا بعض الشيء، نعم. نسيت الاختبار مرة أخرى بعد التحديث الأخير حتى ذكرت ذلك. شكرًا. :slight_smile:

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

تم تحديث المكون للتو ليلبي احتياجات منشورات التعديلات المشتركة بشكل أفضل.

يتضمن ذلك تكييفه لتغييرات التعديلات المشتركة هنا:

إعجابَين (2)

تم إجراء تعديل طفيف على ألوان الخلفية الافتراضية حيث لم أتمكن من رؤية @mentions بسهولة.

أيضًا، أصبح لون خلفية “Shared Edits” الآن افتراضيًا على tertiary-very-low.

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

مكون ممتاز. ولكنه يحسن الرؤية فقط في صفحة الموضوع. هل من الممكن تعديله بحيث يتم عرض أيقونة الويكي في صفحة الفئة، وقائمة المواضيع “الأخيرة”، “غير المقروءة”، وما إلى ذلك؟

اقتراح جيد، وأنا متأكد من أنه ممكن (نرحب بطلبات السحب!).

أعالج ذلك ببساطة عن طريق وضع علامات على المنشورات باستخدام #wiki في مثيلاتي. إنه يدوي جزئيًا بالطبع - يمكنك تحديد منشورات / مواضيع الويكي عن طريق البحث المتقدم. له فائدة إضافية تتمثل في تسهيل اكتشافها عبر التنقل في الشريط الجانبي.

اعتقدت أنه سيكون من الجيد وضع علامات تلقائية على منشورات الويكي كجزء من هذه المكونة بطريقة ما (أو القيام بما تقترحه) ولكنه لم يسبب لي ما يكفي من الألم لأخصص الوقت لمحاولة ذلك للأسف.

إعجابَين (2)

لقد سألت هذا في عام 2021 هنا: Add an icon in front of wikis in the topic list?

وكان الرد:

طلب الميزة:

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

أبحث عن نصيحة حول كيفية تكييف ألوان الخلفية مع الوضع المظلم (التلقائي).

حاليًا، الألوان الفاتحة الزاهية التي اخترتها للخلفيات تجعل المشاركات غير قابلة للقراءة في الوضع المظلم.

هل من الممكن توسيع لوحة الألوان وإجراء بعض العمليات الحسابية للألوان لتحديد ألوان الخلفية للموسوعات (wikis) والوسادات (pads)؟

يمكنك استخدام علامات لتمييز مواضيع “الويكي”.
يمكن تنسيق العلامات بواسطة CSS على ما أذكر.
ستحصل على فائدة إضافية من خيار القائمة / التنقل التفصيلي لها.

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

لهذا السبب أوصي بلون مخطط (Scheme colour):

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

ستكون ميزة لطيفة هي تمكين تحديد لون للوضع المظلم أيضًا. سألقي نظرة على ذلك عندما أحصل على بعض وقت الفراغ.

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

بالتأكيد. ولكن هذه الألوان طاغية جدًا للخلفية.
لذلك كنت أحلم بشيء مثل 10٪ من لون المخطط ممزوجًا بـ 90٪ من الخلفية. أفترض أن SASS (أو شيء مشابه) غير متاح في الواجهة الأمامية.
ولكن هل يمكن أن تعمل بعض الحيل في CSS مثل هذا؟

تحديث: rgba(0, 255, 0, 0.1) يعمل بشكل جيد جدًا في الوضعين المظلم والفاتح.

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

سيعمل :white_check_mark:

body {
    background: darken($secondary, 10%);
}

لن يعمل :x:

body {
    background: darken($my_theme_variable, 10%);
}

لن يعمل :x:

body {
    background: darken(var(--secondary), 10%);
}

وعلى الورق، أعتقد أن ما يصفه رابطك يجب أن يعمل. :slight_smile:

3 إعجابات

ربما يكون هذا الأمر يستحق التجربة. إليك دليل (لرجوعي الخاص) حول استخدام دالة SASS mix():