사이드바에서 메뉴 섹션 순서를 어떻게 제어하나요?

[Lilly (Lillian)]

안녕하세요, CSS를 사용하여 사이드바 섹션의 순서를 제어할 수 있습니다. 다음과 유사한 CSS 코드가 포함된 새 컴포넌트를 추가하기만 하면 됩니다. admin -> themes & compontents -> components로 이동하여 새 로컬 컴포넌트를 생성하세요.

그런 다음 CSS 탭에 이 코드를 추가하세요. 여기서 custom-section-name은 사용자 정의 메뉴 섹션의 슬러그 이름입니다:

.sidebar-wrapper { 
  .sidebar-custom-sections {
    display: contents;
  } 
  [data-section-name="community"] {
    order: -4;
  }
  [data-section-name="categories"] {
    order: -3;
  }
  [data-section-name="tags"] {
    order: -2;
  }
  [data-section-name="custom-section-name"] {
    order: -1;
  }
}

CSS 탭 스크린샷

사용자의 특정 요구 사항에 맞게 위의 코드에서 숫자를 변경하고 사용자 정의 섹션을 추가해야 합니다. 결과는 다음과 유사해 보입니다: