Christmas hats!

[Kartoon]

@cpradio

여기 있습니다 (이 작업을 시작하는 데 도움을 준 SP의 sama74에게 감사의 인사를 전합니다)

1. 이 이미지를 Staff > Assets 토픽에 업로드합니다.
2. Admin > Customize > CSS로 이동합니다.

#current-user div {
  position: relative;
}
#current-user div::after {
  position: absolute;
  content: '';
  display: block;
  top:-16px;
  left: -8px;
  width: 45px;
  height: 45px;
  /* 아래 URL을 업데이트하세요 */
  background: url(url_of_christmas_hat_asset) no-repeat center;
  background-size: contain;
}

마지막으로, 커스터마이징이 저장되고 활성화되었는지 확인하세요.

이 토픽을 검색하다가 발견하신 분들을 위해 말씀드리면, 위의 코드는 더 이상 작동하지 않지만 업데이트된 코드를 만들었습니다.

.current-user {
  position: relative;
}
.current-user::after {
  position: absolute;
  content: '';
  display: block;
  top:-16px;
  left: -8px;
  width: 45px;
  height: 45px;
  /* 아래 URL을 업데이트하세요 */
  background: url(URL HERE) no-repeat center;
  background-size: contain;
  pointer-events: none;
}

pointer-events 줄도 중요합니다. 이 줄이 없으면 모자 오버레이가 클릭을 차단하여 프로필 사진을 클릭해서 메뉴를 열 수 없기 때문입니다 (오른쪽 위 모서리와 가장 아래 부분은 클릭할 수 있지만, 이는 번거롭고 바로 눈에 띄지 않습니다)

@Robert가 토픽 내 프로필에 모자를 추가하기 위해 게시한 다른 코드(두 번째 코드)는 여전히 작동하지만, 동일한 문제가 포함되어 있습니다 (이번에는 사진 바로 옆의 사용자 이름을 직접 클릭할 수 있으므로 덜 중요하지만, 이 문제도 수정하고 싶다면 pointer-events: none;을 추가하면 됩니다).