이모지 선택기에서 사용자 지정 이모지를 우선순위로 설정할 수 있나요?

커스텀 이모지를 추가했는데, 이모지 선택기가 활성화되면 마지막 옵션으로만 표시됩니다. 사용자가 익숙하지 않을 경우 혼란을 야기할 수 있습니다. 주로 사용하게 될 이모지 세트이므로, 첫 번째에 표시되도록 하는 것이 이상적입니다. 예를 들어:

테마 내에서 적용할 수 있는 사소한 CSS 변경 사항 중 하나는 왼쪽의 탭 우선순위를 조정하여 사용자 정의 그룹 탭을 맨 앞에 배치하는 것입니다. 이는 다음과 같이 보입니다:

.emoji-picker__sections-nav [data-section="default"] {
  order: -1;
}

(여기서 "default"는 /admin/config/emoji에서 확인되는 이모지 그룹 이름입니다)

image

이렇게 하면 왼쪽의 버튼을 클릭하여 사용자 정의 이모지로 이동하는 것이 더 쉬워집니다.

이 외에도 현재 섹션 자체의 순서를 조정하는 좋은 방법은 없습니다.

메뉴의 이모지는 스크롤 시 지연 로딩(lazy loaded)되므로, CSS로 콘텐츠 순서를 조정하더라도 메뉴가 처음 열릴 때 사용자 정의 이모지는 로드되지 않습니다.

더 많은 사람들이 유용하게 활용할 수 있는 기능이라면 테마에서 순서를 커스터마이즈할 수 있는 훅(hook)을 추가할 수 있습니다.

정말 정말 고마워요! 이제 좀 멍청한 것 같네요 :sleepy_face: