شريط الجوانب للوسوم الشائعة في Discourse

[awesomerobot (Kris)]

يُعرض مكون السمة هذا الوسوم الأكثر شيوعًا في فئة ما في شريط جانبي ثابت على الشاشات التي تتجاوز عرضها 767 بكسل (معظم الأجهزة اللوحية وأجهزة سطح المكتب).

يجب عليك تفعيل إعداد “إظهار التصفية حسب الوسم” في موقعك لكي يعمل هذا المكون من السمة.

ما الذي يمكنني فعله بهذا المكون من السمة؟

• عرض 3 إلى 30 وسمًا شائعًا في شريط جانبي لكل فئة

• تعيين جانب الشريط الجانبي ليكون على اليسار أو اليمين

• منع ظهور الشريط الجانبي في فئات معينة

• تغيير نص رأس “الوسوم الشائعة”

تنسيق CSS مخصص

يتم تغليف كل شريط جانبي بفئة تحتوي على اسم الفئة، لذا بالنسبة لفئة UX سيكون ذلك .ux-sidebar. يمكنك استخدام هذه الفئات لتنسيق الأشرطة الجانبية الفردية.

يحتوي وسم HTML في الصفحات التي تحتوي على أشرطة جانبية أيضًا على فئة مضافة، لذا يمكنك استخدام html.custom-sidebar لتطبيق الأنماط على جميع الصفحات التي تحتوي على شريط جانبي.

	المستودع	github.com/awesomerobot/discourse-popular-tag-sidebar
	جديد في سِمات Discourse؟	دليل المبتدئين لاستخدام سِمات Discourse

تثبيت مكون السمة هذا

[Andy02 (Andy)]

this would make an incredibly powerful navigation tool if it showed the most common in each category and tag-page and it was positioned in a banner, or other item at the top of the page.

[AnkitJain (Vihaani)]

Very nice work.

I can see the sidebar only on the page of first category in the list of categories.

How do I enable it for all categories?

[dax (Daniela)]

The tags sidebar that appear on the parent category include both parent category tags and child category tags. To enable it for all categories and subcategories you need to change the code here discourse-popular-tag-sidebar/desktop/header.html at master · awesomerobot/discourse-popular-tag-sidebar · GitHub.

[AnkitJain (Vihaani)]

Right now, it shows only for the first category on categories page

So, which part of code i need to edit and how can i get it for all page.

Please help with details. Sorry and thanks

@dax

To enable it for all categories and subcategories you need to change the code here discourse-popular-tag-sidebar/header.html at master · awesomerobot/discourse-popular-tag-sidebar · GitHub .

Can you help with that change? I do not understand the coding that much. Please help

@awesomerobot

Prevent the sidebar from appearing in certain categories

It appears only on first category in category list. Not in any other one. Please help

[jrgong]

Is there any way to display it above the topic list instead?

[merefield (Robert)]

In case you weren’t aware, there is already an optional tag drop-down in vanilla Discourse (shown in the image above) which appears above the topic list.

[jrgong]

I understand, yet for my purpose I want to display a list or sort of tag cloud instead

[swamidass (S Joshua Swamidass)]

@AnkitJain

Prevent the sidebar from appearing in certain categories

It appears only on first category in category list. Not in any other one. Please help

Yes, I"m having that problem too. Is there a fix?

I see that it works on Category pages now. But is there away to get it to work on the Latest thread?

[awesomerobot (Kris)]

@AnkitJain، المشاركة: 12، الموضوع: 107853

منع ظهور الشريط الجانبي في بعض التصنيفات

يظهر فقط في التصنيف الأول ضمن قائمة التصنيفات. لا يظهر في أي تصنيف آخر. يرجى المساعدة.

هل يمكنك وصف هذه المشكلة بشكل أكثر تفصيلاً؟ هل يظهر الشريط الجانبي لتصنيف واحد فقط ولا يظهر في أي تصنيف آخر؟

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

@swamidass، المشاركة: 17، الموضوع: 107853

أرى أنه يعمل الآن على صفحات التصنيفات. ولكن هل هناك طريقة لجعله يعمل على آخر موضوع؟

نعم، أعتقد أنني يمكنني إضافة دعم لصفحات أخرى.

[manchestermania (Quaerimus Felicitatem)]

سؤال فقط.. عند النقر على الوسوم من شريط الوسوم الجانبي، يكون الرابط هو https://www.example.id/tags/c/sub-categoriy/Tags-name

لا توجد مشكلة عند النقر مباشرة (نفس الصفحة)، ولكن عند النقر بزر الماوس الأيمن وفتح الرابط في علامة تبويب جديدة، تظهر رسالة “عفوًا! هذه الصفحة غير موجودة أو خاصة.”

لماذا لا يكون تنسيق الرابط مثل روابط الوسوم العادية، https://www.example.id/tags/tag-name

سؤال آخر، كيف يمكن إضافة مسافة بين النص (الوسم) ليست 1 أو 1.5 (غير متأكد)، بل 2.

شكرًا جزيلاً

[awesomerobot (Kris)]

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

FEATURE: show on top menu routes

@manchestermania

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

لماذا لا يكون تنسيق العنوان مثل عناوين الوسوم العادية، https://www.example.id/tags/tag-name

كان ذلك خطأً مني، فلم أضع في اعتباري الفئات الفرعية وأعيد هيكلة العنوان ليتناسب مع ذلك. تم الإصلاح الآن.

@manchestermania

لماذا لا يكون تنسيق العنوان مثل عناوين الوسوم العادية، https://www.example.id/tags/tag-name

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

@manchestermania

سؤال آخر، كيف يمكن إضافة مسافة بين النص (الوسم) ليست 1 أو 1.5 (غير متأكد)، بل 2.

لست متأكدًا تمامًا مما تقصده، هل يمكنك إعطائي مثالًا محددًا؟

[manchestermania (Quaerimus Felicitatem)]

@awesomerobot

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

واو… إنها تعمل الآن عندما أفتحها في علامة تبويب جديدة.. شكراً جزيلاً…

@awesomerobot

لست متأكداً تماماً مما تقصده، هل يمكنك إعطائي مثالاً محدداً؟

أعتذر عن رداءة لغتي الإنجليزية

“إضافة مسافة” تعني تغيير تباعد الأسطر (كما في برنامج MS Word) إلى 2، والذي يبدو حالياً كما لو كان 1 أو 1.5، مما يعني وجود مسافة أكبر بين الوسوم

أيضاً، هل يمكنني تغيير لون نص الوسوم؟ من الأزرق إلى الرمادي

سؤال آخر، هل يمكن أن تظهر الوسوم الشائعة دائماً؟

عندما أقوم بالتمرير للأسفل، لا تكون عبارة “الوسوم الشائعة” مرئية، بل تظهر فقط قائمة الوسوم.

مرة أخرى… شكراً جزيلاً لمساعدتكم

[awesomerobot (Kris)]

@manchestermania

“إضافة مسافة” تعني تغيير تباعد الأسطر (كما في برنامج MS Word) إلى 2، وهو ما يبدو حاليًا 1 أو 1.5، مما يترك مساحة أكبر بين الوسوم.

حسنًا، يمكنك إضافة بعض أكواد CSS إلى سمة موقعك (الإدارة > تخصيص > السمات) مثل:

.tag-sidebar a:nth-of-type(2) {
    margin-top: 5px;
}

بالمثل بالنسبة للون النص:

.tag-sidebar a {
    color: red;
}

@manchestermania

عندما أقوم بالتمرير لأسفل، لا تظهر عبارة “الوسوم الشائعة”، بل يظهر فقط قائمة الوسوم.

هذه على الأرجح مشكلة في سمة موقعك الحالية، ويمكنك ضبط موضع الشريط الجانبي العلوي كالتالي:

.topic-list.with-sidebar > .tag-sidebar {
  top: 120px;
}

هذه كلها تعديلات عامة على CSS… إذا كنت ترغب في إجراء المزيد من التغييرات على التنسيق مثل هذه، فإنني أنصحك بمتابعة بعض دروس CSS، و CSS styling basics - Learn web development | MDN تعتبر خيارًا مجانيًا جيدًا!

[Bcat]

مرحبًا، لدي مشاكل في السطر 31: discourse-popular-tag-sidebar/desktop/header.html at master · awesomerobot/discourse-popular-tag-sidebar · GitHub

هل يمكنك مساعدتي في التحقق من هذا الخطأ؟

[Zup]

ما هو السبب في الحد الأقصى لـ 30 وسمًا؟

[Benjamin_D (Benjamin Decotte)]

مرحبًا كريس!
أتساءل ما إذا كانت الخيار number_of_tags قد ضاع مع هذا الالتزام؟

indexof fix

[Zup]

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

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

[Kumar_Karuppaiah]

مرحباً،

كيف يمكنني عرض قائمة العلامات الشائعة أسفل الرأس؟ يرجى تقديم اقتراحات.

شكراً

[mattdm (Matthew Miller)]

للأسف، يتعارض هذا المكون مع Discourse Tag Sidebars. عندما أقوم بتمكين كليهما، أحصل على جميع العلامات مضغوطة في سطر واحد، مثل هذا:

ولا تظهر أشرطة العلامات على الإطلاق.

هذا مؤسف، لأن هذين المكونين يجب أن يكونا مكملين لبعضهما البعض: قائمة العلامات لعرض “جميع العلامات” (وربما أيضًا “لا توجد علامات”)، والشريط الجانبي للعلامات المحددة. في الواقع، ربما يمكن دمجهما في مكون واحد؟