특정 카테고리에서 사이드바 숨기기

개발
1

안녕하세요,

특정 카테고리의 게시물이 열려 있을 때 사이드바를 숨기는 방법이 무엇인지 아시는 분이 있을까요?
기본적으로는 사이드바를 표시하되, 해당 카테고리의 게시물에서는 표시하지 않으려 합니다. 예를 들어, “시작” 카테고리 같은 경우요.

2

저도 그걸 해보고 싶네요.

이 CSS가 잘 작동할 거예요.

아래 필드에 카테고리 슬러그를 입력하고 코드를 복사하세요. 그런 다음 테마의 데스크톱 CSS에 붙여넣으면 됩니다. 이제 준비 완료!


(하위 카테고리를 대상으로 하는 경우, parentslug-subcatslug 형식을 사용하세요)

// 지정된 카테고리의 사이드바를 숨깁니다
body.has-sidebar-page.category-=CategorySlug= {
    #main-outlet-wrapper {
        grid-template-columns: 0 minmax(0, 1fr);
        gap: 0;
        padding-left: 10px;
     }
     .wrap {
       max-width: var(--d-max-width);
     }
}

@Lilly - 이것이 Navigation (sidebar) menu display control 의 기능으로 작동할까요?

3

매우 유용했습니다. 방금 테스트해 보았습니다. 감사합니다!

/tags 페이지에서도 숨길 수 있을까요? body.has-sidebar-page.tags는 올바른 선택자가 아닙니다.

4

물론이죠. 해당 컴포넌트에 추가하겠습니다. 제안과 코드에 감사드립니다 :slight_smile:

5

타겟팅하려는 페이지의 태그에서 클래스를 검사해 보면, 사용해야 할 클래스를 확인할 수 있습니다.

이 경우, body.has-sidebar-page.tags-page를 사용하면 해결됩니다.