홈 화면 설정

홈 화면의 다양한 옵션들을 설정하는 방법에 대해 설명합니다.

• 홈 상단에 위치한 '관리자 마스터 섹션'을 통해 홈 설정을 시작합니다.
  • '관리자 모드'를 선택하고 홈의 다양한 옵션들을 설정할 수 있습니다.
  • '사용자 뷰'를 선택하면 관리자가 아닌 일반 사용자에게 보이는 화면을 바로 확인할 수 있습니다.

메인 배너 관리

메인 배너 설정하기

관리자 모드에서는 메인 배너 상단에 메인 배너를 꾸밀 수 있는 다양한 버튼이 나타납니다.

1. 제목 위에 나타나는 뱃지의 내용을 설정할 수 있습니다.
2. 제목을 설정할 수 있습니다.
3. 내용을 설정할 수 있습니다.
4. 텍스트 정렬을 설정할 수 있습니다. (왼쪽 정렬)
5. 텍스트 정렬을 설정할 수 있습니다. (가운데 정렬)
6. 텍스트 색상을 설정할 수 있습니다. 텍스트 색상은 블랙 또는 화이트 두 가지로 설정 가능합니다.
7. 배너의 배경 색상을 설정할 수 있습니다.
8. 배너 영역 전체를 차지하는 '배경 이미지'를 설정할 수 있습니다.
9. 텍스트 오른쪽에 위치하는 '홍보 이미지'를 설정할 수 있습니다.
10. 배너 클릭 시 넘어갈 링크를 설정할 수 있습니다. 배너를 클릭하면 링크된 페이지로 이동합니다.

메인 배너 추가/삭제하기

1. 배너의 순서를 변경할 수 있습니다.
2. 배너를 추가할 수 있습니다. 추가할 수 있는 배너 최대 개수는 10개입니다.
3. 현재 선택되어있는 배너를 삭제합니다.

섹션 관리

섹션에서 불러올 수 있는 구성은 크게 3가지 입니다.

1. ‘과목’ : 단일 과목을 홈 화면에 불러올 수 있습니다.
2. ‘트랙’ : 과목들을 묶은 ‘트랙’을 홈 화면에 불러올 수 있습니다.
3. ‘광고배너' : 과목과 트랙 외에 외부 링크로 이동할 수 있는 배너를 홈 화면에 불러올 수 있습니다.

섹션 추가하기

홈에서 '섹션 추가'를 클릭하면 홈을 구성하기 위한 새로운 영역이 생성됩니다. 추가된 영역에 로드맵, 과목, 광고 배너 등 다양한 요소를 배치하여 홈을 구성할 수 있습니다.

1. 화면 최하단의 '섹션 추가' 버튼을 클릭합니다.

2. '광고 배너', '로드맵', '과목' 중 원하는 섹션을 선택합니다. (각 섹션을 선택하면 미리 보기가 표시됩니다.)

3. '확인'을 클릭하면 선택된 섹션이 추가됩니다.

※주의: 섹션 내 항목을 추가하기 전까지는 섹션이 보이지 않습니다.

섹션 삭제하기

1. 삭제하고자 하는 섹션 우측 상단의 휴지통 아이콘을 클릭합니다.
2. 삭제 확인 창이 나타나면 '확인' 버튼을 클릭합니다.

섹션명 및 설명 수정하기

섹션명 우측 섹션 제목 수정 아이콘 버튼을 클릭하여 섹션명 및 설명을 수정할 수 있습니다.

*섹션명은 필수 입력 값이며, 섹션 설명은 선택 사항입니다.

섹션 순서 변경하기

1. 공지사항 하단의 '섹션 순서 변경' 버튼을 클릭합니다.

2. 드래그 앤 드롭 방식을 통해 섹션의 순서를 변경합니다.

로드맵/과목 카드 관리

섹션을 만들었다면 섹션 안에 들어갈 로드맵/과목 카드를 설정할 수 있습니다.

로드맵/과목 카드 추가하기

1. 로드맵/과목 가져오기 버튼을 클릭합니다.

2. 추가할 로드맵/과목을 태그 혹은 로드맵명으로 검색합니다.

3. 로드맵/과목 중 불필요한 것은 X아이콘을 눌러 삭제한 후 '확인' 버튼을 눌러 추가합니다.

※ 비공개 로드맵/과목은 추가할 수 없습니다. 로드맵/과목을 불러오고 싶으면 '공개하기' 버튼을 클릭해주세요. (클릭 후 아래 이미지와 같이 '공개됨' 상태로 변경됩니다.)
※ 한 섹션에 추가할 수 있는 로드맵/과목 카드의 개수는 최대 30개입니다.

로드맵/과목 카드 순서 변경하기

1. 로드맵/과목 카드의 순서를 변경하고 싶은 경우, 섹션 우측 상단의 순서 변경 아이콘을 클릭합니다.
2. 드래그 앤 드롭을 이용하여 로드맵/과목 카드의 순서를 변경합니다.

로드맵/과목 카드 정보 구성 변경하기

1. 로드맵/과목 카드 정보에 대한 구성은 섹션 단위로 변경할 수 있습니다.
2. 로드맵/과목 카드 정보 구성을 변경하고 싶은 섹션의 우측 상단 카드 수정 아이콘을 클릭합니다.

3. 해당 섹션 내 로드맵/과목 카드에서 드러내고자 하는 정보를 체크할 수 있습니다.

*정보 구성 항목은 '로드맵/과목 정보' 및 '상세 정보'로 나뉩니다.

*'상세 정보'의 경우 최대 3개까지 선택할 수 있으며, '로드맵/과목 정보'는 선택 개수 제한이 없습니다.

4. 확인 버튼을 클릭한 후 로드맵/과목 카드에 마우스를 가져다 대면 구성된 정보가 나타납니다.

5. 로드맵/과목 카드 정보에 대한 상세 설정은 다음 경로에서 진행 가능합니다.

• 로드맵
  • 경로 1: 홈 화면 내 로드맵 카드 클릭 > 로드맵 수정
  • 경로 2: 기관 관리 > 로드맵명 클릭 > 로드맵 수정

• 과목
  • 경로 1: 홈 화면 내 과목 카드 클릭 > 설정
  • 경로 2: 기관 관리 > 과목명 클릭 > 설정

광고 배너 관리

섹션을 만든 후 정보 제공, 외부 링크로 이동 등을 할 수 있는 광고 배너를 추가할 수 있습니다

광고 배너 추가하기

1. 화면 최하단의 '섹션 추가' 버튼을 클릭합니다.
2. '광고 배너'를 선택하고 '확인' 버튼을 눌러 추가합니다.

광고 배너 설정하기

관리자 모드에서는 광고 배너 위쪽에 광고 배너를 꾸밀 수 있는 다양한 버튼이 나타납니다.

1. 광고 배너에 들어갈 내용을 입력합니다.
2. 텍스트의 색상을 선택합니다. 텍스트 색상은 블랙 또는 화이트만 설정 가능합니다.
3. 배경 색상을 선택합니다.
4. 배너 영역 전체를 차지하는 '배경 이미지'를 설정할 수 있습니다.
5. 텍스트 오른쪽에 위치하는 '홍보 이미지'를 설정할 수 있습니다.
6. 클릭 시 넘어갈 링크를 설정할 수 있습니다. 배너를 클릭하면 링크된 페이지로 이동합니다.

광고 배너 삭제하기

1. 삭제하려는 광고 배너 우측 상단의 휴지통 아이콘을 클릭합니다.
2. 삭제 확인 창이 나타나면 '확인' 버튼을 눌러 삭제합니다.