# Has anyone added a custom footer to Discourse?

**URL:** <https://meta.discourse.org/t/has-anyone-added-a-custom-footer-to-discourse/31745>\
**Category:** Product Support\
**Created:** [8월 4, 2015, 2:41오후 UTC](https://meta.discourse.org/t/has-anyone-added-a-custom-footer-to-discourse/31745 "2015-08-04T14:41:17Z")\
**Posts on this page:** 1\
**Showing post:** 10

<div class="post-metadata">

**Author:** ![evolvable](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/evolvable/32/191033_2.png) [@evolvable](https://meta.discourse.org/u/evolvable)\
**Post date:** [8월 20, 2020, 10:22오전 UTC](https://meta.discourse.org/t/has-anyone-added-a-custom-footer-to-discourse/31745/10 "2020-08-20T10:22:36Z")

</div>

## 2020년에 이 기능을 찾는 방법에 대한 업데이트된 설명

1. 햄버거 메뉴 \> 설정 \> 사용자 지정 \> [테마 선택] \> “CSS/HTML 편집” 버튼 \> 푸터
2. 상자에 사용자 정의 HTML을 입력한 후 '저장’을 누릅니다.
3. 사용자가 선택할 수 있는 각 테마에 대해 이 과정을 반복합니다.

## 적절하고 기본적인 저작권 섹션

기본 라이트 테마와 다크 테마 모두에서 잘 작동한다고 생각한 다음 HTML을 사용하여 저작권 푸터를 시작했습니다:

```html
<div style="text-align: center; color: #999; font-size: 90%; padding: 2em 0;">
Copyright &copy; 2020 INSERT YOUR COMPANY HERE. All rights reserved.
</div>

```

### 연도 자동 업데이트

물론 12개월마다 푸터의 연도를 변경해야 하는 것은 원치 않으므로, 푸터에 다음 HTML이 포함되도록 업그레이드했습니다:

```html
<div style="text-align: center; color: #999; font-size: 90%; padding: 2em 0;">
Copyright &copy; <span id="footer-copyright-current-year"></span> INSERT YOUR COMPANY HERE. All rights reserved.
</div>

```

그리고 `</body>` 섹션에는 다음을 넣었습니다(이상적인 코드는 아닐 수 있지만, 저는 Discourse 해킹에 익숙하지 않습니다):

```html
<script>
    function setCopyrightYear() {
        var el = document.getElementById("footer-copyright-current-year");
        if (el) {
            el.innerHTML = new Date().getFullYear();
        } else {
            setTimeout(setCopyrightYear, 100);
        }
    }
    document.addEventListener("DOMContentLoaded", setCopyrightYear);
</script>

```

다시 강조하지만, 표시되기를 원하는 모든 테마에 복사/붙여넣기해야 합니다.

---

_[View the full topic](https://meta.discourse.org/t/has-anyone-added-a-custom-footer-to-discourse/31745)._
