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

مكون السمة
1

Simple Description

This theme component enables you to make Wiki posts (and Shared Edits posts) more obvious.

Wikis and Shared Edits are a powerful feature of Discourse, but many users are unfamiliar with the concept and find the UI just a bit too subtle. This component makes it crystal clear, packaging the content from Change the style of a wiki post.

Screenshots

image
image778×243 24.8 KB

Detailed Description

Installing this component enables you to control the background colour of Wiki posts, and to add some text to the history/edit icon in the top right of the post.

It is a fork of discourse-wikified-post-background-color by @pacharanero, incorporates stuff from Change the style of a wiki post and re-used code from Personal Message Bubbles by @Rhidian.

Settings

Wiki post background color

The background colour of Wiki posts can be set to whatever you like. It defaults to ‘highlight’, but you can use any of these options:

  1. It works best when a Scheme colour is chosen (i.e. primary, secondary, tertiary, etc), as these are responsive to automatic dark mode.
  2. A named color recognised in CSS (e.g. blue, red, yellow, black, etc)
  3. An HTML color code (e.g. #effbfb, etc)

Shared edits background color

You can choose one of the same color options for Shared Edits posts (see the Shared Edits Plugin)

Wiki added text

This adds the little bit of green text (defaulting to Wiki Post) in the top right corner of the post:

image

This is dynamic, and changes colour along with the history icon if there has been a recent edit (this is an unintended happy thing):

image

If you don’t want any text there, then delete the text in the setting and save it.

Shared edits added text

The text displayed when it is a Shared Edits post. This is in the Danger color from your palate.

image

Roadmap

  1. Auto tag Topics with ‘wiki’

Please make suggestions as replies to this post.
:hammer_and_wrench: Repository GitHub - nathan-nz/discourse-wikified-posts: This allows you to make Wiki posts more obvious.
:question: Install Guide How to install a theme or theme component
:open_book: New to Discourse Themes? Beginner’s guide to using Discourse Themes

Install this theme component

25 إعجابًا
2

Lovely stuff @nathank
I’m going to archive the old wikified post background color repo, in favour of this your new version, which adds much more.

4 إعجابات
3

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

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

4

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

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

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

6

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

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

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

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

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

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

إعجابَين (2)
9

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

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

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

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

wiki
wiki1133×601 66 KB

11

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

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

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

إعجابَين (2)
12

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

وكان الرد:

طلب الميزة:

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

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

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

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

14

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

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

15

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

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

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

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

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

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

17

وظائف 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 إعجابات
18

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