مجموعات الفئات

:discourse2: Summary Category Groups allows you to assign categories to groups, which are then used to sort and collapse categories on the categories page.
:eyeglasses: Preview Preview on Discourse Theme Creator
:hammer_and_wrench: Repository Link https://github.com/discourse/discourse-category-groups-component
:open_book: New to Discourse Themes? Beginner’s guide to using Discourse Themes

Install this theme component

Features

:information_source: Important things to note:

  • This theme component only works with the site setting desktop category page style set to boxes with subcategories (as it replaces that category page template).

  • The category collapsing works using your browser’s local storage, so the collapsed state will not be remembered between different devices.

Settings

Name Description
category groups This is how the groups are configured. Format as: Group name: category-slug, extra-link-id, category-slug-2 (The category slug is the name of the category as it’s seen in URLs. Usually all lowercase with no spaces)
extra links Extra links that can be mixed into category list. Add link ID in category_groups setting to render
show on mobile Show the collapsible category box groups on mobile
show ungrouped Display a group of categories that aren’t assigned to another group
fancy styling Turn on additional styling (These are some custom styles added. They stray from our defaults, so if you’re working on your own theme you may want to disable this)
hide muted subcategories When enabled, a non-muted parent category will not appear under the muted section if it has a muted subcategory
Theme Translations Default
ungrouped_categories_title Other

:discourse2: Hosted by us? Theme components are available to use on our Pro, Business and Enterprise plans.

Last edited by @tobiaseigen 2025-06-24T03:16:42Z

Check documentPerform check on document:
53 إعجابًا

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

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

يجب أن يكون هذا ثابتًا الآن

تم إصلاح هذا الآن، ولن تنطبق المجموعات على تخطيطات الفئات الفرعية بعد الآن

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

6 إعجابات

هل من الممكن عدم عرض الفئات الفرعية لفئة معينة؟ لدينا فئة منظمة بطريقة معينة مع فئات فرعية متداخلة وهذا يتسبب في أن يكون المربع كبيرًا جدًا.

إعجابَين (2)

ربما جرب إخفاء الفئة في Theme component

إعجابَين (2)

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

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


هناك مشكلة في موقعي الإلكتروني، الفئات الفرعية ليس بينها مسافة.

إعجابَين (2)

شكراً للإبلاغ، يجب أن يقوم تحديث بإصلاح ذلك الآن (تم الإصلاح في UX: include gap for subcategories by awesomerobot · Pull Request #19 · discourse/discourse-category-groups-component · GitHub).

إعجابَين (2)

لا يمكن ذلك، سيحتاج الشريط الجانبي إلى تغيير أكبر في Discourse للسماح بذلك (تم تسجيل الطلب!)

إعجابَين (2)

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

نعم، هذا يحتاج إلى إضافة، لكنها فكرة جيدة أعتقد

هل لديك فكرة عن سبب ضيق عرض الفئة؟ هل هناك طريقة لإصلاح ذلك؟

إعجابَين (2)

هل هذا في سمة Mint؟ لقد أجريت للتو تحديثًا طفيفًا يجب أن يصلحه - كان هناك تعارض طفيف بين CSS الخاص بتلك السمة وهذا المكون

3 إعجابات

نعم، لقد كان النعناع، شكراً لك

إعجابَين (2)

كيف أمنع الصناديق من أن يتم تحديدها بلون الفئة؟ لقد حاولت عمل نسخة منه، وإضافة CSS، وأيضًا تغيير نمط <li> في categories-groups.hbs

(لاحظ أنني هاوٍ، ولست مطورًا مدربًا)

3 إعجابات

يمكنك إضافة بعض CSS إلى السمة الخاصة بك لإزالة الحدود الملونة:

.category-boxes .category-box {
  border-left: 2px solid var(--primary-low) !important;
}

أو إذا كان لديك إعداد “التصميم الأنيق” ممكّنًا:

.custom-categories-groups .category-box {
    border: 2px solid var(--primary-low) !important;
}

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

شكرا كريس،

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

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

هل سيكون من الممكن الحصول على مربعات التصميم الأنيقة مع قسم “الأحدث” أسفل الفئات؟ في الأساس، أريد أن أفعل نفس الشيء الذي يفعله مكون “الفئات الحديثة + مربعات المجموعات” في سمة Air. يمكنك تحديد الفئات مع الأحدث للعرض على سطح المكتب، وتظهر الأحدث أسفل الفئات.

أحاول تعديل نسختي الخاصة من CSS ولكني لست خبيرًا. هل سيكون هذا شيئًا سهلاً أم قد يكون خارج نطاق مهاراتي؟

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

لدي حالة استخدام حيث لدينا العديد من الفئات والفئات الفرعية التي تم تمكينها، وهي تجعل صفحة الهبوط مزدحمة للغاية، ويصعب على المستخدم العثور على ما يهمه.

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

لذا، أقترح إضافة خيار رؤية لكل مجموعة فئات. إذا تم تعريف أي شيء، فسيتم جعل مجموعة الفئات مرئية فقط لمجموعات المستخدمين الممكّنة في إعداداتها.

لقد أنشأت طلب سحب (pull-request) لتوضيح ما أعنيه بكل هذا. يرجى إخباري برأيك في هذا الخيار. هل ستستخدمه؟ هل ينطبق على موقع Discourse الخاص بك؟

ملاحظة: هذا الخيار الجديد المقترح لا ينبغي اعتباره كآلية تحكم وصول بديلة. إنه يتحكم ببساطة في مجموعات الفئات التي ستكون مرئية للمستخدم المسجل دخوله بناءً على عضوياته في المجموعات. ستظل الأذونات الحالية سارية المفعول.

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

يبدو أنه لا يظهر بعد آخر تحديثات Discourse، قد تحتاج هذه TC إلى تحديث لكي تعمل

أتساءل لماذا لم يتم تمكين هذا النمط على الهاتف المحمول مع خيار الفئات الافتراضي؟

إنها تبدو رائعة مع المكون!