헤더에서 Votes 항목과 My Votes 항목의 순서를 어떻게 변경할 수 있나요? 현재 제 사이트에서는("Votes"를 "Top-Voted"로 이름 변경했으며, 기본 "Top"은 "Active"로 변경했습니다. 둘 다 있으면 혼란스러워서요.):
Top-Voted와 My Votes를 Active와 Bookmarks 사이에 배치하고 싶은데:
모두에서 상자에서 제거하고, 원하는 순서로 추가하세요.
제목에서 이 내용을 새 스레드로 분리한 누군가가 내 질문이 명확하지 않다는 걸 알 수 있습니다.
일반적으로 상단 메뉴 항목의 순서를 변경하는 방법은 알고 있습니다. 그리고 그 방법이 직관적이지는 않지만 "제거 후 다시 추가"라는 트릭이 있다는 것도 이해하고 있습니다. 하지만 그 트릭은 이미 알고 있습니다. 그게 제 문제가 아닙니다.
제 문제는 이렇습니다: Voting 플러그인이 활성화되면 메뉴 목록에 "Votes"와 "My Votes"라는 새 항목이 나타납니다. 이 항목들을 “상단 메뉴” 설정에 추가하려고 하면(위 사진처럼) 추가할 수 없습니다. "You specified the invalid choice votes"라는 오류 메시지가 표시됩니다.
다른 이름을 사용해야 하나요? 아니면 다른 방법이 있나요?
참고로, 나는 다음 순서를 원합니다.
최신 | 활성 | 최고 투표 | 북마크
… “내 투표” 항목을 아예 표시할 필요가 없다고 생각합니다. 우리는 이 기능을 “좋아하는 모든 것에 투표하기” 방식보다는 “일부 즐겨찾기에 가중치를 부여하기” 방식으로 사용하고 있기 때문입니다.
여기에 설명된 대로 내비게이션 바 항목을 다시 정렬했습니다
원하시는 대로 순서를 변경할 수 있습니다. 현재 표시되는 항목을 기반으로 사이트에서 새로운 테마 컴포넌트를 찾을 수 있습니다.
“상단 메뉴” 설정에 표시되지 않는 비정형 버튼이 있는 경우, navbar 요소가 flex 속성을 사용하므로 CSS를 통해 순서를 변경하면 됩니다. 아래 예시를 참고하세요:
/*이 특정 사례에서는 투표 플러그인이 한 카테고리에서만 활성화되어 있으므로
해당 카테고리에서만 navbar를 수정합니다. {your-category-slug}를
대상 카테고리의 슬러그로 변경하세요*/
.category-{your-category-slug} #navigation-bar {
/*최신*/
:nth-child(1) {
order: 1;
}
/*안 읽음*/
:nth-child(2) {
order: 2;
}
/*새로 추가*/
:nth-child(3) {
order: 3;
}
/*최다 투표*/
:nth-child(4) {
order: 5;
}
/*내 투표*/
:nth-child(5) {
order: 6;
}
/*활성*/
:nth-child(6) {
order: 4;
}
/*북마크*/
:nth-child(7) {
order: 7;
}
}
@dax님, 감사합니다! CSS의 “nth-child” 값은 top-menu 설정의 순서에 따라 달라지는 건가요, 아니면 어딘가에 고정된 값인가요? 예를 들어, 설정 목록에서 “Active”(즉, “Top”)를 제거하면 CSS도 함께 업데이트해야 하는 건가요?
그리고 (위에서 고민했듯이) "My Votes"를 숨기고 싶다면 어떻게 해야 하나요?
네.
CSS에 display: none;을 추가하면 됩니다. 예를 들어:
/*My Votes*/
#navigation-bar :nth-child(5) { order: 6; display: none;}