FKB Pro - 소셜 테마

[Don]

안녕하세요,

이 공지에 따라 원격 테마를 직접 편집할 수 없습니다.

직접 편집하는 대신 테마에 연결할 수 있는 새 컴포넌트를 만들 수 있습니다.

헤더의 가입 버튼에 아이콘을 추가하려는 것으로 보입니다.

다음 단계를 따라 수행하세요:

1. /admin/customize/themes/
   커스터마이즈 → 테마로 이동합니다.

2. 컴포넌트 탭을 클릭한 다음 설치 버튼을 클릭합니다.

3. 팝업 창에서 새로 만들기 버튼을 클릭하고 새 컴포넌트 이름을 입력합니다.
   

   

4. 만들기 버튼을 클릭합니다.

5. 컴포넌트가 생성되었습니다. 이제 활성화할 FKB Pro 테마를 선택합니다.
   

   

6. CSS/HTML 편집 버튼을 클릭합니다.
   

   

7. 헤더 탭을 클릭하고 해당 섹션에 아래 코드를 붙여넣습니다.
   

   

<script type="text/discourse-plugin" version="0.8.13">
api.reopenWidget("header-buttons", {
      tagName: "span.header-buttons",

  html(attrs) {
    if (this.currentUser) {
      return;
    }

    const buttons = [];

    if (attrs.canSignUp && !attrs.topic) {
      buttons.push(
        this.attach("button", {
          label: "sign_up",
          className: "btn-primary btn-small sign-up-button",
          action: "showCreateAccount",
          icon: "user"
        })
      );
    }

    buttons.push(
      this.attach("button", {
        label: "log_in",
        className: "btn-primary btn-small login-button",
        action: "showLogin",
        icon: "user"
      })
    );
    
    return buttons;
  }
});
</script>

8. 저장을 클릭합니다.