메인페이지

히어로·인기 강좌·러닝패스·CTA·후기 갤러리 등 섹션을 드래그로 조합해 메인을 디자인해요.

메인페이지 화면
메인페이지 어드민 화면

개요

메인페이지는 방문자가 가장 먼저 보는 화면이에요. 섹션 단위로 구성되어 있어 추가·삭제·순서 변경을 자유롭게 할 수 있어요.

화면 상단은 [히어로 설정] · [섹션 관리] 두 탭으로 나뉘어요. 히어로 슬라이드 등록·편집은 히어로 설정 탭에서, 그 아래 콘텐츠 섹션 추가·정렬·삭제는 섹션 관리 탭에서 해요.

주요 기능

  • 섹션 추가/삭제 — 인기 강좌·러닝패스·배너·통계 수치·CTA·후기 갤러리·자유 HTML 등
  • 드래그 정렬 — 섹션 순서를 마우스로 변경
  • 히어로 슬라이드 — 배경 이미지·헤드라인·CTA 버튼
  • AI 이미지 생성 — 히어로 배경을 텍스트 프롬프트로 즉석 제작
  • 섹션별 편집 — 제목·설명·링크·이미지를 우측 패널에서 수정
  • 라이브 미리보기 — 변경 결과를 즉시 확인

구성 흐름

  1. 히어로 설정 탭에서 히어로 슬라이드를 등록하고 배경 이미지·헤드라인·CTA 버튼을 편집해요.
  2. 섹션 관리 탭으로 이동해 섹션 추가에서 원하는 섹션을 선택해 추가해요.
  3. 각 섹션을 클릭해 제목·설명·링크·이미지 등 내용을 채워요.
  4. 드래그로 섹션 순서를 정해요.
  5. 저장하면 즉시 사이트에 반영돼요.

주의사항

  • 히어로 이미지는 너무 어두우면 텍스트가 안 보여요. 미리보기로 가독성을 꼭 확인해 주세요.
  • 섹션을 너무 많이 쌓으면 첫 화면이 무거워져요. 핵심 5~7개 섹션을 권장해요.