햄버거 메뉴에서 항목 숨기기

[attj]

햄버거 메뉴에서 태그와 같은 일부 항목을 제거하고 싶습니다.

CSS를 사용하면 가능하다는 유사한 글을 확인했습니다: How can I disable "About" menu in hamburger menu?

하지만 플러그인에서 이 CSS를 어디에 넣어야 할지 확실하지 않습니다.

[Don]

안녕하세요,

이를 위해 새로운 컴포넌트를 생성해야 합니다.

1. /admin/customize/themes/ 경로로 이동하세요.
   커스터마이즈 → 테마

2. 컴포넌트 탭을 클릭한 다음 설치 버튼을 클릭하세요.

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

   

4. 생성 버튼을 클릭하세요.

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

   

6. 이제 CSS/HTML 편집 버튼을 클릭하세요.
   

   

7. 이제 공통(COMMON) 탭을 클릭하고 아래 코드를 CSS 섹션에 붙여넣으세요.
   

   

여기서 title 속성도 지정할 수 있지만, href를 지정한 것이 더 좋습니다. href는 고정되어 있는 반면, title은 언어에 따라 변경되므로 이상적이지 않기 때문입니다.

.menu-panel li a.widget-link {
  &[href="/tags"] {
    display: none;
  }
}

이 예제에서는 태그를 숨기도록 설정했지만, 아래 코드를 참고하여 더 많은 항목을 추가할 수 있습니다.

이 코드는 태그와 배지를 숨깁니다.

.menu-panel li a.widget-link {
  &[href="/tags"],
  &[href="/badges"] {
    display: none;
  }
}

저장을 클릭하세요. 완료!

[attj]

이 답변에서 정말 많은 것을 배웠습니다. 정말 감사합니다!