홈 화면에 아이콘이 있는 푸터를 만들 수 있는 방법이 있나요? (모바일 사용자 전용, 토픽 위에 겹치게)

개발
1

홈페이지(그리고 모든 페이지)에 푸터를 생성하는 방법을 고민 중인데, 그 푸터에 다른 옵션으로 접근할 수 있는 아이콘을 포함시키고 싶습니다. 스크립트, CSS 또는 어떤 컴포넌트 테마를 통해 이런 것을 구현할 수 있는 방법이 있을까요?

2

네, CSS의 특정 섹션에 코드를 추가한 다음, 홈페이지에서만 표시되도록 하는 방법을 찾아보세요 (아마도 관련 팁이 있을 것입니다).

3

이것을 사용할 수 있는 멋진 컴포넌트를 찾았습니다! 이게 현재 가장 최신 버전인지 알고 계신가요?

아니면 더 새로운 컴포넌트가 있나요?

4

“footer”, “sticky footer” 같은 용어를 입력해도 정확히 필요한 것을 찾지 못한다면, 누군가에게 돈을 주고 맡기거나 직접 해야 할 가능성이 높습니다.

직접 커스텀 푸터를 만들어 보고 싶다면, 아래는 시작점입니다.

포럼에서 새로운 테마 컴포넌트를 생성하세요. Edit CSS/HTML, :iphone: Mobile 탭 → Body에 다음 HTML 코드를 입력하세요:

<div id="footer-test">
    test footer
</div>

:iphone: Mobile 탭 → CSS에 다음 SCSS 코드를 입력하세요:

#footer-test {
    position: sticky;
    bottom: 0;
    z-index: 2;
    height: 80px;
    background: red;
    text-align: center;
    body[class=""] & { // 스플래시 화면 표시 중 푸터가 표시되지 않도록 방지
        display: none;
    }
}

결과:
chrome_fLvmktTnqY

5

도와주셔서 감사합니다. 하지만 여기서 이 컴포넌트를 찾아서 작동하도록 만들었습니다.

이제 마지막 버튼에 추가 옵션을 넣을 수 있는지 알아야 합니다.