CSS와 HTML로 커스텀 버튼을 만들 수 있나요?

이런 버튼을 만들어 보고 싶은데, 이 버튼은 CSS와 HTML로 만들어졌다고 합니다. Discourse에서 HTML을 어디서 커스터마이즈하나요? CSS를 넣는 것과 같은 링크인가요?

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

시작할 곳은 디스코urs 테마 개발 입문 가이드입니다

게시글 안에 버튼을 추가하고 싶은 건가요? (이 경우 이 주제를 참고하세요) 아니면 Discourse 인터페이스의 기존 버튼을 커스터마이징하고 싶은 건가요?

네, 그렇습니다. 하지만 Discourse 인터페이스에 버튼을 추가하는 것을 원한다면 그것은 다른 문제이며 프로그래밍이 필요합니다.

참고로, 해당 비디오는 제작자가 실제 코드에 대한 링크를 제공하지 않아서 신경 쓰입니다 (https://codepen.io 같은 사이트는 이런 작업을 할 때 매우 유용합니다). 꽤 고급스러운 CSS라서 비디오에서 수동으로 복사하는 것은 번거로울 것입니다.

호기심에 인터넷을 조금 검색해 보니, 코드가 그들의 웹사이트에 게시되어 있습니다.


Jay의 답변을 보충하여, 웹사이트 HTML 스타일 커스터마이징이 유일한 목적이라면 Making custom CSS changes on your site 링크가 더 직관적일 수 있습니다.

마지막으로, Discourse 포럼에는 Styleguide라는 훌륭한 사전 설치 플러그인이 있습니다. 이 플러그인을 활성화하면 현재 스타일링이 적용된 포럼의 거의 모든 요소를 확인할 수 있습니다:

먼저 Styleguide 페이지를 활성화하세요:
관리자 패널 → 플러그인 → Styleguide → :gear:설정 → styleguide enabled :white_check_mark: 체크.

그 다음, Styleguide 페이지로 이동할 수 있습니다. 포럼 URL 뒤에 /styleguide를 붙여넣으면 확인 가능합니다:

CSS나 스타일링 전반에 대해 잘 모른다면, 이 버튼 프로젝트에 착수하기 전에 기초를 배우는 것을 강력히 권장합니다.

안녕하세요, 게시해 주셔서 감사합니다.

와, 이 스타일가이드를 보여줘서 정말 감사해요! 이 기능이 있다는 걸 몰랐거든요! 정말 고맙습니다! 제가 보낸 링크처럼 웹사이트 버튼 스타일을 꾸며볼 거예요! 이 경우엔 의문이 들었는데요, 영상에서는 HTML과 CSS를 사용해야 한다고 나오는데, 디스코러스(Discourse)는 CSS만 허용하는 것 같거든요! 이런 것들을 알려줘서 정말 감사합니다!