Schnelles Profil-Links-Menü

Installieren Sie diese Theme-Komponente

Hallo :wave:

Die Navigation durch die Benutzereinstellungen kann manchmal etwas schwierig sein, besonders für neue Benutzer. Diese Theme-Komponente ermöglicht es, mehrere wichtige Einstellungslinks auf den Benutzerseiten hinzuzufügen und einen benutzerdefinierten Reiter im Benutzerprofil hinzuzufügen…

Links im Menü der Benutzerseiten

Dieser Menüknopf befindet sich im Abschnitt der Steuerelemente für das Benutzerprofil.



Durch Klicken auf das Menüelement wird zum gewünschten Feld weitergeleitet. Um dies zu erreichen, habe ich jedem Feld ein id-Attribut hinzugefügt, das denselben Wert wie das [data-setting-name]-Attribut hat. So können wir dies jetzt als Anker verwenden. Zum Beispiel: /u/username/preferences/profile#user-bio

Sie können diese mit einem Rechtsklick auf den Einstellungstitel untersuchen und die id überprüfen. In diesem Fall sollte der setting-Wert user-username sein. Diese Einstellung ist ein optionales Feld, sodass das Leeren zu einer Weiterleitung zur Seite und nicht zur Einstellung führt.


Einstellung für Links im Menü der Benutzerseiten

Mit der Einstellung profile links können Sie diese schnellen Links hinzufügen.

  1. Symbol (FontAwesome-Symbol) erforderlich
  2. Beschriftung (die Beschriftung des Links) erforderlich
  3. Seite (zu welcher Seite möchten Sie weitergeleitet werden)
    • konto
    • sicherheit
    • profil
    • e-mails
    • benachrichtigungen
    • verfolgung
    • benutzer
    • oberfläche
  4. Einstellung (zu welchem Einstellungselement möchten Sie weitergeleitet werden) optional
Hier sind einige Einstellungselemente zur Verwendung.
  • konto

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

    • user-bio
    • user-timezone
    • user-location
    • user-website
    • user-profile-bg
    • user-card-bg
    • user-featured-topic
  • oberfläche

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

Benutzerdefiniertes Profil-Tab im Benutzermenü

Mit der Einstellung enabled user menu tab können Sie dieses benutzerdefinierte Profil-Tab aktivieren. Dieses Tab ist eine Nachbildung des Standard-Profil-Tabs.

Was macht es?

  • blendet das Standard-Profil-Tab im Benutzermenü aus
  • fügt ein benutzerdefiniertes Profil-Tab im Benutzermenü oben hinzu
    • das Tab-Symbol kann mit der Einstellung user menu tab icon geändert werden
  • fügt benutzerdefinierte Elemente unter der Schaltfläche “Einstellungen” hinzu
    • diese Elemente können mit der Einstellung profile menu preference items geändert werden
  • fügt benutzerdefinierte zusätzliche Elemente vor der Schaltfläche “Abmelden” hinzu
    • diese Elemente können mit der Einstellung profile menu extra items geändert werden

Einstellungen für das benutzerdefinierte Profil-Tab

Für die Einstellungselemente (die sich unter der Schaltfläche “Einstellungen” befinden) können Sie mit profile_menu_preference_items hinzufügen/entfernen…

  1. Symbol (FontAwesome-Symbol) optional
  2. Beschriftung (die Beschriftung des Links) erforderlich
  3. Seite (zu welcher Seite möchten Sie weitergeleitet werden)
    • konto
    • sicherheit
    • profil
    • e-mails
    • benachrichtigungen
    • verfolgung
    • benutzer
    • oberfläche
  4. Einstellung (zu welchem Einstellungselement möchten Sie weitergeleitet werden) optional
Hier sind einige Einstellungselemente zur Verwendung.
  • konto

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

    • user-bio
    • user-timezone
    • user-location
    • user-website
    • user-profile-bg
    • user-card-bg
    • user-featured-topic
  • oberfläche

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

Die zusätzlichen Elemente können mit der Einstellung profile menu extra items über der Schaltfläche “Abmelden” platziert werden.

  1. Symbol (FontAwesome-Symbol) optional
  2. Beschriftung (die Beschriftung des Links) erforderlich
  3. URL (zu welcher URL möchten Sie weitergeleitet werden) erforderlich
17 „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.

5 „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.

4 „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?

4 „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!

2 „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“