Elementor 템플릿은 JSON으로 저장됩니다. 즉 HTML 페이지를 다른 Elementor 템플릿처럼 가져올 수 있는 JSON 템플릿 파일로 변환할 수 있습니다. 휴대 가능하고 재사용 가능하며 클립보드와 독립적입니다. JSON 방식의 작동 방식과 선택 시기를 알려드립니다.
두 가지 내보내기 형식, 동일한 구성 요소
HTML 변환 후 두 가지 방법으로 내보낼 수 있습니다. Elementor 데이터 복사는 열려 있는 편집기에 즉시 붙여넣을 수 있도록 JSON 페이로드를 클립보드에 저장합니다. JSON 템플릿 다운로드는 동일한 구조를 .json 파일로 저장합니다. 구성 요소는 동일하며, 차이점은 파일은 휴대할 수 있지만 클립보드 페이로드는 그렇지 않다는 점입니다.
JSON 파일이 적합한 경우
- 여러 사이트에서 재사용. Elementor가 설치된 모든 WordPress 사이트에서 동일한 파일을 가져올 수 있습니다.
- 버전 관리. 파일이 일반 JSON이므로 저장소에 보관하거나 두 내보내기를 비교하거나 특정 날짜의 디자인을 보관할 수 있습니다.
- 공유. 동료나 클라이언트에게 파일을 보낼 수 있지만 클립보드를 보낼 수는 없습니다.
- 라이브러리 구축. 이름이 지정된 JSON 템플릿 폴더는 향후 페이지를 조립하는 데 사용하는 구성 요소 라이브러리가 됩니다.
Elementor에서 JSON 템플릿을 가져오는 방법
- HTML을 변환하고 JSON 템플릿 다운로드를 클릭하세요.
- WordPress에서 템플릿 → 저장된 템플릿을 엽니다.
- 템플릿 가져오기를 클릭하고
.json파일을 선택하세요. - 템플릿이 라이브러리에 표시되며 Elementor 라이브러리 버튼에서 원하는 페이지에 삽입할 수 있습니다.
JSON 안에 있는 내용
파일은 Elementor 요소 트리를 설명합니다. 레이아웃, 배경, 테두리, 간격이 있는 컨테이너와 콘텐츠 및 스타일 설정이 있는 위젯이 포함됩니다. Elementor 고유 형식이므로 모든 것이 HTML 블록이 아니라 편집 가능한 위젯으로 가져와집니다. 제목, 텍스트, 이미지, 버튼, 아이콘 박스, 이미지 박스, 그리드가 모두 편집할 수 있는 상태로 가져와집니다.
실용적인 참고 사항: JSON의 이미지 참조는 포함된 파일이 아니라 URL입니다. 원본이 실제 미디어 라이브러리 URL을 사용했다면 가져올 때 해결되지만, 로컬 경로와 Base64 이미지는 나중에 채워야 하는 빈 자리 표시자가 됩니다. 이미지를 먼저 업로드하는 것만으로 JSON 템플릿을 깔끔하게 가져올 수 있습니다.
저장하기 전에 템플릿을 사이트에 구애받지 않게 만드세요
색상과 글꼴을 하드코딩한 템플릿은 가져올 다음 사이트에서 잘못 보일 수 있습니다. 재사용하려는 블록을 내보내기 전에 사이트 색상과 사이트 타이포그래피로 변환하세요. 그러면 템플릿이 대상 사이트에서 정의한 팔레트와 글꼴을 적용하므로, 동일한 JSON을 어디에서 가져오든 자연스럽게 보입니다.
구조를 깔끔하게 유지하세요
좋은 재사용 템플릿은 내부 트리가 얕은 하나의 최상위 컨테이너입니다. 내보내기 전에 구조 맵을 확인하세요. 중첩 깊이가 낮고 각 카드가 자체 컨테이너에 싸여 있지 않고 위젯을 직접 담는 그리드인 카드 행은 가져온 후 템플릿을 훨씬 쉽게 다시 스타일링할 수 있게 합니다. 깨끗한 입력이 깨끗한 JSON을 만듭니다.
복사 또는 다운로드 — 빠른 규칙
지금 편집 중인 페이지에 일회성으로 삽입하려면 클립보드 데이터를 붙여넣으세요. 두 번 이상 가져오거나 공유하거나 보관할 항목은 JSON 파일을 다운로드하세요. 동일한 변환에 두 가지 목적지가 있습니다. 휴대성이 필요한지에 따라 선택하세요.