Wie zeige ich FullName in Themen im Fakebook-Theme an

Kann mir jemand sagen, wie ich den FullName speziell auf der Seite „…/latest“ bei Themen anzeigen kann.

  1. Ich habe die Website-Einstellung „Benutzernamen in der UX priorisieren“ deaktiviert.
  2. Ich habe die Website-Einstellung „Anzeigenamen in Beiträgen anzeigen“ aktiviert.

Selbst nachdem ich dies getan habe, sehe ich im Thema nur den Benutzernamen anstelle des vollständigen Namens. Kann mir jemand helfen?

Haben Sie die Seite nach dem Ändern der Einstellungen neu geladen?

Ja, das habe ich, @pfaffman. Tatsächlich habe ich dieses Problem schon seit Langem. Muss ich etwas in den Website-Einstellungen ändern? Können Sie mir bitte sagen, ob es außer den beiden oben genannten Optionen noch etwas gibt? Derzeit sieht es wie folgt aus und zeigt nur den Benutzernamen an.

Hallo @Pandiyan :slight_smile:

Ich bin mir nicht sicher, was du damit meinst. Wo werden Benutzernamen auf der Seite /latest angezeigt? Könntest du einen größeren Screenshot der Seite machen, auf der die Benutzernamen durch vollständige Namen ersetzt werden sollen, damit ich eine bessere Vorstellung davon bekomme, was du erreichen möchtest?

Hallo,

Es sieht so aus, als ob dies das Fakebook, ein Theme für Social-Media-Liebhaber Theme ist. Das Fakebook-Theme verwendet eine benutzerdefinierte Vorlage in der Themenliste, um den Benutzernamen anzuzeigen, aber Sie können diese Vorlage ändern, um auch den vollständigen Namen anzuzeigen. :slightly_smiling_face:

Dazu müssen Sie das Theme auf Github forken und die Vorlagendatei bearbeiten. Dies ist die Datei, die Sie in Ihrem Fork bearbeiten müssen. https://github.com/discourse/Fakebook/blob/main/javascripts/discourse/templates/list/custom-topic-list-item.hbr

Diese Vorlage enthält einen Abschnitt, der Benutzerdaten in der Themenliste verarbeitet. Diesen müssen Sie bearbeiten.

Diese Zeile zeigt den Benutzernamen an. :arrow_down_small:

<span class="username">{{topic.posters.[0].user.username}}</span>

Wir müssen also den vollständigen Namen davor oder danach hinzufügen.


Um den vollständigen Namen hinzuzufügen, ändern Sie diesen Abschnitt einfach wie folgt: :arrow_down_small:

<div class="name-and-date">
  <span class="full-name-topic-list">{{topic.posters.[0].user.name}}</span>
  <span class="username">{{topic.posters.[0].user.username}}</span>
    {{format-date topic.createdAt format="tiny"}}
</div>

Ich habe diese Zeile über username hinzugefügt, und dies wird den vollständigen Namen in der Themenliste über dem Benutzernamen anzeigen.

<span class="full-name-topic-list">{{topic.posters.[0].user.name}}</span>

Wahrscheinlich sind einige CSS-Änderungen erforderlich, aber Sie können die Klasse full-name-topic-list oder eine andere von Ihnen hinzugefügte Klasse leicht ansprechen.


Ich habe das Fakebook-Theme jetzt geforkt und diese Änderung in diesem Commit vorgenommen, damit Sie sie sehen können. Add full name to topic list · VaperinaDEV/Fakebook@0978133 · GitHub

Und so sieht es aus.

Don - Vollständiger Name
dodesz - Benutzername

Ich hoffe, das hilft :slightly_smiling_face:

2 „Gefällt mir“

Vielen Dank an @JammyDodger, dass Sie mehr Details zu meinem Problem erfragt haben. Und vielen Dank an @Don Great! . Genau, wir verwenden ein FakeBook-Theme. Ich werde versuchen, die Schritte zu befolgen, um dies zu erreichen.

Ich würde auch gerne wissen, ob es eine andere Möglichkeit gibt, eine Reihe von Codes in den Header meiner Komponente/in einen anderen Abschnitt/oder in CSS einzufügen, damit dies der einfachste Weg ist, oder? Lassen Sie es mich wissen, wenn es etwas gibt. Danke!

2 „Gefällt mir“