워드프레스 Enfold 테마에서 탭 섹션 요소(Tab Section Element) 사용하기

워드프레스 인기 테마 중 하나인 Enfold 테마에서는 탭과 관련된 요소(엘리먼트)로 Tab Section 엘리먼트와 Tabs 엘리먼트가 있습니다.

Tab Section은 레이아웃 엘리먼트이고 Tabs는 콘텐츠 엘리먼트입니다. 즉, Tab Section은 섹션 레이아웃을 추가하는 요소이고, Tabs는 콘텐츠를 추가하는 요소입니다.

Tab Section은 Avia Layout Builder에서 Layout Elements 아래에서 선택이 가능합니다.

반면 Tabs 요소는 Content Elements에서 선택할 수 있습니다.

Tab Section을 더블 클릭하거나 끌어다 놓으면 다음과 같은 모양으로 추가됩니다.

Tab 1, Tab 2... 아래에 각각 레이아웃 요소나 컨텐츠 요소를 배치할 수 있습니다. 그리고 탭 이름 부분에는 아이콘이나 이미지가 표시되도록 설정할 수 있습니다.

탭 이름 중 하나를 클릭하면 Edit Tab(탭 편집) 화면이 표시됩니다.

반면 Tabs 요소는 컨텐츠 요소로서, 콘텐츠를 직접 입력할 수 있습니다.

Enfold 테마에서 Tab Section을 사용하면 다음과 같이 이미지를 클릭하면 각각의 콘텐츠가 표시되도록 만들 수 있습니다.

탭 타이틀 위에 Enfold에서 제공하는 아이콘을 표시하거나 직접 이미지를 업로드할 수 있습니다.

참고:

• 워드프레스 Enfold 테마에서 제공하는 블로그/매거진 엘리먼트