게시글에 프로필 헤드라인 표시하기

전체 이름 아래에 프로필 헤드라인(Profile Headline) 필드를 추가하고 싶습니다. 방법을 찾아보았지만 방법이 없습니다.

이 외에도 버그/문제가 있습니다. 게시물에서 enable_name을 true로 설정하고, Customize > Theme > Edit CSS/ HTML에 CSS 규칙을 추가하여 게시물에서 사용자 이름을 숨겼습니다.

//Hides the username from the Post page
.names .username {
    display: none!important;
}

이 설정은 잘 작동했지만, 일부 사용자의 경우 전체 이름도 함께 숨겨지는 문제가 있습니다.

이 설정을 수정하는 데 도움을 주시겠습니까?

쿠샬님, 안녕하세요 :slight_smile:
"프로필 헤드라인 필드"라고 말씀하신 게 정확히 어떤 의미인지 설명해 주시겠어요?

사용자 이름 비표시에 관해서는, 웹사이트 설정에 따라 아래 방법을 시도해 볼 수 있습니다:

.names .second.username {
    display: none;
}

위 CSS 코드는 사용자의 사용자 이름을 숨기지 않습니다.

제가 말하는 것은 이 제목입니다.

그래서 "웹사이트 설정에 따라"라고 한 것입니다. 하지만 제 잘못이네요. 기본적으로 설정된 상태로 시작했어야 했는데, 그 설정에서는 다음 CSS가 작동해야 합니다:

.names .first.username {
    display: none;
}

전체 이름 아래에 있는 헤딩에 대해서는 이것을 시도해 보세요:

.topic-meta-data .names {
    flex-wrap: wrap;
    .user-title {
        width: 100%;
    }
}

image

여러 자식 요소를 포함하는 요소의 CSS를 변경할 때 흔히 발생하는 것처럼, 의도하지 않은 부작용이 있을 수 있음을 유의하세요.

CSS 설정은 완벽하게 작동하고 있지만, 일부 사용자들에게는 게시글 카테고리에서 사용자명과 전체 이름이 모두 표시되는 반면, 다른 사용자들에게는 사용자명만 표시됩니다. (페이지 소스를 통해 확인해 본 결과, 데이터베이스에서 사용자명만 가져와지고 있습니다.)

이와 별개로 프로필 헤드라인 CSS 코드는 완벽하지만, 데이터베이스에서 해당 세부 정보가 가져와지지 않고 있으므로, 이를 표시하는 방법에 대한 논의가 성립하지 않습니다.

이 문제에 대해 도움을 주실 수 있을까요?

이 CSS를 작성할 때 다소 서두르다 보니, 전체 이름이 없는 계정에 대한 검증을 하지 못했습니다. 따라서 제가 제안한 CSS에는 문제가 있습니다.

다음과 같은 사이트 설정 값들을 제공해 주실 수 있을까요?

  • 전체 이름 필수

  • UX에서 사용자 이름 우선

전체 이름 필드는 서비스 시작 이후로 필수 입력 항목입니다. 두 번째 항목에 대해서는 좀 더 명확한 설명이 필요합니다.

이 설정입니다:

:slight_smile:

더 명확히 하자면, 모든 계정은 전체 이름과 사용자 이름(프로필을 방문하여 확인됨)을 모두 가지고 있습니다. 다만, 게시물 페이지에서 일부 계정의 전체 이름이 가져오지지 않는 문제입니다.

전체 이름 뒤에 프로필 헤더를 추가하는 방법은 무엇인가요?

네, 이 설정이 활성화되어 있습니다.

두 설정 모두 활성화되어 있습니다
image

정보 감사합니다 :slight_smile:

UX에서 사용자명 우선순위 설정이 활성화되어 있다면, 사용자의 사용자명과 실명이 동일한 경우 각 게시물에 사용자명이 표시됩니다.
CSS만으로 사용자명을 숨기려고 하면 이전 요소에 접근할 수 없어 막히게 됩니다.

예를 들어, 두 개의 게시물이 다음과 같은 구조를 가진다고 가정해 보겠습니다:

  1. 사용자명

    • 게시물 내용
  2. 사용자명 실명

    • 게시물 내용

실명이 사용자명과 다른 사용자의 경우에만 사용자명을 숨기려면, 사용자명이 실명 앞에 표시되기 때문에 불가능합니다.

설명하기가 좀 복잡하네요 :sweat_smile:

따라서 CSS 전용 솔루션을 원하신다면 UX에서 사용자명 우선순위 설정을 비활성화하고 다음 CSS를 사용해야 합니다:

.names {
    .full-name +.username {
        display: none;
    }
}

이름 아래의 제목에 대해서는 이 업데이트된 CSS를 사용할 수 있습니다.

.topic-meta-data .names {
    flex-wrap: wrap;
    .user-title {
        width: 100%;
        order: 1;
    }
}

order: 1;는 사용자의 상태 이모지가 제목 옆에 오지 않고 실명 옆에 있도록 방지합니다:

이 모든 CSS를 조합하면 다음과 같은 결과가 나옵니다.

변경 전:

.topic-meta-data .names {
    flex-wrap: wrap;
    .full-name +.username {
        display: none;
    }
    .user-title {
        width: 100%;
        order: 1;
    }
}

변경 후:

노력해 주셔서 정말 감사합니다. 하지만 이 두 코드 모두 작동하지 않습니다. CSS에 !important를 추가해도 여전히 작동하지 않습니다.
그리고 프로필 헤더는 백엔드에서 가져오는 것이 아니라, 참고로 아래 스냅샷을 확인해 주세요.

이 플러그인을 사용하면 사용자 이름과 실제 이름이 모두 같을 때 이름 중 하나가 자동으로 숨겨지는 문제를 해결할 수 있었습니다.

실제 이름 뒤에 프로필 헤드라인을 추가하는 방법에 대해 도움을 주실 수 있을까요?

프로필 헤드라인을 게시물 페이지에서 보이게 하는 방법에 대해 도움을 주실 분 계신가요?

@JammyDodger 어떻게 해야 할까요? 새 게시글을 작성해야 하나요, 아니면 이 문제를 해결할 다른 방법이 있나요?

포럼 링크를 공유해 주시겠어요?

아래는 포럼 링크입니다 -
https://team.krsh.org

감사합니다. :slight_smile:

요청 사항이 약간 애매하여 가능한 한 정확하게 말씀해 주시겠습니까?

"뒤에"라고 하셨는데, "아래에"라는 뜻이신가요?


회원가입 양식에 “프로필 헤드라인” 필드가 있지만, 질문하신 내용과는 실제로는 관련이 없는 것 같습니다. 제 이해로는 사용자의 **직함(title)**을 사용자 이름 아래에 표시해 달라고 요청하신 것으로 보입니다.

제 메시지의 코드를贵坛에서 테스트해 보았는데 정상적으로 작동합니다:

전체:
image

실행 후:
image

이것이 원하시는 결과인가요?

이미 프로필 헤드라인 표시를 원한다고 언급했는데요, 이 헤드라인이 전체 이름 아래에 표시되면 정말 좋을 것 같습니다. 두 번째 사진에서 '인턴십 확보’라는 프로필 헤드라인이 표시되던 위치에 그대로 보여주시면 됩니다.