Kann ich einen benutzerdefinierten Button mit CSS und HTML erstellen?

Möchtest du den Button in einem Beitrag hinzufügen (in diesem Fall siehe dieses Thema) oder möchtest du einen bestehenden Button in der Benutzeroberfläche von Discourse anpassen?

Ja, aber wenn du einen Button zur Benutzeroberfläche von Discourse hinzufügen möchtest, ist das etwas anderes und erfordert Programmierung.

Nebenbei bemerkt, das Video stört mich, weil der Ersteller keinen Link zum eigentlichen Code angegeben hat (Seiten wie https://codepen.io sind sehr nützlich, um an dieser Art von Dingen zu arbeiten). Es ist ziemlich fortgeschrittenes CSS und das manuelle Kopieren aus dem Video wird mühsam sein.

Aus reiner Neugier habe ich ein wenig im Internet gesucht, und der Code ist auf ihrer Website veröffentlicht.


Um Jay’s Antwort zu ergänzen, füge ich Making custom CSS changes on your site hinzu, was einfacher sein könnte, wenn dein einziges Ziel die Anpassung des HTML-Stils auf deiner Website ist.

Zu guter Letzt verfügen Discourse-Foren über ein ausgezeichnetes vorinstalliertes Plugin namens Styleguide, das du aktivieren kannst und das so ziemlich jedes Element deines Forums mit seinem aktuellen Styling anzeigt:

Aktiviere zuerst die Styleguide-Seite:
Admin-Panel → Plugins → Styleguide → :gear:Einstellungen → Aktiviere styleguide enabled :white_check_mark:.

Dann kannst du zur Styleguide-Seite gehen. Hänge einfach /styleguide an deine Foren-URL an, um sie zu sehen:

Wenn du dich insgesamt nicht wirklich gut mit CSS und Styling auskennst, rate ich dir dringend, die Grundlagen zu lernen, bevor du dich an dieses Button-Projekt wagst.

1 „Gefällt mir“