케이테마 v2

컨테이너와 기본 위젯 이해

예상 읽기 시간:1분 33 조회수
적용 대상신규·기존 케이테마 공통
작업 위치Elementor 편집기
작업 시간15분

Elementor 페이지는 큰 상자와 작은 상자를 쌓아 만드는 방식입니다. 큰 상자를 컨테이너, 안에 넣는 제목·글·이미지·버튼을 위젯이라고 생각하면 됩니다.

시작하기 전에

이름쉬운 설명예시
컨테이너내용을 담는 상자한 줄짜리 소개 영역
위젯상자 안에 넣는 요소제목, 이미지, 버튼
탐색기상자 구조를 보는 목록복잡한 페이지 정리
반응형기기별로 보이는 모습PC·모바일 여백

1. Elementor로 페이지 열기

관리자에서 페이지 → 모든 페이지를 열고 수정할 페이지의 Elementor로 편집을 선택합니다. 처음에는 공개 중인 페이지가 아니라 복제본 또는 테스트 페이지에서 연습하세요.

케이테마 v2 페이지를 연 Elementor 편집기 화면
페이지를 Elementor로 열면 왼쪽 패널과 가운데 캔버스가 함께 표시됩니다.

2. 컨테이너 추가

왼쪽 패널의 더하기 버튼으로 컨테이너를 추가합니다. 처음에는 한 줄짜리 컨테이너를 만들고, 안에 제목과 텍스트 위젯을 하나씩 넣어 구조를 익힙니다.

Elementor 컨테이너 레이아웃 설정 화면
컨테이너는 섹션의 가로 폭과 정렬 기준을 만드는 기본 구조입니다.

3. 기본 위젯 넣기

제목, 텍스트 편집기, 이미지, 버튼 위젯을 차례로 넣어 봅니다. 위젯을 드래그하기 어렵다면 탐색기에서 컨테이너 이름을 선택해 위치를 확인하세요.

Elementor 왼쪽 위젯 패널의 기본 위젯 목록
텍스트·이미지·버튼 같은 기본 위젯을 컨테이너 안에 넣어 구성합니다.

4. 저장 전 구조 확인

컨테이너 안에 위젯이 들어 있는지 탐색기에서 확인하고, 빈 컨테이너는 삭제합니다. 구조가 단순할수록 나중에 수정하기 쉽습니다.

완료 확인

확인 항목완료 기준
구조컨테이너 안에 필요한 위젯만 있음
화면제목·글·이미지가 의도한 순서로 보임
저장업데이트 후 미리보기에서 결과가 보임
복구문제 시 Elementor 되돌리기 기록을 확인함

기존 테마 사용자

기존 페이지는 섹션·컬럼 구조를 사용할 수 있습니다. 기존 Elementor 사용법을 유지해 확인하고, 오래된 페이지 구조를 한 번에 컨테이너로 바꾸지 마세요.

페이지 공유

컨테이너와 기본 위젯 이해

URL 주소 공유

목차