Home 게시판 커뮤니티 Q&A tap 메뉴에 각각 링크로 걸어주는 방법을 알고싶습니다.

1개 답변, 2 voices Last updated by Avatar of oksambarioksambari 5 years, 8 months 전
  • Avatar of busloverbuslover
    Participant
    @buslover
    #52868

    안녕하세요
    제가 아직 초보이다 보니 어찌해야 할지 몰라 이렇게 글을 남깁니다.
    위 첨부 이미지 처럼 서브페이지에 탭을 이용하여 또 페이지를 만들었습니다.

    그런데 메인 페이지에 각 탭별로 이동 할 수 있는 버튼을 만들어 놓은 상태입니다.
    해당 탭이 열릴 수 있는 방법을 모르겠습니다.

    현  사용하는  테마는  The 7이며  테마 내부에 있는 Advanced Tabs을 이용하였습니다.
    회원 여러분들의 지식을 부탁드립니다.

    Avatar of oksambarioksambari
    Participant
    @oksambari
    #52869

    저도 탭을 이용하면 말씀하신 이런 현상때문에 매번 아쉬움이 남았었는데요

    저는 해법으로 이렇게 문제를 풀었습니다.

    자바스크립트 코드 중에 # 주소를 체크해서 변수로 받는 게 있더라고요

    예)

    var hash = location.hash.replace(“#”,””);

    if (hash) {
    $(‘.tab-content’).css(‘display’,’none’);
    $(‘ul.tab-type li’).removeClass(‘on’);
    }

    (해쉬를 가지고 있다면 일단 탭에 있는 클래도 제거하고 컨텐츠도 모두 안 보이게 처리)

     

    즉, 상단 메뉴에 구성된 각 해쉬를 가진 대메뉴를 타고 해당 페이지로 들어오면

    주소에 어떤 해쉬를 갖고 있는가에 따라

    저 탭 구조에서 active 될 버튼을 맞게 바꿔주면 됩니다.  (jQuery로 처리)

    페이지빌더마다 active되는 탭 버튼 및 아래 컨텐츠가 표시될 때의 클래스 명이 달라서 이건 한 번 시도를 해 보세요

     

     

     

     

     

     

    Avatar of oksambari
    Publishing Homepage [&] Blogging about WP.
    Wordpress를 워드프레스답게!
2 글 보임 - 1에서 2 까지 (총 2 중에서)
  • 답변은 로그인 후 가능합니다.