How to create a theme (if I am a pure end user)

지원
1

앞서 말씀드렸듯이 저는 포럼의 순수한 일반 사용자일 뿐이라 HTML/CSS에 대해 잘 모릅니다. 기초 문법 정도만 알고 있을 뿐이죠. 저는 제가 자주 이용하는 Discourse 포럼(Shotcut)에 테마나 레이아웃을 기여하고 싶습니다. 테마나 레이아웃을 만들려면 어떤 코딩 언어가 필요할까요? 트위터나 인스타그램 테마처럼 현대적이고 아름다운 디자인이 되었으면 합니다.

저는 개발자가 아니며, 학교 시절 컴퓨터 교재를 읽으며 HTML/CSS를 배운 정도입니다. 일반 사용자를 위한 별도의 프로그램, 즉 기본적이고 간단한 도구가 있거나, 인스타그램과 유사한 테마를 Discourse 포럼에 만드는 방법에 대한 좋은 튜토리얼이 있을까요?

Devs

제가 이 주제를 어디에 올려야 가장 적합한지 몰라서, 올바른 카테고리로 이동해 주시면 감사하겠습니다. 아마 Contribute > UX 카테고리가 적합할 수도 있겠네요.

2

Check out Discourse Theme CLI (console app to help you build themes) and Developer’s guide to Discourse Themes. I think that’s where to start.

3

@Ar_D I’m in a similar situation myself (although I got started with the theme already). I’d recommend you check these topics. You might want to stick to the first three at first and once you get a better sense of what you are doing, dig into the last 2.

  1. Beginner's guide to using Discourse Themes
  2. Designer's Guide to getting started with themes in Discourse
  3. Theme Creator, create and show themes without installing Discourse!
  4. Get started with Theme Creator and the Theme CLI
  5. Developing Discourse Themes & Theme Components

You can get very far with the default functionalities of Theme Creator. I did give Theme CLI a try (first time setting up something as complex, I’m very much a n00b) and found it extremely useful for getting super fast feedback on any design changes. Overall, my extremely limited HTML/CSS have gotten me very far.

4

Yes, it’s a huge boon to be able to make changes in a real editor on your computer, hit save, and see it before your eyes, but as you suggest, it definitely makes sense to make a few trivial changes in the web interface to see that you’re doing something (I usually do something like color: red so I can see that I’m having some effect) before spending the time to figure out the cli tool. But if you’re going to spend more than an hour of your life fooling with themes, it’s really worth your time figuring out the CLI tool. That time will be paid back very quickly.

5

You have clearly gave me step by step solution, thanks.

Thanks @pfaffman for sharing the CLI.

6

I recently noticed that the CLI only works if I do WSL, but I never run any linux app, And the system I am using actually doesn’t open MS store, because of some possible bugs, and I am running the latest build so I cannot even update my windows.

So I think that CLI is no longer useful for me, I need to install linux on a vm on my potato internet.