9 years, 8 months 전-
워드프레스를 이용하여 간단한 상품페이지를 만들고 있습니다.
우커머스 플러그인을 이용하여 상품을 나타내주며
메인은 전체페이지
각 탭들은 해당하는 카테고리에 맞는 상품페이지입니다.
예를들어 학용품에 대한 상품 사이트라면
전체보기 / 연필 / 지우개 / 필통
이런식으로 메뉴구성이 가능한데,
우커머스 설정에서 전체보기 페이지에 상품페이지로 설정하면 전체보기에서
상품들이 카테고리에 상관없이 다보이게 됩니다.
연필과 지우개는 사용자 정의 링크로 카테고리를 링그걸어버렸는데
위와 같이 임시 버튼을 눌렀을때 처럼 반전인 상태로 유지가 되지 않습니다.
일단 페이지를 추가하면 색이 반전되는데
사용자 정의 링크로 메뉴에 추가하면 색이 반전되지 않는 경우에는 어떤 설정이 필요할까요?
post_type은 메뉴 반전이 유지가 되는데 custom (사용자 정의 링크)는 클릭시 이동은 가능하지만 색 반전이 유지되지 않습니다.
도와주시면 감사하겠습니다.
‘WordPress Custom Menu Active Class’
위의 문구로 검색하면 지겹도록 같은 코드 스니핏이 나옵니다. 코덱스에서도 있고요. 아래 코드를 사용하면 됩니다.
https://gist.github.com/vjinn/2d7d415e178e6367152c
위 코드를 사용하는 방법은
- 사용하는 테마의 functions.php 파일에 그냥 붙여 넣기
- 적당한 파일명 (예, mycac.php) 지정하여 플러그인 디렉터리에 넣고 활성화 후 적용하기
- Must Use 플러그인 방법으로 사용하기 (파일 소스 맨 위에
<?php코드만 넣으면 됩니다.
위에서 2, 3번 째 방법으로 처리할 때는 아래 링크 댓글 참고하세요.
답글 감사합니다.
첫번째 functions.php에 넣었을경우
흰화면에 빈 페이지가 뜨게 됩니다.
두번째 파일생성후 코드 추가 또한 흰화면 빈페이지에
설정창 이동시 500 오류가 등장합니다..
답변감사합니다.
플러그인을 실행해도,
메뉴탭에서 사용자 정의 링크는 여전히 페이지이동은 되나
클릭으로 페이지이동시 메뉴탭의 색이 고정되어 있지 않고
선택이 되지 않은 색으로 유지되어있습니다.
문제는 해결되지 않았지만..
도와주셔서 감사합니다..
문제 해결이 되지 않고, 댓글이 여러 번 오가는 것은 질문자의 Url 정보를 알 수 없다는 것이 핵심 이유입니다. 짐작과 짐작으로 주고 받는 댓글이라는 뜻입니다.
코드에서 ‘active’ 클래스를 사용하는 테마에 맞도록 변경해 보세요. 다시 말해, 스타일이 적용되는 메뉴를 클릭했을 때 소스를 확인하여 해당 메뉴에 어떤 클래스가 추가되는지 확인하여 그 클래스를 ‘active’와 대체한 후 확인하세요. 플러그인으로 설치했으니 관리페이에서 해당 플러그인을 직접 편집할 수 있을 겁니다.
질문에 올린 이미지를 보면
menu-item-type-post_type부분이 보이는데 이 클래스를 active와 대체해 보는 순서로 처리해 보세요. 이 클래스는 보통 추가되는 클래스이긴 하지만.
- 답변은 로그인 후 가능합니다.