Menü für Schnellprofile-Links

:information_source: Zusammenfassung Menü für Schnellzugriffe auf das Profil
:eyeglasses: Vorschau Theme Creator
:hammer_and_wrench: Repository GitHub - VaperinaDEV/quick-profile-links-menu · GitHub
:heart: War es hilfreich? > ./support --coffee
:question: Installationsanleitung So installierst du ein Theme oder eine Theme-Komponente
:open_book: Neu bei Discourse-Themes? Einsteigerleitfaden für die Nutzung von Discourse-Themes

Diese Theme-Komponente installieren

Hallo :wave:

Die Navigation in den Benutzereinstellungen kann manchmal etwas schwierig sein, insbesondere für neue Benutzer. Mit dieser Theme-Komponente kannst du mehrere wichtige Einstellungslinks auf den Benutzerseiten hinzufügen und einen benutzerdefinierten Profil-Tab im Benutzermenü erstellen…

Menülinks auf den Benutzerseiten

Dieser Menüknopf befindet sich im Abschnitt der Steuerelemente des Benutzerprofils.



Ein Klick auf den Menüpunkt leitet zu dem gewünschten Feld weiter. Um dies zu ermöglichen, habe ich für jedes Feld ein id-Attribut hinzugefügt, dessen Wert identisch mit dem [data-setting-name]-Attribut ist. So können wir dies nun als Anker verwenden. Zum Beispiel: /u/username/preferences/profile#user-bio

Du kannst diese überprüfen, indem du mit der rechten Maustaste auf den Titel der Einstellung klickst und die id prüfst. In diesem Fall sollte der Wert der setting user-username sein. Diese Einstellung ist ein optionales Feld; lässt du sie leer, wird zur Seite und nicht zur spezifischen Einstellung weitergeleitet.


Einstellungen für Menülinks auf den Benutzerseiten

Mit der Einstellung profile links kannst du diese Schnellzugriffe hinzufügen.

  1. icon (FontAwesome-Icon) Pflichtfeld
  2. label (Beschriftung des Links) Pflichtfeld
  3. page (Zu welcher Seite möchtest du weitergeleitet werden?)
    • account
    • security
    • profile
    • emails
    • notifications
    • tracking
    • users
    • interface
  4. setting (Zu welchem Einstellungsfeld möchtest du weitergeleitet werden?) Optional
Hier sind einige Einstellungsfelder, die du verwenden kannst.
  • account

    • user-username
    • user-avatar
    • user-email
    • user-associated-accounts
    • user-name
    • user-title
    • user-flair
    • user-data-export
  • profile

    • user-bio
    • user-timezone
    • user-location
    • user-website
    • user-profile-bg
    • user-card-bg
    • user-featured-topic
  • interface

    • user-theme
    • user-color-scheme
    • user-text-size
    • user-locale
    • user-home
    • user-other-settings

Benutzerdefinierter Profil-Tab im Benutzermenü

Mit der Einstellung enabled user menu tab kannst du diesen benutzerdefinierten Profil-Tab aktivieren. Dieser Tab ist eine Neuauflage des standardmäßigen Profil-Tabs.

Was macht er?

  • Versteckt den Standard-Profil-Tab im Benutzermenü
  • Fügt einen benutzerdefinierten Profil-Tab ganz oben im Benutzermenü hinzu
    • Das Icon des Tabs kann mit der Einstellung user menu tab icon geändert werden
  • Fügt benutzerdefinierte Einträge unter dem Einstellungen-Button hinzu
    • Diese Einträge können mit der Einstellung profile menu preference items geändert werden
  • Fügt zusätzliche benutzerdefinierte Einträge vor dem Abmelden-Button hinzu
    • Diese Einträge können mit der Einstellung profile menu extra items geändert werden

Einstellungen für den benutzerdefinierten Profil-Tab

Für die Einstellungseinträge (die unter dem Einstellungen-Button liegen) kannst du mit profile_menu_preference_items hinzufügen/entfernen…

  1. icon (FontAwesome-Icon) Optional
  2. label (Beschriftung des Links) Pflichtfeld
  3. page (Zu welcher Seite möchtest du weitergeleitet werden?)
    • account
    • security
    • profile
    • emails
    • notifications
    • tracking
    • users
    • interface
  4. setting (Zu welchem Einstellungsfeld möchtest du weitergeleitet werden?) Optional
Hier sind einige Einstellungsfelder, die du verwenden kannst.
  • account

    • user-username
    • user-avatar
    • user-email
    • user-associated-accounts
    • user-name
    • user-title
    • user-flair
    • user-data-export
  • profile

    • user-bio
    • user-timezone
    • user-location
    • user-website
    • user-profile-bg
    • user-card-bg
    • user-featured-topic
  • interface

    • user-theme
    • user-color-scheme
    • user-text-size
    • user-locale
    • user-home
    • user-other-settings

Die zusätzlichen Einträge können mit der Einstellung profile menu extra items über dem Abmelden-Button platziert werden.

  1. icon (FontAwesome-Icon) Optional
  2. label (Beschriftung des Links) Pflichtfeld
  3. url (Zu welcher URL möchtest du weitergeleitet werden?) Pflichtfeld
21 „Gefällt mir“

Halleluja!!! Endlich hat sich jemand damit beschäftigt – meiner Meinung nach ist dies eines der größten Probleme für neue Benutzer von Discourse.

Mir fällt auf, dass man immer noch mehrere Klicks benötigt, um über den Avatar oben rechts dorthin zu gelangen. Dies ist der intuitive Ort, an den sich neue Benutzer wenden.

7 „Gefällt mir“

Hallo @nathank :wave: Ich halte es für eine großartige Idee, einen schnelleren Weg zu finden. Ich habe ihn zum Reiter „Benutzermenü“ hinzugefügt.

5 „Gefällt mir“

Beeindruckend! Gute Arbeit!

Aber ich denke, wir könnten weiter gehen, mit dem Konzept, den Kern-/Standardfokus des Avatar-Menüs von Benachrichtigungen (mit einem nachträglichen Profil) zu Profil + Benachrichtigungen zu ändern (was meiner Meinung nach sein sollte). Wir haben bereits einen Profil-Tab, aber dieser ist nicht sehr prominent:

Eine Möglichkeit, dies zu erreichen:

  1. Nutzen Sie den bestehenden Profil-Tab im Avatar-Menü
  2. Platzieren Sie diesen Tab oben (d. h. dort, wo sich jetzt das Bearbeitungssymbol für die schnellen Profil-Links befindet)
  3. Ermöglichen Sie dem Administrator, das Menü des Profil-Tabs anzupassen

Ich schätze, der einfache Weg wäre, den bestehenden Profil-Tab einfach auszublenden und ihn mit dem TC neu zu erstellen. Der Logout-Button ist das einzige knifflige Stück und erfordert möglicherweise etwas Code (dafür gibt es bereits einen TC). Die Online- und Pause-Benachrichtigungen sind auch etwas ausgefallen.

Vielleicht wäre es einfacher, den Tab zu verschieben und Elemente hinzuzufügen/wegzulassen. Was denkst du?

4 „Gefällt mir“

Tolle Arbeit, Don. Das ist eine großartige Ergänzung. Danke! :slight_smile: :clap:

2 „Gefällt mir“

Ich habe eine Idee für so etwas.
Ich denke, es wäre vielleicht eine gute Idee, die Einstellungen zu trennen.

  1. Profil nach oben verschieben
  2. Einstellungen ausblenden
  3. Oberen Rand entfernen

  1. Das Symbol für den benutzerdefinierten Tab standardmäßig auf ein Zahnrad ändern
  2. Unteren Rand hinzufügen, um es von Benachrichtigungen zu trennen
  3. Schaltfläche Alle Einstellungen anzeigen unten hinzufügen (Weiterleitung zu /my/preferences/account)

Was denkst du?

5 „Gefällt mir“

Aber Benutzereinstellungen sind weniger und selten genutzt. Ich bin mir nicht sicher, ob ihr Platz der erste sein sollte, egal was standardmäßig ausgewählt ist.

2 „Gefällt mir“

Die von Ihnen entwickelten Komponenten sind jedes Mal ein wahres Schauspiel, haha

5 „Gefällt mir“

Wie finde ich den richtigen Wert für setting?

Das ist eine ziemlich verdammt gute Art, das zu sortieren! Hält es sauber und einfach.

Ich würde es jedoch (ziemlich stark) bevorzugen, wenn alles in einem Profil-Tab zusammengefasst würde, da Zusammenfassung und Aktivität beides fest mit dem Profil verknüpfte Links sind – und dies die Links, die sich auf den Benutzer beziehen, unnötigerweise in zwei Tabs aufteilt.

Ist es möglich, sich in den Profil-Tab einzuhaken?

3 „Gefällt mir“

Du kannst ihn in der OP finden und auch mit einem Rechtsklick auf den Einstellungstitel inspizieren und dort die id überprüfen. In diesem Fall sollte der setting-Wert user-username sein, aber ich denke, ich werde ihn zu einem optionalen Feld machen, damit es möglich ist, zu einer Seite weiterzuleiten, ohne eine Einstellung hinzuzufügen.


Ein kleines Update hier:

Ich stimme dir zu.

  1. Ich habe den Profil-Tab neu erstellt und dort Schnelllinks hinzugefügt.
  2. Den Standard-Profil-Tab ausblenden
  3. Das Symbol des benutzerdefinierten Tabs auf Benutzer ändern

So sieht es jetzt aus.


Ich habe eine Vorschau dazu im Theme Creator aktiviert: https://discourse.theme-creator.io/theme/Don/quick-profile-links-test

4 „Gefällt mir“

Ich mag diesen Seitenplan, denn dafür benutze ich ihn. Nun, das Profilbild ist eine andere Geschichte.

Ich hatte Angst vor diesem Rechtsklick-Ding :joy: Nur weil ich fast ausschließlich mit Worten arbeite, habe ich meinen Laptop seit letztem Mai nicht mehr benutzt, schätze ich. Aber es geht nicht anders, es ist nur und ausschließlich meine Wahl. Ich habe aber eine Konsole auf dem iPad. Ich wusste nur nicht, wonach ich suchen soll. Jetzt weiß ich es. Danke!

3 „Gefällt mir“

Das wird ziemlich eng, oder? Denn so sieht es jetzt in echt aus:

1 „Gefällt mir“

Ich habe den Abstand der Schaltflächen geändert, eine kleinere Schriftgröße für die Unterelemente der Einstellungen usw. verwendet … damit die Elemente eine geringere Höhe als zuvor haben und ich habe den Inhalt dieses Tabs scrollbar gemacht. Ich füge dies nun mit einem Update zusammen…

2 „Gefällt mir“

Update :tada:
Ich habe auch die OP aktualisiert.

Dieses Update blendet den Standard-Profil-Tab aus und fügt einen benutzerdefinierten Profil-Tab im Benutzermenü hinzu, mit der Möglichkeit, benutzerdefinierte Elemente unter dem Präferenzen-Element hinzuzufügen, und kann auch benutzerdefinierte Elemente vor der Abmeldeschaltfläche hinzufügen.

Benutzerdefinierter Profil-Tab im Benutzermenü

Gesteuert durch die Einstellung enabled_user_menu_tab.

  • Standard-Profil-Tab im Benutzermenü ausblenden
  • Benutzerdefinierten Profil-Tab im Benutzermenü oben hinzufügen
    • Das Tab-Symbol kann mit der Einstellung user_menu_tab_icon geändert werden
  • Benutzerdefinierte Elemente unter der Präferenzschaltfläche hinzufügen
    • Diese Elemente können mit der Einstellung profile_menu_preference_items geändert werden
  • Benutzerdefinierte zusätzliche Elemente vor der Abmeldeschaltfläche hinzufügen
    • Diese Elemente können mit der Einstellung profile_menu_extra_items geändert werden

Einstellungen

  • profile_menu_preference_items und profile_menu_extra_items das Feld Icon ist jetzt optional.
  • profile_links und profile_menu_preference_items das Einstellungsfeld ist jetzt optional, was bedeutet, dass Links hinzugefügt werden können, um zu einer Seite weiterzuleiten, nicht zu einer Einstellung.


3 „Gefällt mir“

Das wäre ein riesiges UX-Problem auf Mobilgeräten und allen Touchscreens :man_shrugging:

Ich hasse es, das sagen zu müssen, aber die Richtung geht in Richtung reiner Desktops.

Ich habe mich bei dieser Sorge geirrt. Sicher, es ist jetzt voll besetzt, aber es funktioniert einwandfrei.

3 „Gefällt mir“

Aber was bewirkt das Deaktivieren von enabled user menu tab? Ich dachte, der vorherige Bleistift-Tab würde erscheinen, aber nein.

2 „Gefällt mir“

Die gesamte Benutzer-Menü-Benutzerprofil-Funktion. Wenn Sie sie deaktivieren, wird nichts mit dem Benutzer-Menü gemacht.

2 „Gefällt mir“

Ja, wenn aktiviert. Aber wenn deaktiviert, ist es im Grunde dasselbe wie das Deaktivieren der gesamten Komponente :thinking:

Nein, wenn Sie sie deaktiviert haben, wird nur das Menü mit den Schnelllinks der Benutzerseite angezeigt.

2 „Gefällt mir“