커스텀 섹션에서 링크 아이콘을 선택하는 방법

Custom sidebar sections being tested on meta에서 이어서 논의합니다:

자주 사용하는 포럼 중 하나에 개인용 맞춤 링크 섹션을 추가했습니다. 기본 링크 아이콘만 사용하는 것보다 다른 아이콘을 사용하는 것이 더 낫다고 생각합니다. 이렇게 하면 더 잘 구별할 수 있기 때문입니다.

가장 적합한 아이콘을 찾는 데 도움이 되는 팁이 있을까요? 전체 목록을 스크롤할 수 없는데, 어딘가에서 잘려 버리기 때문입니다. 검색功能是 사용할 수 있다는 것은 알고 있지만, 무엇을 검색해야 하는지 어떻게 알 수 있을까요? - 특히 포럼이 영어가 아닐 때. 하지만 영어 포럼에서도 "monitor"라고 검색하면 아무것도 찾을 수 없을 수 있습니다. 제가 찾고 있는 아이콘을 찾으려면 "desktop"라고 검색해야 하니까요.
물론 모든 무료 Font Awesome 5 아이콘을 살펴볼 수는 있지만, 그러면 항상 해당 포럼에서 그 아이콘이 사용 가능한지 확인해야 합니다. 그리고 제印象中 대부분의 아이콘은 사용 가능하지 않았습니다. 따라서 discourse에서 제공하는 추가 아이콘을 모두 놓치게 됩니다.

그래서 사용자에게 적합한 아이콘을 어떻게 찾으라고 기대하나요? 이모지 피커와 같은 것이 더 잘 작동할 수도 있습니다. 거기서 검색도 올바른 영어 이름을 알아야만 작동하지만, 스크롤을 통해 이름 모르고도 찾을 수도 있습니다.

3개의 좋아요

동의합니다. 이 경험은 최선이 아닙니다!

현재 할 수 있는 일은 Find the Perfect Icon for Your Project in Font Awesome 5 | Font Awesome 로 이동한 다음, 아이콘을 svg icon subset 설정에 추가하는 것입니다:

2개의 좋아요

이 방법이 “일반” 사용자에게도 적용되나요?

2개의 좋아요

아쉽게도 그렇게 생각하지 않아요. 좋은 지적이네요.

3개의 좋아요

이 기능(그리고 배지 페이지)에 '아이콘 선택기’가 있었으면 좋겠다고 늘 바랐는데, 아직까지 별다른 움직임이 없네요. :frowning:

4개의 좋아요

이것이 제 문제입니다. 단순히 최고의 아이콘을 검색해서 추가할 수 없어요. 제가 할 수 있는 것은 사용 가능한 아이콘 중 가장 좋은 것을 찾는 것인데, 이는 사이트에 어떤 아이콘이 추가되었는지에 따라 달라집니다.

관리자의 경우, 최고의 아이콘을 찾아 추가할 수 있으므로 모든 아이콘을 검색하는 것이 합리적입니다. 하지만 일반 사용자에게는 그렇게 기대하지 않을 거예요.
Discourse가 인터페이스 언어로 "검색"이라고 표시된 검색 필드를 제공하지만, 해당 필드는 영어로 된 아이콘 이름을 입력하도록 되어 있어 그 언어로 검색이 작동하지 않는다는 점이 이미 충분히 혼란스럽습니다.
그래서 저는 #member-experience(멤버 경험)가 #staff-experience(스태프 경험)보다 더 나쁘다고 생각합니다.

1개의 좋아요

참고로 :slight_smile: 기본적으로 선택할 수 있는 '프리로드’된 아이콘 전체 목록인 것 같습니다:

'코어' 아이콘
"address-book",
 "adjust",
 "align-left",
 "ambulance",
 "anchor",
 "angle-double-down",
 "angle-double-left",
 "angle-double-right",
 "angle-double-up",
 "angle-down",
 "angle-right",
 "angle-up",
 "archive",
 "arrow-circle-o-right",
 "arrow-down",
 "arrow-left",
 "arrow-right",
 "arrow-up",
 "arrows-alt-h",
 "arrows-alt-v",
 "asterisk",
 "at",
 "award",
 "backward",
 "ban",
 "bars",
 "bed",
 "bell",
 "bell-slash",
 "birthday-cake",
 "bold",
 "book",
 "book-reader",
 "bookmark",
 "bookmark-delete",
 "briefcase",
 "bullseye",
 "calendar-alt",
 "calendar-day",
 "caret-down",
 "caret-left",
 "caret-right",
 "caret-up",
 "certificate",
 "chart-bar",
 "chart-pie",
 "check",
 "check-circle",
 "check-square",
 "chevron-circle-down",
 "chevron-down",
 "chevron-left",
 "chevron-right",
 "chevron-up",
 "circle",
 "clipboard",
 "clock",
 "cloud-upload-alt",
 "code",
 "cog",
 "coins",
 "columns",
 "comment",
 "comment-slash",
 "comments",
 "compress",
 "copy",
 "credit-card",
 "crosshairs",
 "crown",
 "cube",
 "desktop",
 "discourse-amazon",
 "discourse-bell-exclamation",
 "discourse-bell-one",
 "discourse-bell-slash",
 "discourse-bookmark-clock",
 "discourse-compress",
 "discourse-dnd",
 "discourse-emojis",
 "discourse-expand",
 "discourse-other-tab",
 "discourse-sparkles",
 "discourse-threads",
 "download",
 "ellipsis-h",
 "ellipsis-v",
 "envelope",
 "envelope-square",
 "exchange-alt",
 "exclamation-circle",
 "exclamation-triangle",
 "external-link-alt",
 "eye",
 "fab-amazon",
 "fab-android",
 "fab-apple",
 "fab-chrome",
 "fab-discord",
 "fab-discourse",
 "fab-facebook",
 "fab-facebook-square",
 "fab-github",
 "fab-instagram",
 "fab-linkedin",
 "fab-linux",
 "fab-microsoft",
 "fab-patreon",
 "fab-twitter",
 "fab-twitter-square",
 "fab-wikipedia-w",
 "fab-windows",
 "far-bell",
 "far-bell-slash",
 "far-calendar-plus",
 "far-chart-bar",
 "far-check-square",
 "far-circle",
 "far-clipboard",
 "far-clock",
 "far-comment",
 "far-comments",
 "far-copyright",
 "far-credit-card",
 "far-dot-circle",
 "far-edit",
 "far-envelope",
 "far-eye",
 "far-eye-slash",
 "far-file-alt",
 "far-frown",
 "far-heart",
 "far-image",
 "far-list-alt",
 "far-meh",
 "far-moon",
 "far-smile",
 "far-square",
 "far-star",
 "far-sun",
 "far-thumbs-down",
 "far-thumbs-up",
 "far-trash-alt",
 "fast-backward",
 "fast-forward",
 "file",
 "file-alt",
 "file-audio",
 "file-csv",
 "file-image",
 "file-invoice",
 "file-signature",
 "file-upload",
 "file-video",
 "filter",
 "flag",
 "folder",
 "folder-open",
 "forward",
 "gavel",
 "gift",
 "globe",
 "globe-americas",
 "grip-lines",
 "group-plus",
 "group-times",
 "hand-point-right",
 "hands-helping",
 "heart",
 "history",
 "home",
 "hourglass-start",
 "id-card",
 "image",
 "images",
 "inbox",
 "info",
 "info-circle",
 "italic",
 "key",
 "keyboard",
 "language",
 "layer-group",
 "link",
 "list",
 "list-ol",
 "list-ul",
 "lock",
 "magic",
 "map-marker-alt",
 "microphone-slash",
 "minus",
 "minus-circle",
 "mobile-alt",
 "moon",
 "paint-brush",
 "palette",
 "paper-plane",
 "pause",
 "pen-fancy",
 "pencil-alt",
 "play",
 "plug",
 "plus",
 "plus-circle",
 "plus-square",
 "power-off",
 "puzzle-piece",
 "question",
 "question-circle",
 "quote-left",
 "quote-right",
 "random",
 "redo",
 "reply",
 "robot",
 "rocket",
 "save",
 "search",
 "search-minus",
 "search-plus",
 "share",
 "shield-alt",
 "sign-in-alt",
 "sign-out-alt",
 "signal",
 "sliders-h",
 "sort",
 "sort-alpha-down",
 "sort-alpha-up",
 "sort-numeric-down",
 "sort-numeric-up",
 "spell-check",
 "spinner",
 "square-full",
 "stamp",
 "star",
 "step-backward",
 "step-forward",
 "sticky-note",
 "stream",
 "sync",
 "sync-alt",
 "table",
 "tag",
 "tags",
 "tasks",
 "th",
 "thermometer-three-quarters",
 "thumbs-down",
 "thumbs-up",
 "thumbtack",
 "ticket-alt",
 "times",
 "times-circle",
 "tippy-rounded-arrow",
 "toggle-off",
 "toggle-on",
 "trash-alt",
 "undo",
 "unlink",
 "unlock",
 "unlock-alt",
 "upload",
 "user",
 "user-check",
 "user-cog",
 "user-edit",
 "user-friends",
 "user-plus",
 "user-secret",
 "user-shield",
 "user-times",
 "users",
 "wrench"

적어도 이론적으로는 그렇지만… 방금 하나를 찾아보려 했으나 찾지 못해서 100% 확실하지는 않을 수 있습니다. 게임의 재미를 해치지 않으려고 어떤 것이었는지 말하지는 않겠습니다. :slight_smile:

여기에서 핵심 아이콘을 볼 수 있다고 생각합니다:

3개의 좋아요

솔직히 그게 복사한 줄 알았어요. :slight_smile: 잘못 가져온 것 같네요…

2개의 좋아요

저도 최적의 아이콘을 찾는 데 고생하고 있으며, Discourse에서 사용할 수 있는 아이콘들로도 많은 어려움을 겪었습니다. 아이콘 관리를 한 곳에서 통합할 수 있는 기능이 절실합니다.

  1. 현재 Discourse에서 사용할 수 있는 모든 아이콘 검색
  2. 모든 아이콘 제공업체의 아이콘 검색 및 Discourse로 원클릭 가져오기 지원

이런 페이지가 꼭 필요합니다.

UX: Let icon pickers search the full icon set - Pull Request #42554 - discourse/discourse - GitHub 의 변경 사항 덕분에 이제 에서 [1]까지 스크롤할 수 있습니다. 이렇게 하면 포럼에서 사용 가능한 모든 아이콘을 확인하고 사이드바에 가장 적합한 아이콘을 선택할 수 있습니다. 새로운, 더 컴팩트한 그리드 피커도 도움이 되는데, 동시에 더 많은 아이콘을 볼 수 있고 검색할 필요가 줄어들어 언어 의존성이 낮아지기 때문입니다.


  1. zoom-join-audio ↩︎

3개의 좋아요