HTML to Elementor
기능

단지 「붙여넣기」가 아니라 — 편집 가능한 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에서 내용을 채웁니다.

이 기능들을 당신의 페이지에 활용하세요

가입 없이 — HTML 한 조각이면 작동을 확인하기에 충분합니다.