아래의 내 답변은 현재 삭제된 게시물에 대한 것이었습니다. 해당 게시물에는 다음 내용이 포함되어 있었습니다. 저는 여전히 FA5 아이콘에 관심이 있습니다…
이 플러그인으로 아이콘을 추가할 수 있을까요? 더 이상 작동하지 않아서 묻습니다. Facebook, Twitter, Instagram 아이콘을 추가해야 합니다.
여기에는 SVG 아이콘 옵션이 없습니다: [screenshot]
이전에 작동했나요? 무엇이 변경되었고, 무엇을 시도해 보셨나요?
혹시 이 플러그인의 아이콘이 없는 버전을 다운로드하신 건 아닌가요?
저는 Font Awesome 4 아이콘은 작동하게 만들 수 있었지만, Font Awesome 5는 작동하지 않았습니다(내장된 2~3개를 제외하고): 위 게시물을 참조하세요.
네, 실제로 아이콘이 없는 버전을 다운로드한 것이었습니다. 조사해 본 후에야 그걸 깨달았어요. 지금은 discourse-icon-header-links 와 함께 잘 작동하고 있습니다.
정말 좋습니다. 혹시 사용하신 설정을 공유해 주실 수 있을까요? 제가 어디를 잘못하고 있었는지 확인해 보고 싶어요. 감사합니다.
네, 여기 있습니다: Screenshot by Lightshot
Facebook, fab-facebook, https://www.facebook.com/, vdo, blank
Twitter, fab-twitter, https://www.twitter.com/, vdo, blank
Instagram, fab-instagram, https://www.instagram.com/, vdo, blank
도움이 되는지 알려주세요
1개의 좋아요
매우 감사합니다. 이 세 가지 내장 아이콘은 저에게도 잘 작동했습니다.
다른 FA5 아이콘도 시도해 보시고, 어떻게 되는지 알려주실 수 있을까요?
LinkedIn을 시도해 봤는데 동작합니다: Screenshot by Lightshot
FA5 아이콘을 추가하는 경우, SVG 아이콘 섹션에서 목록에 사용되는 각 아이콘에 대해 FontAwesome 5 아이콘 클래스를 포함시켜야 합니다: Screenshot by Lightshot
감사합니다!
1개의 좋아요
정말 감사드립니다. fab 아이콘이 아닌 아이콘에서도 작동하나요?
하지만 이것이 잘못된 것 같다는 생각이 듭니다. 만약 틀린 것이라면 미리 사과드립니다…
예를 들어, Address Card Filled Icon (Classic Solid) — Free SVG Download | Font Awesome 의 주소 카드 아이콘을 사용하려면 far fa-address-card를 far-address-card로 변경해야 합니다(그리고 이를 svg icon subset 설정에 추가해야 합니다). 단순히 fa-를 제외하고만 사용하면 작동하지 않습니다.
이것은 FontAwesome 5 svg subset WIP - discourse/discourse@bf3f958 - GitHub 와 FontAwesome 5 svg subset WIP - discourse/discourse@bf3f958 - GitHub 를 살펴본 후에야 알게 되었습니다.
1개의 좋아요
설치를 완료했습니다.
이제 이 아이콘 Rocket Filled Icon (Classic Solid) — Free SVG Download | Font Awesome 을 차량 카테고리 링크에 추가하려고 합니다.
다음과 같이 설정했습니다:
모바일/데스크톱 링크, fas-rocket, c / vehiculos / 69, vdm, blank
그리고 아래에
fas-rocket
을 입력했습니다.
하지만 아이콘이 보이지 않는데, 아이콘을 어떻게 업로드해야 하나요?
Pandabear:
fas-rocket
"rocket"만 입력해 보세요.
이 추측은 FontAwesome 5 svg subset WIP - discourse/discourse@bf3f958 - GitHub "rocket"이라는 단어를 검색한 것에 기반합니다.
3개의 좋아요
Pandabear
(Pandabear)
2월 3, 2021, 12:21오후
121
감사합니다. 이 아이콘이 사용 가능한지 아시나요?
수동으로 추가해야 할 것 같습니다. 제게는 조금 어렵네요.
이렇게 하면 될까요?
See also: We're upgrading our icons to Font Awesome 6!
We will shortly merge into master a branch that upgrades Discourse to Font Awesome 5.5.0 (the free version) and switches to using SVG icons instead of an icon font. This is a substantial change, with lots of benefits, and one significant change for developers.
Here is a quick rundown of the changes:
using SVG icons will provide crisper icons, better for accessibility and easier to customize, see this Github article for more details
since…
플러그인에서 : SVG 스프라이트 파일을 plugins/your-plugin-name/svg-icons 폴더에 포함시키면 됩니다. 서버를 재시작(개발 환경인 경우)하거나 Docker 컨테이너인 경우 사이트를 다시 빌드하면 사용자 정의 아이콘이 자동으로 사용 가능해집니다.
Digital Ocean를 사용하고 있는 포럼에 마스크 아이콘을 추가하는 방법에 대해 초보자도 이해할 수 있도록 요약해 주실 수 있을까요? 감사합니다
방금 임시로 아이콘 중 하나를 변경해서 내 포럼에서 테스트해 보았습니다. header links에서 아이콘 이름을 “rocket”(따옴표 제외)으로 호출하면 아이콘이 정상적으로 작동합니다. 작동하지 않는다면 나머지 줄에 문제가 있을 수 있습니다. svg icons에 추가할 필요는 없습니다.
1개의 좋아요
Pandabear
(Pandabear)
2월 3, 2021, 12:31오후
123
네, 정말 감사합니다. 로켓이 완벽하게 작동했습니다. 그런데 이제 이걸 추가하고 싶어요:
죄송합니다. 여전히 원래 아이콘을 말씀하시는 줄 잘못 알고 있었습니다. 코드에 극장 아이콘에 대한 언급이 없어서 작동하지 않습니다.
FA5 아이콘을 추가하기 위해 여러 가지 방법을 시도해 보았지만 성공하지 못했습니다. 여기에 제시된 제안들은 제 환경에서는 모두 작동하지 않았습니다.
svg icons에 무엇을 넣어도 변화가 없었습니다. 특히 비교적 최근 게시물에서 언급된 Instagram 아이콘은 코드에 포함되어 있어 작동하는 것으로 보입니다. (svg icons에 추가했기 때문이 아니라, 코드에 이미 존재하기 때문입니다.)
1개의 좋아요
bartv
(Bart )
4월 21, 2021, 7:41오전
125
해당 컴포넌트에 대한 보안 보고서를 받았습니다. rel="noreferer, noopener" 코드를 사용하도록 구성할 수 있을까요?
1개의 좋아요
최신 버전의 discourse로 업데이트한 후 아이콘이 더 이상 표시되지 않습니다. 문제의 원인이 무엇일 수 있을까요?
2개의 좋아요
이것을 저희 인스턴스 에 추가했는데 정말 훌륭합니다. 이 플러그인을 만들어 주셔서 진심으로 감사드립니다!
새로운 아이콘과 기존 기본 아이콘 사이에 여백을 추가할 수 있는 설정을 지원할 수 있을까요? ,,,,를 추가해서 임시로 해결할 수는 있지만, 그렇게 하면 테마 설정 페이지로 링크가 걸리는 문제가 있습니다. 다만, 그 외관 자체는 저희가 원하는 스타일입니다.
3개의 좋아요
Johani
(Joe)
5월 20, 2021, 9:32오후
128
그렇게 들으니 기쁩니다
물론이죠, 여기에서 해당 설정을 추가했습니다(기본값: 꺼짐)
committed 09:22PM - 20 May 21 UTC
This commit adds a toggle that allows you to add some whitespace between the Dis… course header icons and the icons added via this component. The space is only added on desktop due to lack of space on mobile devices.
설정에서 빈 설정 항목을 제거하고 컴포넌트를 업데이트한 뒤, 새로운 설정을 켜면 페이지를 새로고침한 후 작동하기 시작할 것입니다.
5개의 좋아요