Wie wählt man Icons für Links in einem benutzerdefinierten Abschnitt aus

Fortsetzung der Diskussion von Benutzerdefinierte Seitenleistenabschnitte werden auf Meta getestet:

Ich habe einen persönlichen, benutzerdefinierten Linkbereich zu einem der Foren hinzugefügt, die ich oft benutze. Ich ziehe es vor, verschiedene Symbole und nicht nur das Standardsymbol für Links zu verwenden, da ich sie auf diese Weise besser erkennen kann.

Gibt es Tipps, wie man das beste Symbol findet? Ich kann nicht die ganze Liste durchscrollen, da sie irgendwo abgeschnitten ist. Ich weiß, dass ich dort suchen kann, aber wie weiß ich, wonach ich suchen soll? - besonders wenn das Forum nicht auf Englisch ist. Aber selbst in einem englischen Forum könnte ich nach „monitor“ suchen und nichts finden, weil ich nach „desktop“ suchen müsste, um das Symbol zu finden, das ich suche.
Natürlich kann ich mir alle kostenlosen Font Awesome 5-Symbole ansehen, aber dann muss ich immer prüfen, ob dieses Symbol in diesem Forum verfügbar ist, und mein Eindruck war, dass die meisten nicht verfügbar waren. Daher verpasse ich all die zusätzlichen Symbole, die von Discourse stammen.

Wie erwarten Sie also, dass Benutzer das passende Symbol finden? Vielleicht würde etwas wie die Emoji-Auswahl besser funktionieren. Dort funktioniert die Suche auch nur, wenn man den richtigen englischen Namen kennt, aber man kann ihn auch ohne finden, indem man scrollt.

3 „Gefällt mir“

Ich stimme zu; das ist keine optimale Erfahrung!

Ich glaube, derzeit können Sie Folgendes tun: Gehen Sie zu Find the Perfect Icon for Your Project in Font Awesome 5 | Font Awesome und fügen Sie dann das Symbol zur Einstellung svg icon subset hinzu:

2 „Gefällt mir“

Funktioniert das für „normale“ Benutzer?

2 „Gefällt mir“

Ich glaube nicht, leider. Guter Punkt.

3 „Gefällt mir“

Ich habe auf eine ‘icon-picker’-Funktion für diese (und die Badges-Seite) gehofft, aber das hat noch keine Resonanz gefunden. :frowning:

3 „Gefällt mir“

Das ist mein Problem. Ich kann nicht einfach nach dem besten Symbol suchen und es hinzufügen. Ich muss das beste verfügbare Symbol finden, und das hängt davon ab, welche Symbole auf der Website hinzugefügt wurden.

Für Administratoren ist es sinnvoll, alle Symbole zu durchsuchen, da sie das beste finden und hinzufügen können. Aber ich würde von normalen Benutzern nicht erwarten, dass sie das tun.
Es ist schon verwirrend genug, dass Discourse ein Suchfeld anbietet, das “suchen” in Ihrer Benutzeroberflächensprache anzeigt, aber die Suche funktioniert nicht in dieser Sprache, da das Feld erwartet, dass Sie einen englischen Symbolnamen eingeben.
Daher denke ich, dass das member-experience schlechter ist als das staff-experience.

1 „Gefällt mir“

Dies ist ein FWIW :slight_smile: Aber ich denke, dies ist eine Liste aller, die standardmäßig ‘vorab geladen’ sind, aus denen Sie auswählen können:

Die 'Kern'-Symbole
"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"

Nun, theoretisch zumindest… Ich habe gerade versucht, eines zu finden und es nicht gefunden, also ist es vielleicht nicht 100%. Ich werde Ihnen nicht sagen, welches, um das Spiel nicht zu verderben. :slight_smile:

Ich glaube, Sie können die Kernsymbole hier sehen:

3 „Gefällt mir“

Ehrlich gesagt, ich dachte, das hätte ich kopiert. :slight_smile: Ich glaube, ich habe das Falsche erwischt…

2 „Gefällt mir“