읽는시간

0

읽는시간

0

CMS

2025. 7. 9.

CMS 페이지에서 Link 필드 연결하는 방법

Framer를 사용하여 CMS 페이지에 'Link' 필드를 추가하고 버튼에 연결하는 방법을 안내합니다. 이를 통해 각 버튼이 자동으로 해당 콘텐츠의 링크 데이터를 가져오도록 설정할 수 있습니다.

프레이머 스페이스의 로고

Posted By

Framer Space

파란색 데이터베이스 아이콘과 페이지 또는 URL 링크용 텍스트 필드가 있는 플로팅 사용자 인터페이스 요소로, 어두운 배경에 설정되어 있습니다.
파란색 데이터베이스 아이콘과 페이지 또는 URL 링크용 텍스트 필드가 있는 플로팅 사용자 인터페이스 요소로, 어두운 배경에 설정되어 있습니다.
파란색 데이터베이스 아이콘과 페이지 또는 URL 링크용 텍스트 필드가 있는 플로팅 사용자 인터페이스 요소로, 어두운 배경에 설정되어 있습니다.

목차

Table of Contents

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

예시 상황

CMS 컬렉션에 Link라는 필드를 새로 만들어서 CMS Detail Page에서 버튼에 연결하고 싶다면?

연결 방법

  1. 버튼(프레임이나 텍스트 레이어)을 생성

  2. 오른쪽 속성 패널(Properties Panel)에서 Link 항목 + 버튼 클릭

  3. Link To > Set Variable > Link 필드를 선택해서 연결

연결을 하고 나면 버튼을 복제하거나 새로운 CMS 콘텐츠가 추가돼도 각 버튼은 그 항목의 링크 데이터를 자동으로 가져오게 됩니다.

본 글은 Framer 공식 영상인 CMS Pages & Dynamic Content in Framer를 참고하여 번역·각색한 콘텐츠입니다.

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

Become a
Framer Expert

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

Become a
Framer Expert

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

Become a
Framer Expert

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