프레이머에서 링크가 제대로 동작하지 않을 때
프레이머(Framer)를 처음 사용하면서 링크(LINK) 기능에서 애를 먹었던 경험을 공유하려고 합니다.
프레이머에서 링크를 추가한 후 프리뷰(Preview) 모드에서 확인했을 때는 정상적으로 작동했지만, 퍼블리시(Publish)한 후 실제 URL에서 확인해보니 링크가 동작하지 않은 경험 있으신가요?
그렇다면 아마도 저와 같은 실수를 했을 가능성이 큽니다.🤔
새로운 페이지(Page)나 CMS 항목은 기본적으로 Draft(초안) 상태로 설정됩니다. Draft 상태에서는 퍼블리시를 해도 해당 콘텐츠가 실제 URL에서 반영되지 않기 때문에 링크가 정상적으로 동작하지 않는 것입니다.
해결 방법1. Page Draft
Framer의 왼쪽 패널에서 문제가 발생한 페이지가 Draft 상태인지 확인합니다.
(Draft 상태라면 오른쪽에 Draft라고 표시됩니다.)
Draft 상태를 해제하려면 우측 상단 Publish를 누릅니다.
여기서 위 그림과 같은 모달창이 나오면 Undraft 버튼을 클릭합니다.
이 과정을 거치면 퍼블리시된 URL에서도 링크가 정상적으로 동작합니다.
해결 방법2. CMS Draft
CMS 왼쪽 Collections 패널에서 문제가 발생한 Collection의 Item이 Draft 상태인지 확인합니다.
(Draft 상태라면 사진과 같이 Draft라고 표시됩니다.)
Draft 상태를 해제하려면 Collection에 있는 Item을 드래그&드롭하여 아래 All 영역로 이동합니다.
(전체 선택하여 옮기는 방법을 아시는 분이 있으면 댓글로 알려주세요!)
그리고 다시 편집 보드로 돌아가서 퍼블리시 해줍니다.
이 과정을 거치면 퍼블리시된 URL에서도 링크가 정상적으로 동작합니다.
프레이머를 처음 사용할 때 저처럼 Draft 상태를 인지하지 못하고 링크가 먹통이라고 당황할 수 있습니다.
저와 같은 시행착오를 겪지 않도록, 새로 생성한 페이지나 CMS는 반드시 Undraft 후 퍼블리시해야 한다는 점을 기억하세요!
프레이머 사용 중 또 다른 궁금한 점이나 어려운 점이 있다면 댓글로 공유해주세요. 😊