Fakebook 테마에서 토픽에 FullName을 표시하는 방법

‘…/latest’ 페이지에서 특히 주제(Topic)에 FullName이 표시되도록 하는 방법을 알려주실 수 있나요?

  1. 사이트 설정에서 ‘UX에서 사용자 이름 우선순위 설정’을 비활성화했습니다.
  2. 사이트 설정에서 ‘게시물에 이름 표시’를 활성화했습니다.

이렇게 설정해도 주제에는 fullName 대신 userName만 표시됩니다. 도움을 주실 수 있나요?

설정을 변경한 후 페이지를 새로고침하셨나요?

네, @pfaffman 님, 실제로 며칠째 이 문제를 겪고 있습니다. 사이트 설정에서 변경해야 할 사항이 있을까요? 위에 언급된 두 가지 옵션 외에 다른 것이 있다면 알려 주실 수 있을까요? 현재는 아래처럼 username만 표시되고 있습니다.

@Pandiyan 님, 안녕하세요 :slight_smile:

말씀하신 내용을 정확히 이해하지 못하겠습니다. /latest 페이지에서 사용자 이름은 어디에 표시되나요? 사용자 이름 대신 FullName을 표시하고자 하는 페이지의 더 큰 스크린샷을 공유해 주시면, 어떤 결과를 얻고자 하는지 더 잘 파악할 수 있을 것 같습니다.

안녕하세요,

이것은 Fakebook, 소셜 미디어 애호가를 위한 테마인 것 같습니다. Fakebook 테마는 사용자 이름을 표시하기 위해 주제 목록에 사용자 지정 템플릿을 사용하지만, 이 템플릿을 수정하여 전체 이름도 표시할 수 있습니다. :slightly_smiling_face:

이를 위해 GitHub에서 테마를 포크하고 템플릿 파일을 수정해야 합니다. 포크에서 수정해야 하는 파일은 이 파일입니다. https://github.com/discourse/Fakebook/blob/main/javascripts/discourse/templates/list/custom-topic-list-item.hbr

이 템플릿에는 주제 목록에서 사용자 데이터를 처리하는 섹션이 있습니다. 이 부분을 수정해야 합니다.

이 줄이 사용자 이름을 표시합니다. :arrow_down_small:

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

따라서 이 줄의 앞이나 뒤에 전체 이름을 추가해야 합니다.


전체 이름을 추가하려면 이 섹션을 다음과 같이 간단히 변경하면 됩니다. :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>

username 위에 이 줄을 추가했으며, 이렇게 하면 주제 목록에서 사용자 이름 위에 전체 이름이 표시됩니다.

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

CSS 변경이 필요할 수 있지만, full-name-topic-list 클래스나 추가한 다른 클래스를 쉽게 지정할 수 있습니다.


지금 Fakebook 테마를 포크하고 이 커밋에서 해당 변경 사항을 적용했습니다. 확인해 보실 수 있습니다. Add full name to topic list · VaperinaDEV/Fakebook@0978133 · GitHub

그리고 이것이 적용된 모습입니다.

Don - 전체 이름

dodesz - 사용자 이름

도움이 되길 바랍니다. :slightly_smiling_face:

@JammyDodger 님, 제 문제점에 대해 더 자세한 정보를 요청해 주셔서 감사합니다. 그리고 @Don 님, 정말 감사합니다! 네, 정확히 말씀하신 대로 저희가 사용 중인 테마가 FakeBook입니다. 말씀하신 단계들을 따라 해보겠습니다.

그리고 혹시 제 컴포넌트 헤더나 다른 섹션, 또는 CSS에 특정 코드 세트를 추가할 수 있는 다른 방법이 있을까요? 그렇게 하면 가장 간단한 방법일 것 같습니다. 혹시 다른 방법이 있다면 알려주시면 좋겠습니다. 감사합니다!