Easy Responsive Footer

알려주셔서 감사합니다. 가능한 한 빨리 수정하겠습니다.

4개의 좋아요

완료되었습니다.

@gormus 님, 웹사이트에서 Easy Footer 테마 구성 요소를 업데이트하면 경고가 사라집니다.

5개의 좋아요

@dax 님, 감사합니다. 이 수정으로 경고 문제가 해결되었습니다.

1개의 좋아요

안녕하세요 - 어떻게 하면 되는지 알아내셨나요? 로고를 추가했는데, 지금 보여 주신 것과 유사하게 두 번째 열에 로고 옆에 어떤 설명 문구를 넣어야 할지 모르겠습니다.

1개의 좋아요

푸터에 기본적인 HTML을 추가해야 하는데, 방법이 있을까요?

1개의 좋아요

이 테마 컴포넌트의 푸터에 더 많은 콘텐츠를 추가하는 것을 의미하나요? 아니면 이 컴포넌트를 사용하지 않고 포럼의 푸터에 기본 HTML만 추가하고 싶은 건가요?

1개의 좋아요

현재 소개글이 있는 이 간단한 푸터에 링크가 있는 로고를 추가하고 싶었어요. HTML을 사용할 수 없고 문자 수 제한이 있다는 걸 몰랐거든요.

일반적으로 사이트 푸터에 DIV를 추가하는 방법은 알겠는데, 그렇게 하면 DIV가 간단한 푸터 위에 표시되어서 별로 좋지 않아요.

1개의 좋아요

저는 직접 푸터를 만들고 테마 편집기를 통해 추가했습니다.

2개의 좋아요

이 컴포넌트가 다크 모드와 라이트 모드를 모두 지원하면 좋겠습니다. 현재는 다크 테마에만 적합합니다.

1개의 좋아요

둘 모두에서 사용 가능하며 CSS로 조정할 수 있어야 합니다:

1개의 좋아요

네, 사용할 수는 있습니다. 하지만 다크/라이트 테마 전환 기능은 없습니다.

2개의 좋아요

아마도 색상 변수나 테마에서 무언가를 오버라이드하고 있는 것 같네요. 제 환경에서는 전환이 되거든요 :thinking:

2개의 좋아요

네, 커스텀 테마에서는 작동하지 않았습니다. 하지만 기본 테마로 전환하면, 다크 테마에서는 하단 푸터가 밝고, 라이트 테마에서는 하단 푸터가 어둡게 표시됩니다. 첨부된 이미지에서 확인할 수 있습니다. 아니면 제 이해가 잘못된 건가요?

1개의 좋아요

무슨 말씀인지 잘 모르겠지만, 제 커스텀 테마에서는 작동했어요. 커스텀 테마에 색상 코드나 변수 오버라이딩이 있는 것 같습니다.

다크 커스텀 테마:

라이트 커스텀 테마:

1개의 좋아요

아, 그게 반대로 된 거였군요. 그렇군요. 음 :thinking: 의도된 것 같습니다. 하지만 커스텀 CSS를 조금만 추가하면 확실히 변경할 수 있습니다.

2개의 좋아요

네, 기본적으로 다크 테마는 밝은 글씨를 사용해야 합니다. 그런데 여기서는 그 반대입니다.

2개의 좋아요

테마의 공통 CSS에서 다음을 시도해 보세요.

.custom-footer {
    background: var(--secondary);
}

.custom-footer .flexbox {
    color: var(--primary);
}

.custom-footer .first-box .blurb {
    color: var(--primary-high);
}

.custom-footer .footer-section-link-wrapper a {
    color: var(--primary-high);
}

.custom-footer .third-box .social .social-link .d-icon {
    color: var(--primary);
}

.custom-footer .third-box .small-link {
    color: var(--primary-high);
}
3개의 좋아요

모든 기능이 이제 정상적으로 작동합니다. 다만 라이트 테마에서는 푸터와 콘텐츠 사이를 구분하기 위해 푸터의 회색 배경을 유지해야 합니다. 현재 그러한 경계가 없습니다.

2개의 좋아요

여기서는 대신 var(--secondary-high) 또는 var(--primary-low)를 사용할 수 있습니다.

관리 설정에서 스타일 가이드가 활성화되어 있다면, 어떤 변수를 사용해야 하는지에 대한 추가 정보를 얻으려면 테마에서 https://[your forum address]/styleguide/atoms/colors를 참고할 수 있습니다.

3개의 좋아요

매우 좋습니다! 감사합니다! 이제 모든 것이 정상적으로 작동합니다.

2개의 좋아요