메뉴 순서
대시보드 · 기본 정보 · 메인 화면 관리 · 소식/공지 · 게시판 · 구성원 · 사진 · 신청 기능 설정 · 미리보기
홈페이지 관리 CMS 운영 매뉴얼
왼쪽 메뉴 순서대로 어디를 누르면 어떤 화면과 다이얼로그가 열리는지, 각 버튼이 어떤 역할을 하는지 따라 할 수 있도록 정리했습니다. 화면 위 표시는 버튼 하나를 정확히 찍기보다 조작 영역을 주황색 박스로 보여줍니다.
마커 편집 모드
편집 모드를 켠 뒤 마커를 드래그하거나, 아래 숫자 입력으로 정밀 조정할 수 있습니다. 우하단 모서리 resize는 좌상단을 고정하고 오른쪽/아래쪽으로만 커집니다.
선택 마커 숫자 조정
다이얼로그 캡처 기준
다이얼로그만 잘라내지 않고, 실제 메뉴 화면 위에 열린 상태로 캡처했습니다.
버튼 설명 기준
저장하기, 편집 내용 적용, 홈페이지에 저장, 공개 중지, 복구, 완전삭제처럼 실제 화면에 보이는 버튼명을 그대로 사용했습니다.
왼쪽 메뉴 1
CMS 로그인 및 대시보드
로그인 후 현재 관리 대상과 왼쪽 메뉴를 확인합니다.
1 / 3
- 1로그인 ID와 비밀번호를 입력합니다.
- 2로그인 버튼을 눌러 관리자 화면으로 이동합니다.
- 1왼쪽 메뉴에서 작업할 화면으로 이동합니다.
- 2현재 홈페이지 상태와 안내를 확인합니다.
- 3오른쪽 상단에서 로그인 계정과 관리 대상 코드를 확인합니다.
- 1내 홈페이지 버튼으로 공개 화면을 확인할 수 있습니다.
왼쪽 메뉴 2
기본 정보
학원명, 로고, 연락처, 주소처럼 홈페이지 전체에 공통으로 쓰이는 정보를 관리합니다.
1 / 3
- 1기본 정보 메뉴를 선택합니다.
- 2현재 저장된 학원명, 소개 문구, 연락처, 주소를 확인합니다.
- 1학원명과 홈페이지 표시 문구를 수정합니다.
- 2연락처, 주소, 상담 링크를 입력합니다.
- 3로고나 대표 이미지를 교체합니다.
- 1저장하기 버튼으로 변경사항을 저장합니다.
- 2저장 완료 안내가 보이면 저장된 상태입니다.
왼쪽 메뉴 3
메인 화면 관리
홈페이지 첫 화면에 보이는 배너, 소개, 수업 정보, 성적/성과, 공지사항, 오시는 길 등을 카드와 다이얼로그로 관리합니다.
1 / 15
- 1메인 화면 관리 메뉴를 선택합니다.
- 2수정할 영역 카드를 찾습니다.
- 3저장 전 미리보기와 홈페이지에 저장 버튼은 화면 상단에 있습니다.
- 4숨기기/보이기 버튼은 해당 영역의 홈페이지 노출 여부를 바꿉니다.
- 1메인 배너에서 수정버튼을 클릭합니다.
- 2방문자에게 보일 제목, 문구, 이미지, 항목 내용을 수정합니다.
- 3닫기는 창만 닫습니다. 편집 화면에는 적용하지 않습니다. 편집 내용 적용을 누르면 메인 화면 관리 편집 화면에 반영됩니다.
- 4실제 저장은 바깥의 홈페이지에 저장 버튼을 눌러야 합니다.
- 1소개에서 수정버튼을 클릭합니다.
- 2방문자에게 보일 제목, 문구, 이미지, 항목 내용을 수정합니다.
- 3닫기는 창만 닫습니다. 편집 화면에는 적용하지 않습니다. 편집 내용 적용을 누르면 메인 화면 관리 편집 화면에 반영됩니다.
- 4실제 저장은 바깥의 홈페이지에 저장 버튼을 눌러야 합니다.
- 1수정 정보에서 수정버튼을 클릭합니다.
- 2방문자에게 보일 제목, 문구, 이미지, 항목 내용을 수정하거나 항목추가를 클릭합니다.
- 3닫기는 창만 닫습니다. 편집 화면에는 적용하지 않습니다. 편집 내용 적용을 누르면 메인 화면 관리 편집 화면에 반영됩니다.
- 4실제 저장은 바깥의 홈페이지에 저장 버튼을 눌러야 합니다.
- 1서비스 안내 에서 수정버튼을 클릭합니다.
- 2방문자에게 보일 제목, 문구, 이미지, 항목 내용을 수정하고, 항목 추가를 클릭합니다.
- 3닫기는 창만 닫습니다. 편집 화면에는 적용하지 않습니다. 편집 내용 적용을 누르면 메인 화면 관리 편집 화면에 반영됩니다.
- 4실제 저장은 바깥의 홈페이지에 저장 버튼을 눌러야 합니다.
- 1성적/성과에서 수정버튼을 클릭합니다.
- 2방문자에게 보일 제목, 문구, 이미지, 항목 내용을 수정하거나, 성과 추가를 클릭합니다.
- 3닫기는 창만 닫습니다. 편집 화면에는 적용하지 않습니다. 편집 내용 적용을 누르면 메인 화면 관리 편집 화면에 반영됩니다.
- 4실제 저장은 바깥의 홈페이지에 저장 버튼을 눌러야 합니다.
- 1구성원 소개에서 수정버튼을 클릭합니다.
- 2방문자에게 보일 제목, 문구, 이미지, 항목 내용을 수정합니다.
- 3닫기는 창만 닫습니다. 편집 화면에는 적용하지 않습니다. 편집 내용 적용을 누르면 메인 화면 관리 편집 화면에 반영됩니다.
- 4실제 저장은 바깥의 홈페이지에 저장 버튼을 눌러야 합니다.
- 5실제 구성원은 여기서 등록 가능합니다.
- 1사진에서 수정버튼을 클릭합니다.
- 2방문자에게 보여질 사진 영역의 제목을 수정합니다. 예) 학원 전경
- 3닫기는 창만 닫습니다. 편집 화면에는 적용하지 않습니다. 편집 내용 적용을 누르면 메인 화면 관리 편집 화면에 반영됩니다.
- 4실제 저장은 바깥의 홈페이지에 저장 버튼을 눌러야 합니다.
- 5실제 사진은 여기에서 등록할 수 있습니다.
- 2공지사항에서 수정버튼을 클릭하여 공지사항 영역 문구와 공지 갯수를 수정합니다.
- 3닫기는 창만 닫습니다. 편집 화면에는 적용하지 않습니다. 편집 내용 적용을 누르면 메인 화면 관리 편집 화면에 반영됩니다.
- 4실제 저장은 바깥의 홈페이지에 저장 버튼을 눌러야 합니다.
- 1상담안내에서 수정버튼을 클릭하여 상담 문구등을 수정합니다.
- 2닫기는 창만 닫습니다. 편집 화면에는 적용하지 않습니다. 편집 내용 적용을 누르면 메인 화면 관리 편집 화면에 반영됩니다.
- 3실제 저장은 바깥의 홈페이지에 저장 버튼을 눌러야 합니다.
- 1학생/학부모 기능에서 수정버튼을 클릭하여 다이얼로그를 엽니다.
- 23, 4번 기능에 화면 커서를 옮기도록 하는 기능입니다.
- 3학생의 개인별 시간표에 대한 노출 여부를 결정합니다.
- 4학생의 과제/시험 현황에 대한 노출 여부를 결정합니다.
- 1오시는 길에서 수정버튼을 클릭합니다.
- 2주소 및 지도위치 찾기 기능을 사용합니다. 원하실 경우 교통 안내 문구로 넣을 수 있습니다.
- 3닫기는 창만 닫습니다. 편집 화면에는 적용하지 않습니다. 편집 내용 적용을 누르면 메인 화면 관리 편집 화면에 반영됩니다.
- 4실제 저장은 바깥의 홈페이지에 저장 버튼을 눌러야 합니다.
- 1새 영역 추가 제목을 확인합니다.
- 2추가할 영역 템플릿을 선택합니다.
- 3취소는 새 영역 추가를 중단합니다. 영역 추가를 누르면 편집 화면에 새 영역이 추가됩니다.
- 4실제 저장은 홈페이지에 저장 버튼으로 합니다.
- 1이전 상태 복원 제목을 확인합니다.
- 2복원 가능한 저장 이력이 표시됩니다.
- 3닫기는 복원하지 않고 창을 닫습니다.
- 4복원 버튼이 보이면 해당 저장 상태로 되돌립니다.
- 1숨기기/보이기로 홈페이지 노출 여부를 조정합니다.
- 2저장 전 미리보기로 저장 전 상태를 확인합니다.
- 3홈페이지에 저장을 눌러 현재 편집 내용을 저장합니다.
왼쪽 메뉴 4
소식/공지
공지사항을 작성, 수정하고 홈페이지 공개 상태를 관리합니다.
1 / 4
- 1소식/공지 메뉴를 선택합니다.
- 2공지사항 작성 버튼으로 새 공지를 등록합니다.
- 3수정, 공개 중지, 복구, 완전삭제 버튼으로 상태를 관리합니다.
- 1다이얼로그 제목에서 어떤 항목을 수정하거나 등록하는지 확인합니다.
- 2입력칸과 선택값을 확인하고 필요한 내용을 수정합니다.
- 3닫기 또는 취소는 현재 창을 닫습니다. 저장되지 않은 입력은 반영되지 않을 수 있습니다.
- 1다이얼로그 제목에서 어떤 항목을 수정하거나 등록하는지 확인합니다.
- 2입력칸과 선택값을 확인하고 필요한 내용을 수정합니다.
- 3닫기 또는 취소는 현재 창을 닫습니다. 저장되지 않은 입력은 반영되지 않을 수 있습니다.
- 1확인창 제목으로 어떤 작업을 진행하려는지 확인합니다.
- 2설명 문구에서 작업 결과와 복구 가능 여부를 확인합니다.취소를 누르면 아무 변경 없이 확인창을 닫습니다.공개 중지 버튼을 누르면 해당 작업이 실행됩니다.
왼쪽 메뉴 5
게시판
게시판 설정과 게시글을 작성, 수정하고 공개 상태를 관리합니다.
1 / 9
- 1게시판 메뉴를 선택합니다.
- 2게시판 추가 또는 게시글 작성 버튼으로 새 항목을 등록합니다.
- 3게시글의 공개 상태와 관리 버튼을 확인합니다.
- 1게시판을 메뉴를 선택하고 게시판 추가 버튼을 클릭합니다.
- 2게시판 용도를 선택합니다.
- 3게시판 용도에 따라 옵션이 바뀝니다. 수동으로도 선택할 수 있습니다.
- 4저장하기 버튼으로 현재 창의 내용을 반영합니다.
- 1수정 버튼을 클릭합니다.
- 2입력칸과 선택값을 확인하고 필요한 내용을 수정합니다.
- 3닫기 또는 취소는 현재 창을 닫습니다. 저장되지 않은 입력은 반영되지 않을 수 있습니다.
- 1게시판 숨김처리를 클릭합니다.
- 2확인 창 이후 게시판을 숨김처리 할 수 있습니다.
- 1복구 버튼을 클릭합니다.
- 2게시판을 복구를 선택할 수 있습니다.
- 1완전 삭제 버튼을 클릭합니다.
- 2숨김처리 했던 게시판을 완전 삭제할 수 있습니다.
- 1게시글 작성 버튼을 클릭합니다.
- 2글을 게시할 게시판을 선택합니다.
- 3필요한 내용을 입력하세요.
- 4저장하기 버튼으로 현재 창의 내용을 반영합니다.
- 1수정버튼을 클릭합니다.
- 2필요한 내용을 입력하세요.
- 3저장하기 버튼으로 현재 창의 내용을 반영합니다.
- 1공개중지 버튼을 클릭하세요.
- 2확인창을 통해 공개 중지가 가능합니다.
왼쪽 메뉴 6
구성원
홈페이지에 소개할 구성원을 추가, 수정하고 노출 상태를 관리합니다.
1 / 4
- 1구성원 메뉴를 선택합니다.
- 2구성원 추가 버튼으로 새 구성원을 등록합니다.
- 3수정, 숨기기, 복구, 완전삭제 버튼으로 상태를 관리합니다.
- 1구성원 메뉴를 선택합니다.
- 2구성원 추가 버튼을 클릭합니다.
- 3필요한 내용을 입력합니다. 이미지는 홈페이지에 공개됩니다.
- 4저장하기 버튼으로 현재 창의 내용을 반영합니다.
- 1수정버튼을 클릭합니다.
- 2필요한 정보를 입력합니다.
- 3공개여부와 표시순서를 결정할 수 있습니다.
- 4저장하기 버튼으로 현재 창의 내용을 반영합니다.
- 1숨기기 버튼을 클릭합니다.
- 2확인창을 통해 구성원을 숨김처리합니다.
왼쪽 메뉴 7
사진
홈페이지에 보여줄 사진을 추가하고 숨김 사진을 복구하거나 완전삭제합니다.
1 / 4
- 1사진 메뉴를 선택합니다.
- 2사진 추가 버튼으로 이미지를 등록합니다.
- 3방문자에게 보이는 사진 설명과 상태를 확인합니다.
- 1사진 메뉴를 선택합니다.
- 2사진 추가 버튼을 클릭합니다.
- 3필요한 내용을 입력합니다.
- 4저장하기 버튼으로 현재 창의 내용을 반영합니다.
- 1복구버튼을 클릭합니다.
- 2확인창을 통해 사진을 노출할 수 있습니다.
- 1완전 삭제 버튼을 클릭합니다.
- 2확인창을 통해 사진을 완전 삭제할 수 있습니다.
왼쪽 메뉴 8
신청 기능 설정
홈페이지 상담신청과 수강신청 폼의 노출 항목과 필수값을 설정합니다.
1 / 3
- 1신청 기능 설정 메뉴를 선택합니다.
- 2상담신청과 수강신청 중 수정할 탭을 선택합니다.
- 3신청 기능 저장 버튼으로 설정을 저장합니다.
- 1항목 표시 여부를 조정합니다.
- 2필수 입력 여부를 조정합니다.
- 3방문자에게 보일 문구와 안내를 정리합니다.
- 1변경사항 저장 버튼으로 설정을 저장합니다.
- 2저장 완료 안내가 보이면 신청폼에 적용됩니다.
왼쪽 메뉴 9
미리보기
저장된 홈페이지를 관리자 화면에서 확인하고 공개 홈페이지에서 최종 반영 상태를 확인합니다.
1 / 2
- 1미리보기 메뉴를 선택합니다.
- 2PC 미리보기 화면을 확인합니다.
- 1브라우저 주소가 고객 홈페이지 주소인지 확인합니다.
- 2관리자에서 저장한 내용이 방문자 화면에 보이는지 확인합니다.
이 문서는 외부 라이브러리 없이 작성되어 file://로 열어도 단계 이동 버튼이 동작합니다. 인쇄할 때는 모든 단계가 펼쳐집니다.