Como escolher ícones para links na seção personalizada

Continuando a discussão de Seções personalizadas da barra lateral sendo testadas no meta:

Adicionei uma seção de link personalizada e pessoal a um dos fóruns que uso com frequência. Prefiro usar ícones diferentes e não apenas o ícone de link padrão, porque assim consigo reconhecê-los melhor.

Existem dicas sobre como encontrar o melhor ícone? Não consigo rolar por toda a lista porque ela é cortada em algum lugar. Sei que posso pesquisar lá, mas como sei o que pesquisar? - especialmente quando o fórum não está em inglês. Mas mesmo em um fórum em inglês, eu poderia pesquisar por “monitor” e não encontrar nada, porque teria que pesquisar por “desktop” para encontrar o ícone que estou procurando.
Claro, posso dar uma olhada em todos os ícones gratuitos do Font Awesome 5, mas então sempre tenho que verificar se esse ícone está disponível nesse fórum, e minha impressão foi que a maioria não estava. Por isso, perderei todos os ícones extras que vêm do Discourse.

Então, como você espera que os usuários encontrem o ícone adequado? Talvez algo como o seletor de emojis funcionasse melhor. Lá, a pesquisa também só funciona quando você sabe o nome correto em inglês, mas você também pode encontrá-lo sem isso, rolando.

3 curtidas

Concordo; esta não é a melhor experiência!

Acredito que, atualmente, o que você pode fazer é ir para Find the Perfect Icon for Your Project in Font Awesome 5 | Font Awesome, então adicionar o ícone à configuração svg icon subset:

2 curtidas

Isso funciona para usuários “normais”?

2 curtidas

Eu não acho, infelizmente. Bom ponto.

3 curtidas

Eu tenho esperado por um ‘seletor de ícones’ para isso (e para a página de emblemas), mas isso ainda não ganhou tração. :frowning:

3 curtidas

Esse é o meu problema. Eu não posso simplesmente procurar o melhor ícone e adicioná-lo. Tenho que encontrar o melhor ícone disponível, e esses dependem de quais ícones foram adicionados ao site.

Para administradores, faz sentido procurar todos os ícones porque eles podem encontrar o melhor e adicioná-lo. Mas eu não esperaria que usuários comuns fizessem isso.
Já é confuso o suficiente que o Discourse ofereça um campo de busca mostrando “buscar” no seu idioma de interface, mas a busca não funciona nesse idioma porque o campo espera que você digite um nome de ícone em inglês.
Portanto, acho que a #experiência-do-membro é pior do que a #experiência-da-equipe.

1 curtida

Isto é um FWIW :slight_smile: Mas acho que esta é uma lista de todos os que estão ‘pré-carregados’ que você pode escolher por padrão:

Os ícones 'core'
"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"

Bem, teoricamente, pelo menos… Acabei de tentar procurar um e não o encontrei, então talvez não seja 100%. Não vou dizer qual para não estragar o jogo. :slight_smile:

Acredito que você possa ver os ícones principais aqui:

3 curtidas

Para ser sincero, pensei que era isso que eu estava copiando. :slight_smile: Acho que peguei o errado…

2 curtidas