كيفية تقسيم الفئات إلى أقسام بعناوين؟

مطور
1

I feel someone must have done this previously but i can’t find it mentioned anywhere here. I felt we needed three sub-categories so i made that fix, but honestly its not worth it with the bugs caused to other plugins.

We don’t need the third layer anyway, we just need a way to break the categories list page up into sections so each grouping is clearly different from the others and users instantly know what it is. Obviously i’ve already colour coded them accordingly, but there is nothing to explain to users what each colour means.

I want to add a space between categories in the category list view, and put a word of text in it as a title. For example:

Projects
| category 1 - sub1
| category 2
| category 3 - sub1+2

Learning
| category 4 - sub1
| category 5

Local
| category 6 - sub1+2+3
| category 7

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

You can select categories with their ids and inject your title texts before, e.g.:

body [data-category-id="1"]:before {
    content: "Projects";
}

Alternatively, you could use this new component, it comes with backend settings to add category sections:

4 إعجابات
3

لقد استخدمت نفس تعديل CSS على منتدى Discourse الخاص بي، ولكن مع التحديثات الأخيرة التي أضافت الشريط الجانبي، أصبح الأمر الآن فوضويًا بعض الشيء:

image
image823×1257 54 KB

كيف يمكنني تطبيق هذا التعديل على المخرج الرئيسي فقط وليس في الشريط الجانبي؟
شكرًا!

تعديل: هذا يحدث أيضًا في القائمة المنسدلة للرأس:

image
image418×801 20.8 KB

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

تحتاج فقط إلى أن تكون أكثر تحديدًا في إعلان النمط الخاص بك. يحدد المقتطف البرمجي الأنماط في أي مكان في عنصر الجسم. لتغيير ذلك، افحص العنصر الذي تريد تعديله باستخدام أدوات المتصفح الخاصة بك واستبدل body بتصريح أكثر تحديدًا، على سبيل المثال:

#main-outlet .category-list {
  [data-category-id="1"]:before {
     content: "Projects";
  }
}
إعجاب واحد (1)