# 햄버거 섹션에 HTML 코드를 추가하는 법을 알려주세요

**URL:** https://meta.discourse.org/t/help-me-to-append-html-code-on-hamburger-section/152297
**Category:** Support
**Created:** [5월 22, 2020, 6:12오전 UTC](https://meta.discourse.org/t/help-me-to-append-html-code-on-hamburger-section/152297 "2020-05-22T06:12:34Z")
**Posts on this page:** 1
**Showing post:** 2

<div class="post-metadata">

### Author: ![Bcat](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bcat/32/163148_2.png) [@Bcat](https://meta.discourse.org/u/Bcat)
#### Post date: [5월 22, 2020, 6:31오전 UTC](https://meta.discourse.org/t/help-me-to-append-html-code-on-hamburger-section/152297/2 "2020-05-22T06:31:45Z")

</div>

**handlebars 커넥터** 와 `api.onPageChange`에 대해 알아야 할 것 같습니다.

```plaintext
<script type="text/x-handlebars" data-template-name="/connectors/abc/xyz">
    {{mount-widget widget = "xyz"}}
</script>

```

```plaintext
api.onPageChange ((url, title) => {
});

```

가장 쉬운 방법은 토픽 템플릿을 살펴보는 것입니다.

`decorateWidget`

> [@A tour of how the Widget (Virtual DOM) code in Discourse works](https://meta.discourse.org/t/a-tour-of-how-the-widget-virtual-dom-code-in-discourse-works/40347/44?u=bcat):
>
> I was trying: api.decorateWidget("hamburger-menu:generalLinks", \_ =\> { return [{ route: 'birthdays', label: 'birthdays.title' }, {route: 'another', label: 'another.title' }]; });

[https://github.com/hnb-ku/discourse-custom-hamburger-links/blob/master/common/header.html](https://github.com/hnb-ku/discourse-custom-hamburger-links/blob/master/common/header.html)

> [@Developing Discourse Themes & Theme Components](https://meta.discourse.org/t/developer-s-guide-to-discourse-themes/93648):
>
> Discourse Themes and Theme Components can be used to customize the look, feel and functionality of Discourse’s frontend. This section of the developer guides aims to provide all the reference materials you need to develop simple themes for a single site, right up to complex open-source theme components. This introduction aims to provide a map of all the tools and APIs for theme development. If you prefer a step-by-step tutorial for theme development, jump straight to: Themes vs. Theme Compon…

> [@(deprecated) Plugin outlet locations theme component](https://meta.discourse.org/t/plugin-outlet-locations-theme-component/100673):
>
> mega the ability to debug plugin outlets is now included in core. Check out [this topic](https://meta.discourse.org/t/introducing-discourse-developer-toolbar/346215) for more details play_button Original theme component info

---

_[View the full topic](https://meta.discourse.org/t/help-me-to-append-html-code-on-hamburger-section/152297)._