에디터 사용법

@na 에디터는 드래그 앤 드롭 방식으로 프로필 페이지를 구성할 수 있는 직관적인 도구입니다. 이 가이드에서는 에디터의 모든 기능을 상세히 설명합니다.

에디터 화면 구성

에디터는 크게 세 가지 영역으로 구성됩니다.

• 왼쪽 패널: 아이템 추가 및 설정 도구
• 중앙 프리뷰: 실시간 페이지 미리보기
• 오른쪽 패널: 디자인 속성 및 테마 설정

아이템 유형

링크 아이템

가장 기본적인 아이템으로, 외부 URL로 연결되는 버튼을 생성합니다.

설정 가능 항목:

• 제목: 버튼에 표시되는 텍스트
• URL: 클릭 시 이동할 주소
• 썸네일: 버튼 왼쪽에 표시되는 작은 이미지 (선택사항)
• 활성화/비활성화: 버튼을 일시적으로 숨길 수 있습니다

팁: URL을 입력하면 자동으로 사이트의 파비콘과 제목을 가져옵니다.

컬렉션 아이템

여러 개의 링크를 하나의 그룹으로 묶어 정리할 수 있습니다. 컬렉션은 펼치기/접기가 가능하며, 내부 아이템을 그리드 또는 리스트 형태로 표시할 수 있습니다.

설정 가능 항목:

• 컬렉션 제목: 그룹의 이름
• 레이아웃: 그리드(격자형) 또는 리스트(목록형)
• 하위 아이템: 컬렉션 안에 링크 아이템 추가

컬렉션 레이아웃

구분선 아이템

아이템 사이에 시각적 구분을 추가합니다. 단순 여백이나 선 형태로 표시됩니다.

설정 가능 항목:

• 스타일: 실선, 점선, 여백만
• 두께: 얇게, 보통, 두껍게

드래그 앤 드롭

모든 아이템은 드래그 앤 드롭으로 순서를 변경할 수 있습니다.

1. 아이템의 핸들(좌측 아이콘)을 클릭하고 드래그합니다.
2. 원하는 위치에 놓으면 순서가 변경됩니다.
3. 변경된 순서는 자동으로 저장됩니다.

컬렉션 내부의 하위 아이템도 드래그 앤 드롭으로 순서를 변경할 수 있습니다.

디자인 속성

에디터 오른쪽 패널에서 페이지의 전체적인 디자인을 설정할 수 있습니다.

배경 설정

버튼 스타일

폰트 설정

테마

미리 준비된 테마를 한 번의 클릭으로 적용할 수 있습니다.

• 라이트: 밝은 배경, 어두운 텍스트
• 다크: 어두운 배경, 밝은 텍스트
• 파스텔: 부드러운 파스텔 톤
• 네온: 생동감 있는 네온 컬러
• 미니멀: 깔끔한 흰색/검정 조합

테마를 적용한 후 개별 속성을 추가로 수정할 수 있습니다.

SNS 링크 관리

프로필 영역 하단에 SNS 아이콘을 추가할 수 있습니다.

지원 SNS 플랫폼

• YouTube
• Instagram
• TikTok
• X (Twitter)
• Facebook
• 네이버 블로그
• 카카오톡 채널
• GitHub
• LinkedIn
• 이메일

SNS 링크 추가 방법

1. 에디터에서 “SNS 관리” 탭을 선택합니다.
2. 추가하고 싶은 플랫폼을 선택합니다.
3. 해당 플랫폼의 프로필 URL을 입력합니다.
4. 아이콘이 프로필 영역에 자동으로 추가됩니다.

실시간 미리보기

에디터 중앙의 프리뷰 영역에서 변경사항을 실시간으로 확인할 수 있습니다.

• 모바일 뷰: 모바일 화면 크기로 미리보기 (기본)
• 데스크톱 뷰: 데스크톱 화면 크기로 미리보기
• 전체 화면: 새 탭에서 실제 페이지와 동일하게 미리보기

저장 및 발행

• 자동 저장: 모든 변경사항은 자동으로 저장됩니다.
• 발행: 변경사항이 공개 페이지에 즉시 반영됩니다.

비공개 모드에서는 에디터에서 자유롭게 수정하고, 준비가 되면 공개로 전환할 수 있습니다.

다음 단계

• 분석 대시보드 - 페이지의 방문자와 클릭 데이터를 확인하는 방법을 알아보세요.