You can add banners in the component settings by defining the category right below the banner, a banner color and the heading text. There’s also an option to hide the default colored borders:
To add styles you can select the general class, as well as specific banners by category-id:
.category list .category-list-banner {
&.category-5 { [style a specific banner] }
&:after { [style the headings]}
}
This component only adds layout elements to the category page. So you can’t refer to these headings anywhere else on your site. Another caution: There’s no default page style Categories Only on mobile. It will always show featured topics as well.
That looks like expected behavior… The color slot takes any value that you can use as background-color in CSS. So when you give a hex value, it will stay the same color in different modes and themes.
If you actually don’t want a background color, you should state none or transparent.
If you want a background color that changes with modes, you’d need to state it with a CSS custom property: you could use one of Discourse’s pre-defined ones like var(--secondary-high). Or define some yourself, as explained in
نعم من فضلك، أحببت الحصول على نوع من الإسناد على الأقل. ولكن الأمر متروك لك. بخلاف ذلك، يبدو الأمر جيدًا وسأوصي بمكون السمة هذا في منشوري لأنه يسهل الأمر على المستخدمين الجدد.
@ Nolo
هل هناك طريقة في TC، أو باستخدام CSS في السمة لمحاذاة نص العنوان إلى اليسار، تمامًا مثل مثالك الثاني).
وهل هناك طريقة (إذا لم يتم استخدام صورة بانر) لتغيير حجم الرأس ليصبح بسماكة سطر نصي فقط.
وإذا كان الأمر كذلك، هل يمكنك تغيير حجم النص بحيث لا يكون كبيرًا جدًا؟
شكراً جزيلاً على هذه المكونة!! أنا أقوم بتطوير منتدى سياسي، والقدرة على تطبيق هذا النوع من الفصل أمر بالغ الأهمية.
في حين أنها تمثل بالفعل تحسنًا كبيرًا لمنتدى الخاص بي، إلا أنها ستحدث فرقًا كبيرًا إذا كان يمكن الإشارة إلى الرؤوس عبر عنوان URL، لأن ذلك سيسمح بإنشاء أزرار في أعلى المنتدى يمكن للمستخدم من خلالها التنقل بسهولة في نفس الصفحة. ستكون هذه وظيفة مرنة للغاية إذا أصبح المنتدى (نأمل) أكبر بكثير. هل هذا ممكن حاليًا؟
أنا متحمس لتجربة هذا حيث أنني أنشأت عددًا كبيرًا جدًا من الفئات وسيكون تنظيمها في مجموعات مفيدًا جدًا.\n\nسأعرف عندما أجرب هذا أيضًا، يمكن أن يكون هذا أيضًا طريقة لترك الفئات القديمة الأقل استخدامًا خارج الصفحة الرئيسية، أليس كذلك؟ ستظل متاحة عبر الشريط الجانبي الجديد.
نعم، بالتأكيد في الواقع، أنا دائمًا ما أقوم بتحديد الفئات على عناصر مختلفة من الصفحة (الشريط الجانبي، الرأس، شريط التنقل، صفحة الفئة، ..) إنه مثل هيكل الموقع على الويب. من المهم أن يكون منظمًا جيدًا، ولكنه لا يحتاج إلى تحديد طريقة عرض واجهة المستخدم الخاصة بك.
This component only adds layout elements to the category page. So you can’t refer to these headings anywhere else on your site. Another caution: There’s no default page style Categories Only on mobile. It will always show featured topics as well.
Credits: The component was inspired by the look of the Cfx.re Community and by @godgutten’s original solution to achieve that look as shared in How do I add category banners?
في الواقع، أنا دائمًا ما أقوم بتحديد الفئات على عناصر مختلفة من الصفحة (الشريط الجانبي، الرأس، شريط التنقل، صفحة الفئة، ..) إنه مثل هيكل الموقع على الويب. من المهم أن يكون منظمًا جيدًا، ولكنه لا يحتاج إلى تحديد طريقة عرض واجهة المستخدم الخاصة بك.
