퍼널체인저스 업데이트: 내 웹사이트 미리보기·복제, 회원 폼, 추가 메뉴

퍼널체인저스에 내 웹사이트를 더 안전하게 만들고 확인할 수 있는 기능들이 추가되었습니다. 배포하기 전에 사이트를 미리 보고, 사이트를 통째로 복제하고, 로그인·회원가입 화면을 디자인하고, 회원 메뉴처럼 용도별 메뉴를 여러 개 만들 수 있습니다. 이번 업데이트를 한꺼번에 정리해 드립니다.

1. 내 웹사이트에 미리보기와 복제가 생겼습니다

내 웹사이트 목록의 카드마다 미리보기와 복제 버튼이 생겼습니다. 미리보기를 누르면 홈페이지가 배포하기 전 모습 그대로 새 탭에 열립니다.

사이트 상세 화면에서는 페이지 트리의 줄마다 미리보기 버튼이 있고, 오른쪽 빠른 액션에 사이트 미리보기와 사이트 복제가 있습니다.

미리보기 화면 위쪽의 메뉴를 누르면 해당 페이지의 미리보기로 이동합니다. 아직 배포하지 않은 사이트도 메뉴를 따라 돌아다니며 확인할 수 있습니다. 미리보기는 방문 통계에 잡히지 않고, 검색 엔진에도 노출되지 않습니다.

사이트 복제를 누르면 확인 창이 뜨고, 승인하면 페이지, 메뉴, 사이트 공통 섹션, 회원 화면 페이지가 새 사이트로 복사됩니다. 복사된 페이지는 모두 초안이며, 도메인과 배포 상태는 복사하지 않습니다. 같은 도메인에 같은 주소로 배포해서 원본이 덮어써지는 일을 막기 위해서입니다. 복제한 뒤 사이트 설정에서 도메인을 새로 연결해 주세요. 복제한 사이트도 요금제의 사이트 개수 한도에 포함됩니다.

2. 에디터의 라이브 미리보기가 배포되는 모습 그대로 보입니다

에디터 위쪽의 라이브 미리보기를 누르면 지금까지 편집한 내용을 저장한 뒤, 배포했을 때와 같은 방식으로 만든 화면을 편집 화면 위에 보여 줍니다. 편집용 표시가 없는 실제 모습이라서 여백과 메뉴, 글자 크기를 그대로 확인할 수 있고, 위쪽의 편집으로 돌아가기를 누르면 곧바로 편집을 이어갑니다. 내 웹사이트 카드의 미리보기와 같은 화면입니다.

3. 배포 상태를 배포됨과 초안으로 통일했습니다

독립 페이지 목록 카드는 이제 배포됨과 초안 두 가지 배지만 보여 줍니다. 배포 파일이 실제로 있는지를 기준으로 판단하기 때문에, 배포를 내린 뒤에도 ‘발행됨’이 남아 헷갈리던 문제가 없어졌습니다. 상태 필터도 초안과 배포됨으로 바뀌어 카드의 배지와 같은 기준으로 걸러집니다. 퍼널 빌더도 ‘N개 배포됨’으로 같은 표기를 씁니다.

페이지 트리에서는 아직 배포하지 않은 페이지에 초록색 버튼 대신 회색의 배포하기 버튼이 나옵니다. 이미 배포된 것처럼 보이지 않도록 고쳤습니다.

또 도메인에 연결해 배포한 페이지의 배포 내리기가 도메인에 올라간 배포본까지 함께 지우고 캐시도 정리합니다. 전에는 화면에서는 내려갔는데 주소가 계속 열리는 경우가 있었습니다. 지우는 데 실패하면 오류를 알려 주고 배포 상태를 그대로 둡니다.

4. 로그인·회원가입 화면은 배포 없이 저장만 하면 됩니다

로그인과 회원가입 화면은 일반 페이지처럼 배포하는 화면이 아니라, 방문자가 접속할 때마다 퍼널체인저스가 실제 폼을 끼워 보여 주는 화면입니다. 그래서 /login, /register 주소를 따로 만들 필요가 없고, 디자인을 저장하는 즉시 반영됩니다. 이 안내를 사이트 상세 화면의 회원 화면 카드에 넣었습니다. 디자인 편집 시작하기를 누르면 로그인·회원가입 페이지가 만들어지고, 이후에는 카드에서 바로 편집하거나 열어 볼 수 있습니다.

만들어진 회원 화면 페이지에는 글자 한 줄이 아니라 이메일·비밀번호 칸, 버튼, 카카오 버튼, 링크가 있는 실제 폼 모양의 기본 디자인이 들어갑니다. 사이트 공통 헤더와 푸터를 만들어 두었다면 함께 표시됩니다.

일반 페이지의 주소로 login 같은 회원 화면 전용 주소를 쓰려고 하면, 예전의 ‘예약어’ 오류 대신 “회원 화면 전용 주소이며 사이트 상세의 회원 화면에서 편집하세요”라는 안내가 나옵니다.

5. 회원 폼이 하나의 요소로 합쳐졌습니다

요소 패널의 로그인 폼, 회원가입 폼, 비밀번호 재설정, 가입 정보 요소가 회원 폼 하나로 합쳐졌습니다. 요소를 선택하고 설정 아이콘(⚙)을 누르면 두 개의 탭이 열립니다. 유형 탭에서 로그인, 회원가입, 비밀번호 재설정, 가입 정보 입력 중 고르고 제목, 안내 문구, 버튼 문구와 로그인 후 이동 경로를 바꿉니다. 유형을 바꿔도 직접 고친 문구는 유지됩니다.

고급 설정 탭에서는 카카오 로그인 버튼, 비밀번호 찾기 링크, 다른 화면으로 가는 안내 링크를 스위치로 켜고 끕니다. 바꾼 내용은 에디터의 미리보기에 바로 나타나고 실제 로그인·회원가입 화면에도 반영됩니다. 카카오 버튼은 카카오 앱이 연결된 사이트에서만 실제로 보입니다. 이미 배포한 페이지의 기존 회원 폼은 그대로 동작합니다.

6. 메뉴를 여러 개 만들 수 있습니다: 회원 메뉴

메뉴가 헤더와 푸터뿐이던 것을 바꿔, 사이트 상세 화면의 메뉴 추가에서 이름을 붙인 메뉴를 사이트당 최대 12개까지 만들 수 있습니다. 회원 메뉴 프리셋을 고르면 로그인, 회원가입, 마이페이지 항목이 미리 들어갑니다. 추가한 메뉴는 이름을 바꾸거나 삭제할 수 있습니다.

항목마다 모두 · 방문자만 · 회원만 중에서 누구에게 보일지 정할 수 있습니다. 로그인하지 않은 방문자에게는 로그인·회원가입이, 로그인한 회원에게는 마이페이지가 보입니다. 로그인 여부는 사이트 도메인에서 확인합니다.

에디터에서는 좌측 메뉴 편집 패널에 추가한 메뉴의 탭이 생깁니다. 캔버스의 메뉴 요소를 선택한 뒤 해당 탭에서 이 요소에 ‘회원 메뉴’ 표시를 누르면 그 자리에 선택한 메뉴가 나오고, 배포할 때 그 메뉴의 최신 항목으로 채워집니다. 헤더 탭에서 다시 연결하면 원래대로 헤더 메뉴를 보여 줍니다.

7. 그 밖의 개선

• 사이트 복제는 추가 메뉴와 메뉴 요소의 연결도 새 사이트의 메뉴로 옮겨 줍니다.
• 로그인·회원가입 주소(/login, /register, /mypage)가 연결된 도메인에서 열리지 않던 경우를 바로잡았습니다.

모든 기능은 지금 바로 사용하실 수 있습니다. 사용 중에 불편한 점이 있으면 알려 주세요.