WordPress에서 Elementor의 특정 페이지를 내보내고 가져오는 방법은 무엇인가요?

한 사이트에서 다른 사이트로 디자인을 옮기는 것이 마치 모든 것을 처음부터 다시 만드는 것처럼 느껴져서는 안 됩니다. Elementor 페이지를 사용하면 멋진 레이아웃을 쉽게 디자인할 수 있지만, 많은 사용자가 웹사이트 전체가 아닌 특정 페이지 하나만 옮겨야 할 때 어려움을 겪습니다.

다행인 점은 Elementor를 사용하면 몇 번의 클릭만으로 특정 페이지를 내보내고 가져올 수 있다는 것입니다.

이 가이드에서는 레이아웃, 스타일 및 콘텐츠를 그대로 유지하면서 WordPress 사이트 간에 디자인을 이동하는 가장 간단한 방법을 알려드립니다.

요약: 몇 분 만에 디자인을 사이트 간에 옮기세요

• 레이아웃을 템플릿으로 저장하여 내보낼 수 있으며, 저장된 템플릿은 .json 파일로 다운로드되어 다른 WordPress 사이트에서 재사용할 수 있습니다.

• 템플릿 섹션을 통해 파일을 가져온 다음 Elementor 편집기를 사용하여 원하는 페이지에 삽입하세요.

• 섹션을 내보내거나, 여러 웹사이트에서 레이아웃을 재사용하거나, 전체 템플릿 키트를 전송하여 시간을 절약하세요.

• 사이트를 백업하고, 가져오기/내보내기 설정을 활성화하고, 파일 크기 제한 또는 플러그인 호환성을 확인하여 문제를 예방하세요.

수출입 전 준비 사항

수출입 절차를 시작하기 전에 사이트를 제대로 준비하는 것이 매우 중요합니다. 몇 가지 예방 조치를 취하면 절차가 원활하게 진행되고 나중에 발생할 수 있는 잠재적인 문제를 방지할 수 있습니다.

웹사이트 백업하기

웹사이트 백업은 가져오기/내보내기 과정에서 문제가 발생할 경우 사이트를 이전 상태로 복원할 수 있도록 해주는 안전장치입니다. 웹사이트 백업에 도움이 되는 플러그인이 여러 가지 있습니다

• BlogVault 클라우드에 백업 파일을 저장할 수 있는 가장 인기 있는 백업 플러그인

• 올인원 WP 마이그레이션 : 이 플러그인을 사용하면 몇 번의 클릭만으로 전체 WordPress 사이트를 백업

• Kinsta의 내장 백업 기능 Kinsta를 사용 중이라면 , 사이트를 안전하게 보호하기 위해 매일 자동 백업이 제공됩니다.

수동 백업을 생성하려면 다음 단계를 따르세요

• 워드프레스 관리자 → 도구 → 백업으로 이동하세요.

• 새 백업을 생성하는 옵션을 선택하면 플러그인이 나머지를 처리합니다.

Elementor의 가져오기/내보내기 기능을 활성화하세요

Elementor 템플릿 를 내보내고 가져올 수 있습니다 .

활성화하려면:

• WordPress 대시보드에서 Elementor ⟶ 설정 ⟶ 실험으로 이동하세요.

• 안정적인 기능에서 가져오기/내보내기 템플릿 키트 옵션을 찾으세요.

• 설정을 기본값에서 활성으로 변경하고 변경 사항 저장을 클릭하세요.

이제 Elementor 페이지를 내보내고 가져올 준비가 모두 완료되었습니다

Elementor에서 특정 페이지를 내보내는 단계

Elementor의 내보내기 기능을 사용하면 한 사이트의 페이지를 내보내 다른 사이트에서 재사용하는 것이 매우 간단합니다. Elementor 페이지를 내보내는 방법에 대한 단계별 가이드는 다음과 같습니다

1단계: Elementor 페이지 편집기를 엽니다

먼저 내보낼 페이지를 찾으세요

• 워드프레스 관리자 대시보드 에서 콘텐츠 유형에 따라 페이지 또는 게시물로 이동하세요.

• 내보낼 페이지를 찾은 다음 Elementor로 편집을 클릭하여 Elementor 편집기에서 페이지를 엽니다.

2단계: 페이지를 템플릿으로 저장

페이지를 내보내려면 먼저 Elementor 라이브러리에 템플릿으로 저장해야 합니다. 방법은 다음과 같습니다

• Elementor에서 페이지가 열리면 Elementor 사이드바 하단에 있는 녹색 "업데이트/게시" 버튼을 찾으세요.

• 업데이트/게시 버튼 옆에 있는 작은 화살표 아이콘을 클릭하세요.

• 드롭다운 메뉴에서 "템플릿으로 저장"을 선택하세요.

• 팝업 창이 나타나면 템플릿 이름을 지정하세요. 나중에 쉽게 찾을 수 있도록 설명적인 이름(예: "XYZ 랜딩 페이지" 또는 "문의하기 페이지")을 사용하세요.

이름을 입력한 후 저장을 클릭하세요.

3단계: 저장된 템플릿 내보내기

페이지가 템플릿으로 저장되었으므로 다음 단계를 따라 내보내세요

• WordPress 대시보드에서 Elementor ⟶ 템플릿 ⟶ 저장된 템플릿으로 이동하세요.

• 이 섹션에서는 저장한 모든 템플릿을 볼 수 있습니다. 방금 만든 템플릿을 찾아보세요.

• 템플릿 위로 마우스를 가져가면 '템플릿 내보내기' 옵션이 나타납니다. 해당 옵션을 클릭하세요.

• Elementor는 템플릿을 .json 파일로 자동 다운로드하여 컴퓨터에 저장합니다.

Elementor 페이지가 성공적으로 내보내졌으며, 다른 사이트에서 사용할 수 있는 .json 파일로 저장되었습니다.

자세히 알아보기 : 워드프레스에서 "미디어 가져오기 실패" 오류를 해결하는 방법

Elementor에서 특정 페이지를 가져오는 단계

Elementor 페이지를 내보낸 후에는 Elementor를 사용하는 다른 WordPress 사이트로 가져올 수 있습니다. 방법은 다음과 같습니다

1단계: 새 사이트에서 Elementor에 접속합니다

Elementor 페이지를 가져올 사이트의 WordPress 관리자 화면에 로그인하세요.

• Elementor ⟶ 템플릿 ⟶ 저장된 템플릿으로 이동합니다.

• 이 페이지 상단에 '템플릿 가져오기' 버튼이 있습니다. 이 버튼을 클릭하여 가져오기 프로세스를 시작하세요.

배우기 : Elementor가 로딩 화면에서 멈추는 문제 해결 방법

2단계: 내보낸 템플릿 업로드

이제 이전에 내보낸 .json 파일을 업로드해야 합니다

• 템플릿 가져오기 화면에서 .json 파일을 드래그 앤 드롭하거나 '파일 선택'을 클릭하여 컴퓨터에서 수동으로 업로드할 수 있습니다.

• Elementor 라이브러리 에 추가됩니다 .

3단계: 가져온 템플릿을 페이지에 적용합니다

템플릿을 불러왔으니 이제 새 워드프레스 사이트의 모든 페이지에서 사용할 수 있습니다. 방법은 다음과 같습니다

• 가져온 템플릿을 적용할 페이지를 열고 Elementor로 편집을 클릭합니다.

• Elementor 편집기에서 흰색 폴더 모양의 '템플릿 추가' 아이콘을 클릭합니다.

• '내 템플릿' 탭으로 이동하면 가져온 템플릿을 찾을 수 있습니다.

• 가져온 템플릿 옆에 있는 [삽입]을 클릭하면 해당 템플릿이 페이지에 적용됩니다.

이제 새 웹사이트의 브랜딩 및 콘텐츠에 맞춰 페이지를 필요에 따라 맞춤 설정할 수 있습니다.

확인해 보세요 : 최고의 워드프레스 가져오기 플러그인

Elementor 페이지 내보내기 및 가져오기를 위한 고급 팁

Elementor를 사용할 때 페이지 내보내기 및 가져오기는 특히 여러 프로젝트를 진행하는 WordPress 디자이너

다음은 이 기능을 최대한 활용하는 데 도움이 되는 몇 가지 고급 팁입니다.

수출입 전용 특정 품목

경우에 따라 페이지 전체를 내보낼 필요 없이 사용자 지정 헤더 , 푸터 또는 클릭 유도 버튼(CTA) 블록과 같은 특정 섹션만 내보내야 할 수도 있습니다.

Elementor를 전체 페이지를 전송하지 않고도 해당 섹션을 가져와 여러 WordPress 웹사이트 또는 페이지에서 재사용할 수 있습니다

특정 섹션을 내보내는 방법

Elementor 편집기에서 내보낼 섹션을 마우스 오른쪽 버튼으로 클릭합니다.

• '템플릿으로 저장'을 선택하세요.

• 섹션 이름을 지정하면 Elementor 라이브러리에 저장됩니다.

전체 페이지를 내보낼 때 와 동일한 내보내기 프로세스를 따르세요 섹션 템플릿을 내보내세요.

관련 항목 : Elementor에서 위젯 패널이 로드되지 않는 문제 해결 방법

특정 섹션을 가져오는 방법

전체 페이지를 가져오는 것과 마찬가지로 새 웹사이트에서 Elementor ⟶ 템플릿 ⟶ 저장된 템플릿으로 이동하세요.

• .json 파일을 불러온 다음 Elementor 편집기의 '내 템플릿' 탭에서 해당 섹션에 접근하세요.

• 이제 Elementor 편집기에서 '템플릿 추가'를 선택하여 해당 섹션을 모든 페이지에 삽입할 수 있습니다.

이를 통해 푸터나 히어로 섹션과 같이 자주 디자인하는 요소를 여러 프로젝트에서 재사용할 수 있으므로 일관성을 높이고 시간을 절약할 수 있습니다.

더 알아보기 : WebP와 PNG의 차이점

여러 사이트에서 재사용

여러 웹사이트를 관리하는 개발자 또는 디자이너라면 Elementor 템플릿을 내보내고 가져오는 기능을 통해 프로젝트 전반에 걸쳐 디자인 일관성을 유지할 수 있습니다. 예를 들면 다음과 같습니다

• 디자인 에이전시 : 랜딩 페이지, 문의 양식, 가격표 등 고객 맞춤형 페이지 템플릿을 제작하여

• 여러 웹사이트를 운영하는 사업주 사업의 여러 분야 또는 서비스를 위해 여러 웹사이트를 관리하는 경우 , 페이지 템플릿을 재사용하면 일관된 스타일과 레이아웃을 유지하여 웹 전체에서 통일된 브랜드 경험을 제공할 수 있습니다.

이 기능은 특히 여러 사이트로 구성된 네트워크에서 유용합니다. 이러한 네트워크에서는 개별 콘텐츠는 분리된 상태로 유지하면서 하위 사이트 간에 페이지를 신속하게 복제해야 할 수 있습니다.

또한, 클라이언트 웹사이트를 자주 재디자인 하거나 업데이트하는 경우, 미리 만들어진 템플릿을 사용하면 작업 속도를 크게 높일 수 있습니다.

Elementor 웹사이트를 효율적으로 최적화하는 방법을 알아 보세요

대용량 파일 및 미디어를 다룰 때는 주의하십시오

대용량 이미지, 동영상 또는 복잡한 디자인 요소가 WordPress 설치 및 서버가 대용량 파일 크기를 처리할 수 있도록 올바르게 구성되어 있는지 확인하는 것이 중요합니다

파일 크기 고려 사항 : Elementor는 페이지와 관련된 모든 에셋(예: 이미지, 아이콘, 글꼴)을 내보내므로 미디어 콘텐츠가 많은 페이지의 경우 파일 크기가 빠르게 증가할 수 있습니다.

일부 웹 호스팅 업체는 파일 업로드 크기에 엄격한 제한을 두고 있습니다. php.ini 설정을 조정하여 최대 업로드 크기를 늘리거나 호스팅 업체에 일시적으로 제한을 해제해야 할 수도 있습니다.

파일 업로드 제한 늘리기 : PHP 파일 업로드 제한을 늘리 php.ini 편집하거나 호스팅 제공업체에 도움을 요청할 수 있습니다 . 일반적인 설정은 다음과 같습니다.

• 업로드 최대 파일 크기 = 64M
• post_max_size = 64M
• 메모리 제한 = 128M

또는 다음 줄을 사이트의 .htaccess 파일에 추가할 수 있습니다.

• php_value 업로드 최대 파일 크기 64M
• php_value post_max_size 64M
• php_value 메모리 제한 128M

이렇게 하면 고해상도 미디어가 포함될 수 있는 대용량 Elementor 내보내기 파일도 성공적으로 가져올 수 있습니다.

관련 항목: 워드프레스의 PHP 버전 업데이트 방법

도메인 간 복사-붙여넣기 기능을 사용하세요 (Elementor용 Happy Addons Pro 및 Mighty Addons)

Happy Addons Pro 및 Mighty Addons for Elementor 와 같은 추가 기능을 사용하면 고급 도메인 간 복사 붙여넣기 기능을 활용할 수 있습니다.

이 기능을 사용하면 전체 내보내기/가져오기 과정을 거치지 않고도 한 도메인의 섹션, 위젯 또는 전체 페이지를 빠르게 복사하여 다른 도메인에 직접 붙여넣을 수 있습니다.

Happy Addons Pro를 사용하면 다음과 같은 기능을 이용할 수 있습니다

• Elementor로 만든 한 사이트에서 섹션이나 요소를 복사하여 다른 도메인에 직접 붙여넣을 수 있습니다.
• 여러 프로젝트에서 디자인 일관성을 손쉽게 관리하여 반복적인 작업에 소요되는 시간을 크게 절약할 수 있습니다.

Elementor용 강력한 애드온은 다음과 같은 기능을 제공합니다

• 도메인 간 콘텐츠 전송.
• 전자상거래, 피트니스, 호텔업 등 다양한 산업 분야에 맞춰 미리 디자인된 템플릿 키트입니다.

이러한 도구를 사용하면 특히 여러 사이트를 동시에 작업하는 개발자의 경우 프로젝트 간 디자인 전송이 훨씬 빠르고 효율적이 됩니다.

관련 항목 : 문제 해결을 위한 WordPress 디버깅 도구

전체 템플릿 키트의 내보내기 및 가져오기

대규모 프로젝트를 진행하면서 여러 페이지, 섹션 및 사이트 설정을 옮겨야 하는 경우 Elementor의 템플릿 키트 기능을 사용하면 전체 템플릿 키트를 내보내고 가져올 수 있습니다.

전체 템플릿 키트를 내보내는 방법:

WordPress 대시보드에서 Elementor ⟶ 도구 ⟶ 가져오기/내보내기 키트로 이동하세요.

• '내보내기 시작'을 클릭하고 모든 템플릿, 콘텐츠 및 사이트 설정을 포함할지 여부를 선택하세요.

• 내보내기 과정이 완료되면 키트가 포함된 .zip 파일을 다운로드하십시오.

전체 템플릿 키트를 가져오는 방법:

새 사이트에서 Elementor ⟶ 도구 ⟶ 가져오기/내보내기 키트로 이동하세요.

'가져오기 시작'을 클릭하고 .zip 파일을 업로드한 다음 가져올 요소(예: 템플릿, 콘텐츠, 사이트 설정)를 선택하세요.

여러 사이트에 걸쳐 표준 레이아웃을 자주 구축하고 배포하는 웹 디자인 에이전시 에 특히 유용합니다

필수 구성 요소, 헤더, 푸터, 전역 설정 등을 모두 내보낼 수 있으므로 새 프로젝트를 시작할 때 시간을 절약할 수 있습니다.

살펴보기 : 최고의 워드프레스 웹 디자인 에이전시

수출입 과정 중 흔히 발생하는 문제점과 해결 방법

수출입 절차는 간단해 보이지만, 몇 가지 잠재적인 문제가 발생할 수 있습니다. 다음은 흔히 발생하는 오류와 해결 방법 .

잘못된 파일 오류 : 템플릿을 가져오는 동안 "잘못된 파일" 오류가 발생하는 경우, 일반적으로 해당 파일이 Elementor의 다른 버전(아마도 이전 버전)을 사용하여 생성되었음을 의미합니다. 이 문제를 해결하는 방법은 다음과 같습니다.

• 템플릿을 만들 때 사용한 Elementor 버전과 일치하는 이전 버전으로 일시적으로 전환하세요.

• 템플릿 가져오기가 성공적으로 완료되면 Elementor를 최신 버전으로 되돌리세요.

Easy Theme이나 Plugin Upgrades 같은 플러그인을 사용하면 Elementor의 여러 버전 간에 쉽게 전환할 수 있습니다.

다음 내용을 알아보세요 : 워드프레스 오류 로그 완벽 가이드

기존 템플릿 바꾸기 : 가져오기 과정 중에 Elementor는 동일한 이름을 가진 기존 템플릿을 바꿀지 여부를 묻습니다.

이 작업을 수행할 때는 기존 사이트 디자인이 덮어쓰여질 수 있으므로 주의해야 합니다. 충돌을 방지하기 위해 가져오거나 내보내는 템플릿의 이름을 항상 다시 확인하세요.

SVG 파일 가져오기 경고 : 템플릿에 SVG 파일 해당 파일을 가져올 때 보안 에 대한 경고를 표시할 수 있습니다

이 문제를 해결하려면 wp-config.php 파일에 다음 내용을 추가하여 필터링되지 않은 파일 업로드를 활성화하십시오

define('ALLOW_UNFILTERED_UPLOADS', true);

이렇게 하면 Elementor에서 SVG 파일을 문제없이 가져올 수 있습니다.

결론

Elementor의 특정 페이지를 WordPress 웹사이트로 내보내고 가져올 수 있는 기능은 작업 흐름을 훨씬 효율적으로 만들어주는 획기적인 기능입니다.

웹사이트 전체를 작업하든, 기존 설치 환경으로 페이지를 이전하든, 기존 웹사이트의 레이아웃을 재사용하든, 이 기능은 귀중한 시간과 노력을 절약해 줍니다.

위의 단계별 가이드를 따르면 Elementor의 무료 버전이든 프로 버전이든 상관없이 동일한 조건에서 디자인을 원활하게 이동할 수 있습니다.

키트 정보를 이해하면 특히 동일한 템플릿이나 테마 유형을 사용할 때 모든 것이 원활하게 이전됩니다.

지금 바로 이 강력한 기능을 활용하여 워크플로우를 간소화하고 효율성을 극대화하여 Elementor Pro 사용 경험을 한 단계 높여보세요!

WordPress Elementor 페이지 관련 FAQ