5 years, 5 months 전-
안녕하세요! 워드프레스 공부 시작한지 한달쯤 되어가는 초보입니다.
현재 아바다 테마를 이용하고 있어, 아바다 자체에서 제공하는 “퓨전 빌더”의 사용법을 조금씩 이해하고 있습니다.
제가 몇번 사용해보면서 이해한 바로는, 퓨전빌더를 사용해서 페이지를 만들때 먼저 컨테이너를 추가하고, 그다음 컨테이너 안을 쪼개서 칼럼을
넣고, 칼럼은 퓨전 엘리먼트 (탭, 버튼, 슬라이더 등등) 구성되어 있는 것 같습니다.
사실 제가 하고 싶은 질문은,
아바다 퓨전 엘리먼트중 하나인 “탭”을 사용해서
매 탭마다 하나의 컨테이너를 지정할 수 있을까요?
예를 들어
탭이 A B C D E F 로 이루어져 있으면
탭중 A 를 클릭하면 지정한 컨테이너a 를 보여주고
B를 클릭하면 컨테이너b,
C를 클릭하면 컨테이너c 를 보여주는 식입니다.
제 질문에 대한 이해를 돕기위해 조금 더 적어보겠습니다.
페이지A – 컨테이너 1 => 페이지B – 컨테이너1
컨테이너2.1 컨테이너2.0(탭) — 컨테이너2.1,컨테이너2.2,컨테이너2.3
컨테이너2.2 컨테이너3
컨테이너2.3 컨테이너4
컨테이너3
컨테이너4
위와 같이 페이지A가 컨테이너1, 그리고 동일한 요소를 담고 있는 2.1 2.2 2.3 , 별개의 컨테이너 3 , 컨테이너4를 담고있는 페이지라면
2.1 2.2 2.3은 비슷한 요소를 담고 있기 때문에, 이를 탭으로 정리하기 위해
탭을 포함한 컨테이너2.0을 만들어 페이지B와 같은 꼴로 정리하고 싶은 것입니다.
이상입니다!
읽어주셔서 감사합니다!
추측컨데 빌더 요소로 제공이 되는 탭 구조로는 뭔가 구조 만들기가 어려워서 그런 것인가요?
탭 구조가 일단 있긴 있습니다.
빌더는 화면에 웹 페이지 요소들을 쉽게 구성을 하기 위한 도구로 보시면 되고요,
빌더로 직접 표현이 어려운 건 응용만 하면 불가능한 건 없다고 봅니다.
컨테이너 또한 어떤 버튼을 나열하고 클릭을 하면 약속된 클래스 (active)를 추가하고 빼고 해서 그걸 노출할 수 있습니다.
active 인 클래스가 있는 경우 display > block, 없으면 display > none 인 방식이거든요
이 동작은 우선 위의 기본 탭 구조를 브라우저의 개발자 도구로 확인해 보시면 됩니다.
- 답변은 로그인 후 가능합니다.