기능
단지 「붙여넣기」가 아니라 — 편집 가능한 Elementor 페이지로
레이아웃부터 아이콘까지, 색상부터 반응형까지, 도구는 HTML의 모든 세부를 Elementor에서 실제로 바꿀 수 있는 것으로 변환합니다.
네이티브 구성요소 변환
제목·텍스트·이미지·버튼·아이콘·구분선·동영상이 네이티브 Elementor 위젯으로 변환됩니다 — 죽은 HTML 덩어리가 아니라 블록 단위로 편집 가능.
Grid 및 Flex 레이아웃
display:flex는 flex 컨테이너로, display:grid는 Grid 컨테이너로 변환되어 열·간격·정렬을 보존해 레이아웃이 무너지지 않습니다.
반응형 포함
레이아웃 차이는 여러 너비에서 계산되어 Elementor 반응형 필드에 기록됩니다. 확장 laptop / tablet_extra / mobile_extra 브레이크포인트는 선택 사항입니다.
안전한 정리
스크립트·위험한 링크·외부 스타일시트·폼 전송·극단적 z-index·고정 위치가 정리되며, 스타일은 가져온 콘텐츠에만 적용됩니다.
스마트 아이콘 매칭
일반 아이콘은 Elementor의 Font Awesome 및 eicons 라이브러리에 매칭되며, 일치하는 것이 없으면 인라인 SVG로 변환되어 형태가 사라지지 않습니다.
두 가지 내보내기 방식
공식 「다른 사이트에서 붙여넣기」용 클립보드 데이터를 생성하거나, 표준 JSON 템플릿을 내려받아 라이브러리에서 가져오세요 — 둘 다 바로 Elementor로 들어갑니다.
세밀한 제어
네이티브 모드에서는 대상 사이트에 맞게 변환을 조정할 수 있습니다.
- 제목 레벨 — 원본 H1–H6 유지, 상위 레벨부터 자동 정렬, 또는 한 레벨로 강제하여 SEO 구조가 깨지지 않게 합니다.
- 색상 및 글꼴 — HTML 값을 유지하거나, 대상 사이트의 전역 색상과 글꼴을 상속하여 즉시 일관성을 얻습니다.
- 이미지 방식 — 원본을 유지하거나 자리표시자를 만듭니다. 상대/인라인/임시 URL은 자리표시자화, Base URL로 해석, 또는 그대로 유지할 수 있습니다.
- 구성요소 범위 — 기본판, 기본판 + Pro를 대상으로 하거나 Atomic을 포함합니다. 범위를 벗어난 구성요소는 대체되어 내용을 유지합니다.
- 고급 항목별 매핑 — 각 블록의 제안 구성요소를 검토해 덮어쓰거나, HTML로 유지하거나, 건너뜁니다.
- 레이아웃 골격만 — 컨테이너 골격만 생성한 뒤 Elementor에서 내용을 채웁니다.