컨테이너와 기본 위젯 이해

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

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

시작하기 전에

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

1. Elementor로 페이지 열기

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

개발 사이트에서 열린 Elementor 편집기와 왼쪽 위젯 패널
왼쪽 패널에서 위젯을 고르고 가운데 캔버스에서 컨테이너 구조와 결과를 함께 확인합니다.

2. 컨테이너 추가

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

3. 기본 위젯 넣기

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

4. 저장 전 구조 확인

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

완료 확인

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

기존 테마 사용자

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

페이지 공유

컨테이너와 기본 위젯 이해

URL 주소 공유

목차