Das ist wirklich toll – ich liebe es, Kris! Es wird sich wunderbar mit der sidebar kombinieren lassen, sodass die Kernkategorien oben und eine kurze personalisierte Auswahl in der Leiste angezeigt werden.
Ich habe zwei kleine UX-Probleme bemerkt, die wirklich einen großen Unterschied machen könnten, wenn sie behoben werden:
UX: Hervorhebung der Kategorieauswahl
Wenn man sich in einer Kategorienebene befindet, hat die richtige Kategorie eine schöne dezente Unterstreichung.
Diese bleibt jedoch nicht bestehen, wenn ein Thema oder eine Unterkategorie aufgerufen wird.
Es wäre schön, wenn dies in beiden Situationen bestehen bliebe.
UX: Scrollen / Überlauf auf Mobilgeräten
Es gibt einen schönen kleinen Fade / dezenten Pfeil, der sichtbar ist, wenn auf dem Desktop Kategorien überlaufen.
Auf Mobilgeräten ist ein Überlauf viel wahrscheinlicher, aber auf meinem Gerät (Chrome / Android) sind diese dezenten Hinweise nicht vorhanden – und es ist nicht klar, dass Scrollen möglich ist.
Es könnte auch helfen, die Kategorieleiste auf Mobilgeräten etwas höher zu machen, um das Scrollen zu erleichtern.
Außerdem wird die ausgewählte Kategorie nicht automatisch angesteuert – das bedeutet, sie ist nicht ersichtlich, es sei denn, der Benutzer scrollt die Navbar. Das ist wirklich wichtig.
Nur Desktop?
Ich frage mich, ob es noch nicht wirklich für Mobilgeräte bereit ist, und es wäre sehr hilfreich, eine Einstellung zu haben, um es (zumindest vorerst) nur für Desktop anzuwenden.
Brillant – sehr glücklich, Feedback zu geben, wenn es gehört wird! Ich stelle fest, dass Sie einige Ergänzungen dazu vornehmen mussten.
Ich nehme das als ein schönes kleines Weihnachtsgeschenk füreinander .
Sie haben dies behoben, wenn eine Unterkategorie aufgerufen wurde – wunderbar!
Es gilt jedoch nicht, wenn ein Thema aufgerufen wird – ist das beabsichtigt? Persönlich glaube ich, dass es sinnvoll wäre, wenn die Kategorie hervorgehoben bleibt, während der Benutzer sich darin befindet, was die Themen und nicht nur die Ansichten zur Kategorieentdeckung einschließt.
Auch wenn ich eine andere Seite aufrufe (z. B. /admin), bleibt die Kategorie ausgewählt. Es wäre besser, wenn in diesem Fall keine Kategorie ausgewählt wäre.
Ich kann den Ausblendeffekt auf Mobilgeräten jetzt sehen, aber keinen Pfeil / Chevron. Wenn möglich, wäre dies sehr hilfreich, da der Ausblendeffekt ziemlich dezent ist:
Desktop:
Mobil:
Anfrage Nr. 1 – UX
Blenden Sie die Navigationsleiste beim Scrollen in einem Thema aus. Es wird alles ein wenig unübersichtlich!
Außerdem wäre es auf dem Desktop vielleicht besser, die Navigationsleiste dort zu platzieren, wo sich in diesem Bild die Breadcrumbs / Tags befinden, anstatt darunter.
Anfrage Nr. 2 – Funktion
Könnten Sie bitte jeder Navigationspille eine CSS-Klasse hinzufügen, damit es einfach ist, einige davon bei Bedarf auszublenden?
Ich frage, weil ich ein paar (private) Oberkategorien habe, die nur Oberkategorien sind, um Unterkategorien zu ermöglichen, und sie verstopfen die allgemeine Navigation auf unerwünschte Weise.
Ich habe sie vorerst über ihre href ausgeblendet, aber das ist natürlich ziemlich heikel!
Anfrage Nr. 3 – UX
Eine Option, die Seitenleisten-Kategorien alphabetisch zu sortieren.
Da ich dies implementiere, habe ich die Oberkategorien aus der Standardliste der Seitenleisten-Kategorien entfernt. Das bedeutet, dass meine Benutzer jetzt nur noch eine Liste von 1-5 relevanten Unterkategorien haben.
Sie sind jedoch etwas durcheinander und in keiner logischen Reihenfolge, da die Reihenfolge auf /Categories für Unterkategorien nicht wirklich sinnvoll ist. Es wäre sehr hilfreich, wenn diese Unterkategorien alphabetisch wären, um dies zu unterstützen!!
Hallo! Zuerst möchte ich anmerken, dass dies eine sehr nützliche Komponente des Themas ist und ich Ihnen für die geleistete Arbeit danken möchte
Auf meiner Instanz hat diese Komponente einen Fehler verursacht. Ich habe die Kompatibilität mit anderen Plugins und Theme-Komponenten geprüft und bisher keinen Konflikt gefunden. Könnte die Komponente selbst die Ursache sein?
Das Aktivieren dieser Komponente verfälscht die Darstellung des Inhalts.
Hier ist ein Video:
Um einen Fehler zu erkennen, müssen Sie auf einen beliebigen Beitrag von der Seite „Neueste Beiträge“ /latest klicken. Der Beitrag wird im Standardmodus geöffnet. Dann müssen Sie zur Seite „Neueste Beiträge“ zurückkehren.
Mir ist aufgefallen, dass sich der Text in der Head Categories Navbar plötzlich zu font-up-1 geändert hat (wo ich glaube, dass es vorher font-down-1 war). Das ist ziemlich störend und unangenehm, da es dasselbe ist wie bei allen anderen Navigations-Pills.
Ich habe es mit diesem CSS überschrieben, was viel angenehmer ist:
// behebt die Textgröße der Header-Navbar
.custom-categories-navbar .nav-pills li a {
font-size: var(--font-0);
}
Ich bevorzuge eigentlich font-0, da es sich genug unterscheidet und etwas einfacher zu verwenden ist.
| Zusammenfassung | Header Categories Navbar ist eine einfache Komponente, die dem Website-Header ein Menü mit Links zu übergeordneten Kategorien hinzufügt, mit horizontal scrollbarem Überlauf, falls/wenn benötigt.
|Vorschau| Vorschau im Theme Creator |
|Repository| https://github.com/discourse/discourse-categories-navbar |
|Installationsanleitung|So installieren Sie ein Theme oder eine Theme-Komponente|
|Neu bei Discourse Themes?| Anfängerleitfaden zur Verwendung von Discourse Themes
Bei uns gehostet? Theme-Komponenten sind für unsere Standard-, Geschäfts- und Enterprise-Pläne verfügbar.
füreinander 
.
