사이트 상세 화면 한눈에 보기

웹사이트를 하나 만들고 나면 페이지를 더하고, 메뉴를 정리하고, 미리 보고, 배포하는 일이 모두 한 화면에서 이어집니다. 그 화면이 바로 사이트 상세 화면입니다. 이 글에서는 화면을 위에서 아래로, 왼쪽에서 오른쪽으로 훑으며 어디에 무엇이 있는지 지도처럼 안내합니다. 각 기능의 자세한 사용법은 별도 글에서 다룹니다.

1. 사이트 상세 화면은 어디에 있나요

왼쪽 사이드바에서 웹사이트 빌더를 펼쳐 내 웹사이트를 누르면 만들어 둔 웹사이트가 카드로 나옵니다. 카드의 관리 버튼을 누르면 해당 사이트의 상세 화면이 열립니다. 상세 화면 맨 위의 웹사이트 목록을 누르면 다시 목록으로 돌아갑니다.

2. 화면 한눈에 보기

상세 화면은 크게 세 덩어리입니다. 맨 위의 헤더(사이트 이름과 버튼들), 왼쪽의 페이지 트리, 오른쪽에 세로로 쌓인 정보 카드들입니다.

3. 헤더: 사이트 이름과 버튼 다섯 개

이름 옆의 아이콘은 사이트를 만들 때 고른 커버 아이콘과 색입니다. 도메인을 연결했다면 이름 아래에 파란 글씨로 주소가 함께 나옵니다. 오른쪽에는 버튼이 다섯 개 있습니다.

• FunnelBrain 일괄 생성: 퍼널브레인 기획서로 여러 페이지를 한 번에 만듭니다. 별도 글에서 다룹니다.
• 디자인 톤: 사이트 전체의 색 분위기와 모서리 둥글기를 정합니다. 별도 글에서 다룹니다.
• 설정: 이름, 커버, 도메인, 상태를 바꾸는 화면으로 이동합니다.
• 전체 배포: 모든 페이지를 배포하는 확인 창을 엽니다.
• 페이지 추가: 이 사이트에 빈 페이지를 만들고 곧바로 에디터로 이동합니다.

4. 페이지 트리: 사이트의 페이지 목록

왼쪽 페이지 트리 제목 옆에 페이지 개수가 표시됩니다. 한 줄이 페이지 하나이고, 제목과 /주소, 카테고리·태그 칩이 보입니다. 줄의 빈 곳을 누르면 그 페이지의 편집 화면이 열립니다. 페이지가 없으면 "아직 페이지가 없습니다"와 + 첫 페이지 추가 링크가 나옵니다.

줄 오른쪽 버튼은 다음과 같습니다.

• 배포하기: 확인 창을 거쳐 이 페이지만 배포합니다. 배포된 페이지는 활성 배지가 붙고, 버튼이 재배포와 배포중지로 바뀝니다.
• 미리보기: 배포하기 전 모습을 새 탭에서 봅니다.
• 이동, 복사: 다른 웹사이트·퍼널·독립 페이지로 옮기거나 복사합니다.
• 편집: 에디터를 엽니다.
• 휴지통 아이콘: 확인 창에서 동의하면 페이지가 휴지통으로 이동합니다.

5. 오른쪽 카드: 정보와 빠른 액션

사이트 정보 카드에는 상태(초안·활성·보관), 총 페이지, 마지막 수정 시각이 나오고, 도메인을 연결했다면 도메인 줄이 추가됩니다. 바로 아래 빠른 액션에는 자주 쓰는 동작이 모여 있습니다.

• 새 페이지 만들기, 전체 배포: 헤더의 같은 이름 버튼과 같은 동작입니다.
• 사이트 미리보기: 홈페이지를 배포 전 모습으로 열고, 메뉴를 눌러 다른 페이지로도 이동할 수 있습니다.
• 사이트 복제: 확인 창에서 동의하면 페이지와 메뉴가 모두 초안으로 복사됩니다. 도메인은 복사되지 않습니다.
• 사이트 방문: 도메인을 연결한 사이트에만 나타나며 실제 주소를 새 탭으로 엽니다.

6. 회원 화면과 기존 페이지 추가

회원 화면 카드에서는 로그인(/login)과 회원가입(/register) 화면의 디자인을 편집합니다. 아직 만들지 않았다면 "기본 화면 사용 중"으로 표시되고, 디자인 편집 시작하기를 누르면 편집용 화면이 만들어집니다. 이 화면은 배포하지 않아도 저장하면 바로 반영됩니다. 그 아래 기존 페이지 추가 카드에서는 이전에 따로 만들어 둔 독립 페이지를 골라 추가를 눌러 이 사이트로 가져올 수 있습니다. 독립 페이지가 하나도 없으면 이 카드는 보이지 않습니다.

7. 메뉴 카드

화면 맨 아래쪽에는 사이트의 메뉴가 카드로 나옵니다. 페이지를 새로 만들면 헤더 메뉴에 자동으로 한 줄이 생깁니다. 줄마다 표시 대상(모두·방문자만·회원만), 위로·아래로, 하위 항목 추가, 수정, 삭제 아이콘이 있고, 카드 아래 입력칸에 메뉴 이름과 URL을 적어 + 메뉴 항목 추가로 직접 더할 수도 있습니다. 헤더 메뉴 카드에는 퍼널브레인 콘텐츠 버튼도 있습니다. 맨 아래 메뉴 추가 카드에서는 이름을 정하고 빈 메뉴로 시작 또는 회원 메뉴를 골라 새 메뉴를 만듭니다.

8. 전체 배포 확인 창

전체 배포를 누르면 바로 배포되지 않고 확인 창이 먼저 열립니다. 배포될 페이지 수와 배포 대상 목록이 나오고, 도메인을 연결하지 않았다면 "도메인이 연결되지 않았습니다" 안내와 도메인 설정 바로가기 링크가 함께 보입니다. 취소를 누르면 아무 것도 바뀌지 않고, 지금 배포하기를 눌러야 실제로 배포됩니다. 배포 방법은 별도 글에서 다룹니다.

9. 이렇게 활용해 보세요

• 새 사이트를 만든 뒤에는 페이지 추가로 페이지를 만들고, 페이지 트리에서 미리보기로 확인한 다음 전체 배포 순서로 진행해 보세요.
• 이미 만들어 둔 독립 페이지가 있다면 기존 페이지 추가로 사이트에 모아 두고 헤더 메뉴에서 순서를 정리할 수 있습니다.
• 비슷한 사이트를 하나 더 운영한다면 사이트 복제로 시작한 뒤 도메인만 새로 연결합니다.

10. 알아 두실 점

• 미배포 페이지에는 상태 배지가 붙지 않습니다. 활성 배지는 배포된 페이지에만 나타납니다.
• 사이트 상태(초안·활성·보관)는 설정에서 바꿉니다.
• 사이트 복제는 도메인과 배포 결과를 복사하지 않으므로, 복제한 사이트는 설정에서 도메인을 새로 연결해야 합니다.
• 사이트 개수와 페이지 개수 한도는 플랜별로 다릅니다.

새 웹사이트 만들기와 페이지 추가·가져오기는 각각 별도 글에서 자세히 다룹니다. 이 글의 지도를 들고 필요한 화면부터 하나씩 열어 보세요.