읽는시간

0

읽는시간

0

CMS

2025. 7. 10.

CMS 페이지 복제 및 다른 CMS 연결 방법

CMS 페이지를 복제하고 다른 CMS 컬렉션에 연결하는 방법을 단계별로 안내하며, URL 경로 변경과 기존 필드 요소 삭제를 통해 다양한 콘텐츠에 맞게 레이아웃을 재사용할 수 있는 팁을 알려 드립니다.

프레이머 스페이스의 로고

Posted By

Framer Space

"/blog-2"라는 레이블이 붙은 파일 디렉토리 인터페이스는 체계적인 데이터 관리와 디지털 콘텐츠 저장을 상징하는 어두운 배경의 데이터베이스 아이콘 3개로 연결됩니다.
"/blog-2"라는 레이블이 붙은 파일 디렉토리 인터페이스는 체계적인 데이터 관리와 디지털 콘텐츠 저장을 상징하는 어두운 배경의 데이터베이스 아이콘 3개로 연결됩니다.
"/blog-2"라는 레이블이 붙은 파일 디렉토리 인터페이스는 체계적인 데이터 관리와 디지털 콘텐츠 저장을 상징하는 어두운 배경의 데이터베이스 아이콘 3개로 연결됩니다.

목차

Table of Contents

본 문서는 Framer를 배우는 국내 사용자들이 한글 자료의 부족으로 겪는 어려움을 해결하고자, 공식 블로그의 내용을 한국어로 번역하고 실무에 유용한 정보를 추가했습니다. 프레이머를 사용하는 여러분께 작게나마 도움이 되길 바랍니다.

1단계: CMS 페이지 복제하기

  1. CMS 페이지 이름 옆 ··· 세 개 점 아이콘을 클릭

  2. Duplicate(복제) 옵션 선택

동일한 CMS 컬렉션 안에 페이지 복사본이 생성됩니다.

2단계: 복제한 페이지 이름 변경하기

복제된 페이지는 기본적으로 같은 컬렉션 구조 내에 들어갑니다. 페이지 이름을 변경하여 컬렉션 외부로 이동시켜야지 다른 CMS와 연결할 수 있습니다.
예시: /articles/:slug/copy/authors/:slug 와 같이 이름 변경

3단계: CMS 컬렉션 연결 변경

  1. 페이지 상단에 있는 브레드크럼(경로 표시줄)에서 CMS 컬렉션명 클릭

  2. Swap Collection(컬렉션 교체) 선택

  3. 원하는 CMS 컬렉션을 선택하여 페이지와 연결

4단계: 필요 없는 요소 삭제하기

새롭게 연결한 CMS 컬렉션에는 기존 페이지와 다른 필드 구조가 있을 수 있습니다.
이전 CMS에서 쓰던 요소 중, 새 컬렉션에 존재하지 않는 필드가 있다면 해당 요소는 삭제해야 합니다.
이 과정을 마치면, 동일한 레이아웃 구조를 다양한 CMS 콘텐츠에 맞게 재사용할 수 있습니다.

기존의 Articles Pages 페이지를 복제한 뒤, URL 경로를 바꾸고, 새로운 CMS인 authors 컬렉션에 연결을 마친 상태의 화면

  • 컬렉션 이름 옆에 “Pages”가 붙은 항목은 모두 CMS의 Detail Page입니다.

  • 이 구조를 활용하면 동일한 레이아웃을 다양한 CMS 콘텐츠에 적용할 수 있습니다.

  • 복제 후 반드시 경로(/url/:slug)와 컬렉션 연결을 변경해야 충돌 없이 사용할 수 있습니다.


본 글은 Framer 공식 블로그의 ‘How to Duplicate a CMS Page and Connect It to a Different CMS’ 를 번역·각색한 콘텐츠입니다.

블로그 공유하기
블로그 공유하기

Become a
Framer Expert

프레이머 외주가 가능한 전문가라면 누구나 지원할 수 있습니다.
중개 수수료 없이, 전문가와 클라이언트를 직접 연결합니다.

Become a
Framer Expert

프레이머 외주가 가능한 전문가라면 누구나 지원할 수 있습니다.
중개 수수료 없이, 전문가와 클라이언트를 직접 연결합니다.

Become a
Framer Expert

프레이머 외주가 가능한 전문가라면
누구나 지원할 수 있습니다.
중개 수수료 없이, 전문가와 클라이언트를
직접 연결합니다.