워드프레스에서 코드를 몰라도 페이지를 원하는 대로 꾸밀 수 있게 해 주는 도구가 엘리멘터(Elementor)입니다. 전 세계에서 가장 많이 쓰이는 페이지 빌더로, 국내 제작 실무에서도 널리 사용됩니다. 기본 개념만 잡으면 수정 작업의 절반은 해결됩니다.

드래그 앤 드롭으로 편집하는 방식

플러그인 → 새로 추가에서 Elementor를 설치하고 활성화한 뒤, 페이지 편집 화면 상단의 ‘엘리멘터로 편집’ 버튼을 누르면 전용 편집기가 열립니다. 왼쪽 패널에서 원하는 요소를 끌어다 화면에 놓으면 그대로 배치되고, 결과가 실시간으로 보이기 때문에 미리보기를 오가며 확인할 필요가 없습니다.

섹션·컬럼·위젯, 세 단계 구조만 이해하면 됩니다

엘리멘터 화면은 큰 틀에서 세 단계로 짜입니다.

• 섹션: 가로로 긴 구역입니다. 배경색이나 배경 이미지는 보통 여기에 겁니다.
• 컬럼: 섹션을 세로로 나눈 칸입니다. 2단, 3단 레이아웃을 만드는 단위입니다.
• 위젯: 컬럼 안에 들어가는 실제 콘텐츠입니다. 제목, 이미지, 버튼, 동영상이 모두 위젯입니다.

수정하고 싶은 요소를 클릭하면 왼쪽 패널이 해당 위젯의 설정으로 바뀝니다. 콘텐츠·스타일·고급 탭 순서로 살펴보면 대부분의 옵션을 찾을 수 있습니다.

무료 vs 프로, 그리고 속도 문제

무료 버전만으로도 일반적인 회사 소개 페이지는 충분히 만듭니다. 프로 버전은 헤더·푸터 편집, 팝업, 폼 위젯 등이 추가되는 대신 연 단위 구독료가 듭니다. 엘리멘터는 테마 위에서 동작하므로 궁합이 좋은 테마를 고르는 일도 중요합니다. 워드프레스 테마 가이드에 선택 기준을 정리해 두었습니다.

섹션을 한 페이지에 수십 개씩 쌓고 위젯마다 애니메이션을 걸면 로딩 속도가 눈에 띄게 느려집니다. 꼭 필요한 요소만 쓰는 것이 엘리멘터를 잘 쓰는 비결입니다.

※ 엘리멘터로 만든 페이지는 플러그인을 비활성화하면 레이아웃이 무너집니다. 도입 전에 앞으로도 계속 유지할 도구인지 판단하고 시작하는 편이 좋습니다.

직접 만지다 레이아웃이 틀어졌거나 사이트가 느려졌다면, 복구부터 속도 최적화까지 IDC.KR 유지보수에 맡기고 본업에 집중하세요.