9. 사용 예시

이 문서에서는 자주 수행하는 작업들을 시나리오별로 단계별 안내합니다.

목차

• 예시 1: 새 프로젝트와 아티스트 페이지 만들기
• 예시 2: 공지사항 작성 및 발행하기
• 예시 3: 메인 네비게이션 수정하기
• 예시 4: 이미지 업로드 및 페이지에 삽입하기
• 예시 5: 검색 설정으로 검색 노출 최적화하기
• 예시 6: 예약 발행 설정하기
• 예시 7: 파트너 로고 추가하기
• 예시 8: 연락처 정보 수정하기

예시 1: 새 프로젝트와 아티스트 페이지 만들기

목표: Digital Art 카테고리 아래에 "2024 여름 전시" 프로젝트를 만들고, 해당 프로젝트에 아티스트를 추가합니다.

단계 1: 카테고리 확인

1. 왼쪽 메뉴에서 분류 (Taxonomy) > 카테고리를 클릭합니다.
2. "Digital Art" 카테고리가 있는지 확인합니다.
3. 없다면 4. 분류 관리를 참고하여 생성합니다.

단계 2: 프로젝트 페이지 생성

1. 왼쪽 메뉴에서 프로젝트 상세 페이지를 클릭합니다.
2. 새로 만들기 버튼을 클릭합니다.
3. 기본 정보를 입력합니다:
4. 제목: 2024 여름 전시
5. 페이지 주소: 2024-summer-exhibition
6. 주요 분류: Digital Art 선택
7. 대표 이미지 필드에서 전시 포스터 이미지를 업로드합니다.
8. 레이아웃 섹션에서 블록을 추가합니다:
9. 탭 메뉴 블록 추가 (데이터 소스: auto)
10. 상세 히어로 블록 추가 (레이아웃: horizontal)
11. 이미지 그리드 블록 추가 (데이터 소스: artist-pages)
12. 저장 버튼을 클릭합니다.
13. 미리보기로 확인 후 발행 버튼을 클릭합니다.

결과 URL: https://arttoken.co/digital-art/2024-summer-exhibition

단계 3: 아티스트 페이지 생성

1. 왼쪽 메뉴에서 아티스트 상세 페이지를 클릭합니다.
2. 새로 만들기 버튼을 클릭합니다.
3. 기본 정보를 입력합니다:
4. 제목: 김작가
5. 페이지 주소: kim-artist
6. 소속 프로젝트: 2024 여름 전시 선택
7. 대표 이미지 필드에서 아티스트 프로필 이미지를 업로드합니다.
8. 레이아웃 섹션에서 블록을 추가합니다:
9. 탭 메뉴 블록 추가 (데이터 소스: auto)
10. 상세 히어로 블록 추가 (레이아웃: vertical)
11. 이미지 그리드 블록 추가 (데이터 소스: manual, 작품 이미지 추가)
12. 저장 버튼을 클릭합니다.
13. 미리보기로 확인 후 발행 버튼을 클릭합니다.

결과 URL: https://arttoken.co/digital-art/2024-summer-exhibition/kim-artist

단계 4: 확인

1. 프로젝트 페이지(/digital-art/2024-summer-exhibition)에 접속합니다.
2. 이미지 그리드에 김작가가 표시되는지 확인합니다.
3. 탭 메뉴에 김작가 탭이 나타나는지 확인합니다.

예시 2: 공지사항 작성 및 발행하기

목표: 새로운 공지사항을 작성하고 웹사이트에 게시합니다.

단계 1: 공지사항 생성

1. 왼쪽 메뉴에서 콘텐츠 > 공지사항을 클릭합니다.
2. 새로 만들기 버튼을 클릭합니다.

단계 2: 내용 작성

1. 제목을 입력합니다:

   2024년 여름 휴가 안내
   

2. 페이지 주소를 입력합니다:

   2024-summer-vacation
   

3. 내용 필드에서 글 편집기로 본문을 작성합니다:

   안녕하세요. ARTTOKEN입니다.
   
   2024년 여름 휴가 기간을 안내드립니다.
   
   ## 휴가 기간
   2024년 8월 1일(목) ~ 8월 5일(월)
   
   ## 안내 사항
   - 휴가 기간 중 문의 응대가 지연될 수 있습니다.
   - 긴급 문의는 이메일로 연락 부탁드립니다.
   
   감사합니다.
   

단계 3: 미리보기 및 발행

1. 미리보기 버튼을 클릭하여 화면을 확인합니다.
2. 내용이 올바르면 발행 버튼을 클릭합니다.

단계 4: 웹사이트에서 확인

1. 공지사항 목록 페이지에서 새 공지가 표시되는지 확인합니다.
2. 공지사항 상세 페이지로 이동하여 내용을 확인합니다.

예시 3: 메인 네비게이션 수정하기

목표: 상단 네비게이션에 새로운 메뉴 항목을 추가합니다.

단계 1: 헤더 설정 열기

1. 왼쪽 메뉴 하단의 Globals 섹션에서 헤더를 클릭합니다.

단계 2: 새 메뉴 항목 추가

1. 네비게이션 항목 섹션에서 항목 추가 버튼을 클릭합니다.
2. 링크 설정:
3. 링크 유형: Internal 선택
4. 참조 문서: 연결할 페이지 선택 (예: "회사 소개")
5. 라벨: ABOUT (비워두면 페이지 제목 사용)

단계 3: 메뉴 순서 조정

1. 새로 추가된 항목의 좌측 드래그 핸들(⋮⋮)을 클릭합니다.
2. 원하는 위치로 드래그합니다.

단계 4: 저장 및 확인

1. 저장 버튼을 클릭합니다.
2. 웹사이트에서 네비게이션이 변경되었는지 확인합니다.

⚠️ 주의: 헤더에는 네비게이션 항목을 최대 6개까지 설정할 수 있습니다.

예시 4: 이미지 업로드 및 페이지에 삽입하기

목표: 새 이미지를 업로드하고 페이지의 블록에 삽입합니다.

방법 A: 미디어 라이브러리에서 미리 업로드

단계 1: 이미지 업로드

1. 왼쪽 메뉴에서 Media > 이미지를 클릭합니다.
2. 새로 만들기 버튼을 클릭합니다.
3. 이미지 파일을 드래그하거나 클릭하여 선택합니다.
4. 대체 텍스트를 입력합니다: 2024 여름 전시 포스터
5. 저장 버튼을 클릭합니다.

단계 2: 페이지에서 이미지 선택

1. 수정할 페이지의 편집 화면으로 이동합니다.
2. 이미지가 필요한 블록의 이미지 선택 버튼을 클릭합니다.
3. 팝업의 라이브러리 탭에서 방금 업로드한 이미지를 검색합니다.
4. 이미지를 클릭하여 선택합니다.
5. 저장 버튼을 클릭합니다.

방법 B: 페이지 편집 중 바로 업로드

단계 1: 블록에서 이미지 업로드

1. 수정할 페이지의 편집 화면으로 이동합니다.
2. 이미지가 필요한 블록의 이미지 선택 버튼을 클릭합니다.
3. 팝업의 업로드 탭을 선택합니다.
4. 이미지 파일을 드래그하거나 클릭하여 선택합니다.
5. 업로드가 완료되면 자동으로 선택됩니다.
6. 저장 버튼을 클릭합니다.

예시 5: 검색 설정으로 검색 노출 최적화하기

목표: 페이지의 검색 설정을 하여 구글 검색 결과에 잘 노출되도록 합니다.

단계 1: 검색 설정 탭 열기

1. 수정할 페이지의 편집 화면으로 이동합니다.
2. 상단의 검색 설정 탭을 클릭합니다.

단계 2: 검색 제목 작성

1. 검색 제목 필드에 제목을 입력합니다:

   2024 여름 전시 - Digital Art | ARTTOKEN
   

💡 팁: 50~60자 이내로 작성하고, 핵심 키워드를 앞쪽에 배치합니다.

단계 3: 검색 설명 작성

1. 검색 설명 필드에 설명을 입력합니다:

   ARTTOKEN의 2024 여름 전시를 소개합니다. 국내외 유명 디지털 아티스트 10인의 작품을 만나보세요. 8월 1일부터 31일까지 진행됩니다.
   

💡 팁: 150~160자 이내로 작성하고, 사용자가 클릭하고 싶게 만드는 내용을 포함합니다.

단계 4: SNS 공유 이미지 설정

1. SNS 공유 이미지 필드에서 이미지 선택을 클릭합니다.
2. SNS 공유 시 표시될 이미지를 선택합니다.
3. 권장 크기: 1200 x 630px

단계 5: 미리보기 확인

1. 검색 설정 탭 하단의 SNS 공유 미리보기를 확인합니다.
2. Facebook, Twitter에서 공유 시 어떻게 보이는지 확인합니다.

단계 6: 저장

1. 저장 버튼을 클릭합니다.

예시 6: 예약 발행 설정하기

목표: 특정 날짜와 시간에 자동으로 발행되도록 예약합니다.

시나리오

신제품 출시 공지를 2024년 9월 1일 오전 9시에 자동 발행하고 싶습니다.

단계 1: 콘텐츠 작성

1. 공지사항 또는 페이지를 새로 만들기합니다.
2. 모든 내용을 완성합니다.

단계 2: 예약 발행 설정

1. 편집 화면 우측의 발행 예약 필드를 찾습니다.
2. 캘린더 아이콘을 클릭합니다.
3. 2024년 9월 1일을 선택합니다.
4. 시간을 09:00으로 설정합니다.

단계 3: 저장

1. 저장 버튼을 클릭합니다.
2. 상태가 "예약됨"으로 변경됩니다.

단계 4: 확인

1. 목록에서 해당 항목에 "예약됨" 태그가 표시됩니다.
2. 예약된 시간이 되면 자동으로 발행됩니다.

💡 팁: 예약을 취소하려면 발행 예약 필드의 날짜를 지우고 저장합니다.

예시 7: 파트너 로고 추가하기

목표: 새로운 파트너사의 로고를 추가하고 웹사이트에 표시합니다.

단계 1: 로고 이미지 준비

• 권장 형식: PNG (투명 배경)
• 권장 크기: 400 x 200px 내외
• 파일명: partner-companyname-logo.png

단계 2: 파트너 등록

1. 왼쪽 메뉴에서 콘텐츠 > 파트너를 클릭합니다.
2. 새로 만들기 버튼을 클릭합니다.
3. 정보를 입력합니다:
4. 이름: 파트너 회사명
5. 유형: brand 또는 client 선택
6. 로고: 로고 이미지 업로드
7. 웹사이트: https://partner-website.com
8. 순서: 10 (표시 순서)
9. 활성화: ✓ 체크
10. 저장 버튼을 클릭합니다.

단계 3: 웹사이트 확인

1. 로고 그리드 블록이 있는 페이지에 접속합니다.
2. 새 파트너 로고가 표시되는지 확인합니다.

💡 팁: 로고 그리드 블록의 데이터 소스가 "collection"이고 해당 유형(brand/client)으로 설정되어 있어야 자동으로 표시됩니다.

예시 8: 연락처 정보 수정하기

목표: 푸터에 표시되는 회사 연락처 정보를 수정합니다.

단계 1: 푸터 설정 열기

1. 왼쪽 메뉴 하단의 Globals 섹션에서 푸터를 클릭합니다.

단계 2: 연락처 정보 수정

1. 연락처 정보 섹션을 찾습니다.
2. 변경할 필드를 수정합니다:
3. 전화번호: 02-1234-5678
4. 주소: 서울시 강남구 테헤란로 123, ARTTOKEN 빌딩 5층
5. CEO: 홍길동
6. 사업자등록번호: 123-45-67890
7. 개인정보책임자: 김보안
8. 이메일: contact@arttoken.co

단계 3: 저장

1. 저장 버튼을 클릭합니다.

단계 4: 확인

1. 웹사이트 하단의 푸터에서 변경된 정보를 확인합니다.

⚠️ 주의: 푸터 설정은 저장 즉시 모든 페이지에 반영됩니다.

문제 해결

Q: 저장 버튼을 눌러도 저장되지 않아요.

A: 다음을 확인하세요: 1. 필수 필드(*)가 모두 입력되었는지 확인 2. 오류 메시지가 있는 필드를 찾아 수정 3. 네트워크 연결 상태 확인

Q: 미리보기가 작동하지 않아요.

A: 다음을 확인하세요: 1. 팝업 차단 설정이 되어있는지 확인 2. 먼저 임시저장(저장)을 한 후 미리보기 시도 3. 브라우저 캐시 삭제 후 다시 시도

Q: 이미지가 업로드되지 않아요.

A: 다음을 확인하세요: 1. 파일 크기가 너무 큰지 확인 (최대 2GB) 2. 지원되는 파일 형식인지 확인 (JPG, PNG, WebP, GIF, SVG) 3. 네트워크 연결 상태 확인

Q: 발행 후 웹사이트에 반영이 안 돼요.

A: 다음을 시도하세요: 1. 브라우저 캐시 삭제 (Ctrl+Shift+R 또는 Cmd+Shift+R) 2. 시크릿/프라이빗 모드에서 확인 3. 1~2분 기다린 후 다시 확인 (서버 캐시 갱신 시간 필요)

💡 참고: 페이지 발행은 캐시 갱신까지 최대 1~2분이 소요될 수 있습니다. 반면 헤더/푸터 등 Globals 설정은 저장 즉시 반영됩니다.

다음 단계

• 1. 시작하기 - Admin 기본 사용법 다시 보기
• 8. 공통 기능 가이드 - 블록 에디터 상세 사용법