홈페이지 Hero 관리
슬라이드 업로드·순서·자동재생·실제 CTA를 설정합니다.
진입과 전체 설정#
사이트 관리자 → 사이트 설정 → 메인 Hero (/admin/settings/hero)를 엽니다. system.settings 권한이 필요합니다. NETWORK·IMAGE·VIDEO·GRADIENT·SLIDER 중 현재 목적에 맞는 모드를 선택합니다. 기존 단일 미디어 설정을 지울 필요는 없습니다.
이미지와 영상 추가#
- 슬라이더에서 Hero 슬라이드 추가를 누르고 IMAGE 또는 VIDEO를 선택합니다.
- 이미지/영상 업로드를 사용합니다. 모바일 전용 미디어와 영상 poster는 필요할 때 추가합니다.
- 한국어·영어 대체 텍스트를 작성하고 미리보기를 확인합니다. 이미지는 전체가 보이도록 표시하며, 파일 속 가짜 버튼 대신 실제 CTA를 설정합니다. | 미디어 | 권장 | 업로드 한도 | | --- | --- | --- | | JPG/JPEG·PNG·WebP | 1920 × 720px, 최소 권장 1440 × 540px, 5MB 이하 | 10MB | | MP4·WebM | 같은 약 8:3 비율, 5~10초, 20MB 이하 | 30MB | 영상은 소리 없이 이해되도록 만들고, 로딩 전 표시할 poster를 권장합니다. 권장 비율과 다르면 여백이 생길 수 있습니다.
순서·시간·자동재생#
슬라이드는 위/아래 이동으로 순서를 바꾸고 사용 여부를 설정합니다. 최대 10개, 권장 35개입니다. 기본 자동재생은 ON, 표시시간은 6초, 전환은 FADE입니다. 개별 시간은 415초 범위에서 선택합니다. 화살표·점·재생/일시정지 표시도 조절합니다.
활성 슬라이드가 하나면 반복 이동이 필요하지 않습니다. 사용자는 일시정지할 수 있고 움직임 감소·탭 상태 등의 브라우저 조건에 따라 재생이 제한될 수 있습니다.
문구와 실제 CTA#
슬라이드별 제목·부제목의 KR/EN과 텍스트 표시 여부를 지정합니다. 이미지 안에 이미 문구가 있으면 텍스트 OFF와 CTA ON을 조합할 수 있습니다. CTA 1/2의 표시·KR/EN 문구·사이트 내부 URL 및 좌/중앙/우측 하단 위치를 설정합니다. 기본 연구실·연구자 버튼은 실제 링크입니다.
미리보기와 저장#
Desktop/Mobile 미리보기 후 저장하고 성공 토스트를 확인합니다. 홈페이지를 새로 열어 순서·문구·링크·자동재생을 확인하세요. 슬라이드 삭제와 미디어 파일 삭제는 다릅니다. 다른 슬라이드가 사용하는 파일을 임의로 지우지 않습니다. Hero 저장에 사이트 재배포는 필요하지 않습니다.
WeLab에서 사용해보기
연구실별 기능은 워크스페이스에서 소속 연구실을 선택한 뒤 이용합니다. 별도 안내가 없는 관리 작업은 Owner/Admin 권한이 필요합니다.
