LinkedIn의 경우 이 설정에서 아이콘 이름으로 fab-linkedin을 사용할 수 있습니다
하지만 해당 아이콘은 Discourse가 기본적으로 사용하는 아이콘 세트에 포함되어 있지 않으므로, 컴포넌트의 다른 설정에도 추가해야 합니다.
제 경우 결과는 다음과 같습니다
네, 이 주제 안에서 커스텀 아이콘을 추가하는 방법에 대한 섹션이 있습니다.
그 설정을 완료하면 이 테마 컴포넌트에서 추가한 모든 커스텀 아이콘을 사용할 수 있게 됩니다. 해당 내용을 확인해 보시고 문제가 발생하면 알려 주세요.
해당 변경 사항과 몇 가지 구현 개선 사항을 여기에 반영했습니다
새로운 업데이트는 사용자가 사용하는 제목에 기반하여 각 링크에 고유한 접두사 클래스를 추가합니다. 예를 들어
facebook, fab-facebook, https://facebook.com, vdm, blank
을 사용하면 링크에는
header-icon-facebook
클래스가 부여됩니다.
템플릿은 header-icon-ICON-TITLE입니다.
이를 통해 다음과 같은 CSS로 타겟팅할 수 있습니다
.d-header-icons {
.header-icon-facebook svg {
fill: #4267b2;
}
.header-icon-twitter svg {
fill: #1da1f2;
}
// add more icons here
}
그 결과 다음과 같은 모습이 됩니다
