Comment afficher FullName sur les sujets dans le thème Fakebook

Quelqu’un peut-il me dire comment afficher le FullName sur les sujets spécifiquement sur la page ‘…/latest’.

  1. J’ai désactivé le paramètre du site ‘prioriser le nom d’utilisateur dans l’expérience utilisateur’.
  2. J’ai activé le paramètre du site ‘afficher le nom sur les publications’.

Même après avoir fait cela, je ne vois que le nom d’utilisateur sur le sujet au lieu du nom complet. Quelqu’un peut-il m’aider.

Avez-vous rechargé la page après avoir modifié les paramètres ?

Oui, je l’ai fait @pfaffman, en fait, je rencontre ce problème depuis longtemps. Dois-je changer quelque chose dans les paramètres du site ? Pourriez-vous me dire s’il y a autre chose que les deux options ci-dessus. Actuellement, cela ressemble à ceci. n’affichant que le nom d’utilisateur.

Salut @Pandiyan :slight_smile:

Je ne suis pas sûr de comprendre ce que vous voulez dire par là. Où les noms d’utilisateur sont-ils affichés sur la page /latest ? Pourriez-vous donner une capture d’écran plus grande de la page où vous souhaitez que les noms d’utilisateur soient remplacés par les noms complets afin que je puisse mieux comprendre ce que vous essayez d’accomplir ?

Bonjour,

Il semble qu’il s’agisse du thème Fakebook, un thème pour les amateurs de médias sociaux. Le thème Fakebook utilise un modèle personnalisé sur la liste des sujets pour afficher le nom d’utilisateur, mais vous pouvez modifier ce modèle pour afficher également le nom complet. :slightly_smiling_face:

Pour ce faire, vous devez forker le thème sur Github et modifier le fichier modèle. C’est le fichier que vous devez modifier sur votre fork. https://github.com/discourse/Fakebook/blob/main/javascripts/discourse/templates/list/custom-topic-list-item.hbr

Ce modèle contient une section qui gère les données utilisateur dans la liste des sujets. Vous devez modifier cela.

Cette ligne affiche le nom d’utilisateur. :arrow_down_small:

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

Nous devons donc ajouter le nom complet avant ou après cela.


Pour ajouter le nom complet, il suffit de modifier cette section comme ceci :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>

J’ai ajouté cette ligne au-dessus de username et cela affichera le nom complet dans la liste des sujets, au-dessus du nom d’utilisateur.

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

Il faudra probablement quelques modifications CSS, mais vous pouvez facilement cibler la classe full-name-topic-list ou toute autre classe que vous avez ajoutée.


J’ai forké le thème Fakebook et j’ai apporté cette modification dans ce commit, vous pouvez donc le voir. Add full name to topic list · VaperinaDEV/Fakebook@0978133 · GitHub

Et voici à quoi cela ressemble.

Don - Nom complet
dodesz - Nom d’utilisateur

J’espère que cela vous aidera :slightly_smiling_face:

2 « J'aime »

Merci @JammyDodger d’avoir demandé plus de détails sur mon problème. Et merci beaucoup @Don Great ! . C’est exactement un thème FakeBook que nous utilisons. J’essaierai de suivre les étapes pour y parvenir.

J’aimerais également savoir s’il existe une autre possibilité d’ajouter un ensemble de codes dans l’en-tête de mon composant / toute autre section / ou dans le CSS ?, afin que ce soit la manière la plus simple. Faites-moi savoir s’il y a quelque chose. Merci !

2 « J'aime »