인기 워드프레스 페이지 빌더인 엘리멘터(Elementor)를 사용하면 코딩 지식이 없어도 드래그 앤 드롭 방식으로 쉽게 사이트를 만들 수 있습니다. 엘리멘토에서 컬럼을 추가한 후에 컬럼 개수를 늘리거나 줄이고 싶은 경우가 있습니다. 그런 경우에도 쉽게 열 개수를 추가하거나 삭제할 수 있습니다.
엘리멘터 (Elementor) 컬럼 추가하기/삭제하기
워드프레스 엘리멘터 페이지 빌더에서 구조를 추가한 후에 컬럼(열)을 늘리거나 줄이고 싶은 경우 오른쪽 마우스 버튼을 클릭하여 추가하거나 삭제하는 것이 가능합니다.
Elementor에서 새 섹션 추가 버튼을 클릭하면 먼저 열 구조를 선택하는 화면이 표시됩니다.
위의 그림에서 더하기 모양의 아이콘을 클릭하면 아래에 선택 가능한 구조가 표시됩니다.
다음과 같은 열 구조를 선택할 수 있습니다.
- 1열
- 2열 (1/2+1/2)
- 3열 (1/3+1/3+1/3)
- 4열 (1/4+1/4+1/4+1/4)
- 1/3+2/3
- 2/3+1/3
- 1/4+1/4+2/4
- 2/4+1/4+1/4
- 1/4+2/4+1/4
- 5열 (1/5+1/5+1/5+1/5+1/5)
- 6열 (1/6+1/6+1/6+1/6+1/6+1/6)
- 1/6+4/6+1/6
원하는 구조를 선택합니다. 예를 들어, 3열을 선택하면 3개 열로 된 구조가 추가됩니다.
개별 열에 요소 추가 아이콘(플러스 모양 아이콘)을 클릭하여 요소(엘리먼트)를 추가할 수 있습니다.
예시로 Price Table 요소를 추가해보았습니다. (Price Table 등 일부 위젯은 엘리멘터 프로 버전에서 제공됩니다.)
3열로 되어 있는데, 열을 추가하고 싶은 경우 오른쪽 마우스 버튼을 클릭하고 새 컬럼 추가를 클릭하면 열이 추가됩니다.
열을 삭제하고 싶은 경우 삭제할 열 위에 오른쪽 마우스 버튼을 클릭하고 삭제를 클릭합니다.
섹션 설정에서 레이아웃 탭 > 구조에서 다른 구조로 바꿀 수도 있습니다.
위의 그림에서는 3열 레이아웃을 선택할 때의 구조 옵션을 보여줍니다. 3열로 선택할 때에는 위의 그림과 같이 3개의 열로 된 다른 구조(예: 1/4+1/4+2/4)로 변환이 가능합니다. 열 개수를 4개로 늘리고 싶을 때에는 앞서 설명한 방법으로 새 컬럼 추가 메뉴를 사용하여 열을 추가하도록 합니다.
참고
https://avada.tistory.com/2337
https://avada.tistory.com/1472
https://avada.tistory.com/2335