CSSとHTMLでカスタムボタンを作成できますか?

ボタンをこのように作成したいのですが、これはHTMLとCSSでできていると書かれています。DiscourseでHTMLをどこでカスタマイズできますか? CSSと同じリンクですか?

Cool Glowing Effect on Buttons using HTML & CSS | CodingNepal - YouTube

始めるにあたっては、Discourseテーマ開発初心者ガイドをご覧ください。

「いいね!」 1

投稿内にボタンを追加したいということでしょうか(この場合は、こちらのトピック を参照してください)、それともDiscourseのインターフェースにある既存のボタンをカスタマイズしたいということでしょうか?

はい、ただし、Discourseのインターフェースにボタンを追加したい場合は、それは別の話であり、プログラミングが必要です。

ちなみに、動画の作成者が実際のコードへのリンクを一切貼っていないのが気になります(https://codepen.io のようなサイトは、このような作業に非常に役立ちます)。これはかなり高度なCSSであり、動画から手動でコピーするのは大変でしょう。

興味本位でインターネットで少し検索したところ、コードは彼らのウェブサイトで公開されていました。


Jayさんの返信に加えて、https://meta.discourse.org/t/make-css-changes-on-your-site/168101 も参照することをお勧めします。ウェブサイトのHTMLスタイルをカスタマイズするだけが目的なら、こちらの方が簡単かもしれません。

最後に、DiscourseフォーラムにはStyleguideという優れたプラグインがプリインストールされており、これを有効にすると、フォーラムのほぼすべての要素とその現在のスタイルが表示されます。

まず、Styleguideページを有効にします。
管理者パネル → プラグイン → Styleguide → :gear:設定 → styleguide enabled :white_check_mark: にチェックを入れます。

次に、Styleguideページにアクセスできます。フォーラムのURLに /styleguide を追加するだけで表示できます。

もしCSSやスタイリング全般についてあまり知識がないのであれば、このボタンプロジェクトに飛び込む前に、まず基本的なことを学ぶことを強くお勧めします。

「いいね!」 1

こんにちは、投稿ありがとうございます。

わあ、このスタイルガイドを見せてくれて本当にありがとう。この機能があることを知りませんでした!とても感謝しています!ウェブサイトのボタンを、お送りしたリンクのようにスタイル設定します!この場合、ビデオではHTMLとCSSを使用する必要があると言っていましたが、DiscourseはCSSしか受け付けないと思います!これらのことを教えてくれて本当にありがとう!

「いいね!」 2