설정이 표시되지 않음

개발
1

Hi everyone, I’m getting started on developing things for Discourse, and I’m working on a theme component.
Link: GitHub - NateDhaliwal/discourse-persistent-banner: A theme component for Discourse that cannot be closed by the user. · GitHub

When putting it on Theme Creator, the settings don’t appear, even though I have a settings.yml. Any ideas?

2

Do you see any error messages at theme creator?

I think you have to use the same quotation marks at the beginning and end.

This could also be a problem. I would try default: ""

Maybe you want to add “block” to the choices. Otherwise you have to use the revert button to choose that again.

3

Whoops, just realised I was clicking on ‘Create new’ instead of importing it…
But now, when I try using the URL, it says that about.json is invalid or doesn’t exist, asking me if it is a theme.
About.json:

Is there something wrong?

4

Missing comma after license URL.

5

:roll_eyes:
@merefield Would version be in ""?

6

Probably that too. Just look at examples.

7

Thanks! One last one, I can’t seem to get the variable to display.
https://github.com/NateDhaliwal/discourse-persistent-banner/blob/main/common/header.html

Was it because I didn’t initialise it properly? I tried following the guide…

8
  1. don’t use “header.html”, use a proper component (preferably a .gjs file, but .hbs might suffice).
  2. use html-safe helper whenever outputting html from settings or variables.
9

Would I have to use

import Component from "@glimmer/component";

export default class PracticeComponent extends Component {
  get bannerLinks() {
    return JSON.parse(settings.banner_links);
  }
}

then?

10

Look at the billions of examples :stuck_out_tongue_winking_eye:

11

You only need to use a gjs file if you need to process stuff with javascript, otherwise an hbs template file might suffice. Experiment.

12

I’m not sure if I’m going in the right direction.
I made javascripts/persistent-banner.hbs with this:
https://github.com/NateDhaliwal/discourse-persistent-banner/blob/main/javascripts/persistent-banner.hbs

But nothing shows up. Tried putting it in different places, still won’t work.

Tried looking at example, but many don’t seem to help.
Any advice?

13

어떤 플러그인 아웃렛에 배너를 배치하시겠습니까?
Using Plugin Outlet Connectors from a Theme or Plugin 를 참고해 보세요.

https://meta.discourse.org/t/add-a-featured-topic-list-to-your-discourse-homepage/132949?u=moin 을 예시로 사용할 수 있습니다.

플러그인 아웃렛의 이름과 위치를 확인하려면 (deprecated) Plugin outlet locations theme component 을 사용할 수 있습니다. 예를 들어 "above-main-container"는 사이드바 위가 아닌, 주제 목록 바로 위의 가장 상단 영역을 가리킵니다.

image
image1394×583 41.2 KB

비슷한 기능을 추가하는 #customization:theme-component의 코드를 살펴보는 것도 배우는 데 매우 좋은 방법입니다.

14

You do not need and should not put script tags in hbs files. They should be limited to the content of the template.

Don’t stab in the dark, read the guides:

15

So… I managed to get it working without using a hbs file, but instead using the <script> tag with handlebars, and it now works.
I use it like this for now, but I’ll continue to try using a hbs file instead.

16

created a quick pull request for you so you can see the way to split up the files properly. feel free to merge or just have a look at the branch.

https://github.com/NateDhaliwal/discourse-persistent-banner/pull/3

17

Thanks so much! It works now!

18

No worries Nate. Keep up the experimenting, reading and looking at other examples. In no time you’ll be much better than I am at this dev stuff :smiley: :raised_hands:

19

Thanks for the encouragement!