تقديم ميزة "الموضوع المميز"

[tachibanalolo]

بالنسبة لهذه المواضيع الرائعة، يبدو أنه لا توجد طريقة لتشجيعها مثل تمييز منشوراتهم.

@tachibanalolo

شيء كهذا. تلوين وعمل خط عريض لعنوان الموضوع ووضع نجمة… مجرد عينة، حتى يعرف المستخدم أن هذا الموضوع مميز ومُبرز.

[Falco]

لإبراز موضوع في قائمة المواضيع، يمكنك تثبيت الموضوع في أعلى القائمة. هذه ميزة أصلية في Discourse.

[tachibanalolo]

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

[Falco]

هل يمكنك مشاركة نموذج مبدئي لكيفية تخيلك لعمل ذلك؟

[tachibanalolo]

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

[Falco]

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

في كود السمة، تحتاج إلى تنسيقه كما تريد، لنقل:

tr.tag-highlight {
    background-color: blue;
    font-weight: bold;
    border: 3px dotted pink;
}

ثم سيبدو هكذا:

[tachibanalolo]

أعلم كيفية القيام بذلك باستخدام CSS، وهذه العينة تعمل بالفعل على منصتي Discourse. أود فقط معرفة ما إذا كان من الممكن دمج هذه الوظيفة في النسخة الرسمية؟ أعتقد أن ميزة التمييز (highlight) مفيدة جدًا.

[pfaffman (Jay Pfaffman)]

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

لقد حاولت القيام بذلك، ويبدو أنه قد يعمل، ولكني ربما أفعل ذلك بشكل خاطئ.

.title-wrapper div.has-highlight {
  /* Styles for the <h1> with the class */
  color: blue !important;
  font-weight: bold;
}

[Falco]

@pfaffman

لكنني أريد أيضًا تسليط الضوء على الموضوع نفسه.

ما هو “الموضوع نفسه” في هذا السياق؟

[pfaffman (Jay Pfaffman)]

في صفحة الموضوع للمواضيع التي تحمل علامة، أريد تنسيق الموضوع بلون مختلف (أو أي شيء آخر) بحيث يظهر بشكل خاص ليس فقط في قوائم المواضيع، ولكن أيضًا عند زيارة صفحة الموضوع.

[Falco]

أوه تقصد أول مشاركة في موضوع، المشاركة الأصلية، صحيح؟

body.tag-highlight article#post_1 {
    background-color: blue;
    font-weight: bold;
    border: 3px dotted pink;
}

[pfaffman (Jay Pfaffman)]

هذا رائع! الآن كيف أستهدف عنوان الموضوع؟

// هذا يستهدف الوسم نفسه
a[data-tag-name="extra-special-topic"] {
    color: yellow !important;
}

// هذا يغير العنوان في قوائم المواضيع
.tag-extra-special-topic .raw-topic-link {
    color: blue !important;
}

// هذا يستهدف الخلفية/جسم الموضوع الأصلي
body.tag-extra-special-topic article#post_1 {
    background-color: blue;
    font-weight: bold;
    border: 3px dotted pink;
}

[manuel (Manuel Kostka)]

.tag-extra-special-topic #topic-title .fancy-title {
  color: papayawhip;
}

[shawa]

صديقي العزيز، هل جربت النهج الذي اقترحوه؟ يجب أن أعترف، لقد أفلت شرحهم من فهمي.

[Kartoon]

@shawa

صديقي العزيز، هل جربت النهج الذي اقترحوه؟ يجب أن أعترف، لقد أفلت شرحهم من فهمي.

أي جزء؟ أنت فقط تفتح محرر السمة الخاص بك وتعدل CSS

@pfaffman

ملخص

// هذا يستهدف الوسم نفسه
a[data-tag-name="extra-special-topic"] {
    color: yellow !important;
}

// هذا يغير العنوان في قوائم المواضيع
.tag-extra-special-topic .raw-topic-link {
    color: blue !important;
}

// هذا يستهدف الخلفية/جسم المنشور الأصلي
body.tag-extra-special-topic article#post_1 {
    background-color: blue;
    font-weight: bold;
    border: 3px dotted pink;
}

لقد فعل هذا شيئًا غريبًا بالنسبة لي، عندما أكون في الموضوع المميز، فإنه ينطبق بعد ذلك على مواضيع أخرى في الأسفل في قائمة “المواضيع الجديدة وغير المقروءة”

ولكن إذا لم أكن في الموضوع، فإن الموضوع المميز فقط هو المميز (كما تتوقع)

ما القصة مع ذلك ؟