カスタムセクションのリンクアイコンの選び方

Custom sidebar sections being tested on metaでの議論の続きです。

よく利用するフォーラムの1つに、個人的なカスタムリンクセクションを追加しました。デフォルトのリンクアイコンだけでなく、異なるアイコンを使用する方が、より認識しやすいため好んでいます。

最適なアイコンを見つけるためのヒントはありますか?リスト全体をスクロールすることはできません。どこかで切り取られているからです。検索できることは知っていますが、何を検索すればよいかわかりません。特にフォーラムが英語でない場合はなおさらです。しかし、英語のフォーラムであっても、「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:

「いいね!」 3

それが私の問題です。最適なアイコンを検索して追加するだけではいけません。サイトに追加されたアイコンによって異なる、利用可能な最適なアイコンを見つける必要があります。

管理者にとっては、すべてアイコンを検索して最良のものを見つけて追加できるため、理にかなっています。しかし、一般ユーザーにそれを期待することはできません。

Discourse がインターフェース言語で「検索」と表示される検索フィールドを提供しているのに、フィールドが英語のアイコン名を期待するため、その言語で検索が機能しないというのは、十分に混乱を招きます。

したがって、member-experiencestaff-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