* 스타호스트 서버는 SuPHP 를 적용한 서버이기에 일부 프로그램을 제외하고는 퍼미션을 변경하지 않으셔도 됩니다.
* 본 자료들을 무단으로 도용 및 복제 하실 수 없습니다.
| 샘플 사이트 : | http://demo.starhost.co.kr/xe |
|---|
* 본 설명은 제로보드 XE - 1.3.x 버전 이상에서 기본적인 레이아웃을 이용하여 홈페이지를 만드는 방법을 알려드립니다.
* 많은 분들이 제로보드XE 를 설치를 완료하긴 하시지만 "시작모듈" 설정을 안하시는 것으로 많은 질문을 하셔서 작성 하게 됐습니다.
* 본 설명은 제로보드XE 가 http://도메인 에 설치되어 있다는 가정하에 설명을 드립니다.
* 본 예제는 제로보드XE - 1.3.1 에서 1.3.1.1 로 업데이트 하는 과정도 설명하고 있습니다.
* 일반적인 호스팅 사와는 FTP 및 DB 입력방식이 다르니 호스팅을 받으시는 업체에서 제공하는 정보를 참고 하시기 바랍니다.
* 본 예제를 무사히 완료 하신다면 제로보드 XE 의 기본적인 이해는 되시리라 생각 됩니다.
01. 제로보드 XE 설치를 진행 합니다.
01-1. 저희 스타호스트에서 호스팅을 신청하실때 제로보드-XE 설치를 요청하시면 셋팅하실 수 있도록 설정해 드립니다.
01-2. 호스팅 신청란의 댓글을 참고하여 설치를 진행 합니다.
01-3. 본인의 도메인에 접속하면 다음과 같이 화면을 보실 수 있습니다.
01-4. 필수 설치조건을 보여주고 있습니다.
01-5. FTP정보를 입력하는 그림입니다.
- FTP 아이디에는 본인의 FTP 아이디를 적어 줍니다.
- 일반 호스팅 회사에서 사용하는방식과는 다르게 앞부분에 ftp@ 를 삽입 합니다.
- 접속확인을 클릭하신후 성공 메세지가 뜨면, 등록을 클릭 합니다.
- Siteworx 제어판에서 본인의 FTP 정보를 확인하실 수 있으며, 이곳 에서 메뉴얼을 보실 수 있습니다.
01-6. DB를 선택하는 그림 입니다.
01-7. DB & 관리자 정보 입력 란입니다.
- Siteworx 제어판에서 본인의 DB 정보를 확인하실 수 있으며, 이곳 에서 메뉴얼을 보실 수 있습니다
- DB 호스트네임 에는 localhost 를 입력해 줍니다.
- DB 아이디 에는 본인의 DB 아이디를 입력해 줍니다.(예제 에서는 demostar_demo를 입력)
- DB 데이터베이스에는 본인의 DB 데이터베이스를 입력 합니다.(예제 에서는 demostar_demodb를 입력)
- 테이블 머릿말 에는 DB 테이블명에 들어갈 머릿말을 입력 합니다.
- 서버에서 rewrite mode 를 지원하고 있으므로 체크해 줍니다.
- 모두 기입하고 완료 버튼을 누르면 설치가 완료 되며, 관리자로 로그인 하시면 됩니다.
02. 설치가 완료 되었으니 제로보드XE 설치시에 작성한 관리자 어드민 으로 접속 합니다.
02-1. 만약 설치후 관리자 접속창이 안나온다면 http://본인도메인/admin 을 입력하여 관리자로 접속 합니다.
03. 관리자로 처음 접속한 화면 입니다.
04. "쉬운설치" 셋팅하기
04-1. 자신의 XE 관리자로 접속 하여 버전을 확인 합니다.
05. 왼쪽 메뉴의 시스템 관리 --> 쉬운 설치 를 클릭 합니다. 이후 FTP Setup 을 클릭하여 설정해 줍니다.
FTP 설정은 제로보드XE 제어판 에서 오른쪽 상단에 "Settings" 를 클릭하여도 FTP 설정에 관련된 내용을 보실 수 있습니다.
06. FTP 계정 정보 입력 및 확인을 해줍니다.
6-1. 제로보드XE 설치 과정중 FTP 설정을 안해줬다면 다음과 같이 설정해 줍니다.
6-2. 본인의 FTP 계정 아이디와 비밀번호 정보를 입력후 "접속 확인" 을 클릭 합니다.
6-3. "접속 확인" 클릭 후 "FTP 접속 및 인증에 성공 하였습니다." 라는 메세지를 확인 후 "등록" 을 클릭하여 등록 합니다.
07. FTP 경로 정보 입력 설정을 해줍니다.
7-1. FTP 정보 입력 창에서 "설치된 XE의 FTP 절대경로 설정" 을 해줍니다.
7-2. 보통 호스팅의 경우 FTP 를 접속하면 public_html 폴더 안쪽에 홈페이지 관련 파일을 넣으므로 public_html 을 클릭 합니다.
7-3. 스타호스트 호스팅 신청자중 제로보드 XE 설치를 요청하신 분이라면 public_html 만 클릭 하시면 됩니다.
7-4. 오른쪽 하단의 "등록" 을 클릭 합니다.
08. 왼쪽 메뉴의 시스템관리 --> 쉬운 설치를 클릭후 "Update" 를 클릭 합니다.
09. 업데이트후에 보이는 모듈 및 에드온 위젯등이 보입니다.
10. 본인이 설치한 제로보드XE가 1.3.0 이상이지만 최신버전이 아니라면, 제로보드의 핵심인 XE Core 를 먼저 업데이트 시켜줍니다.
10-1. 왼쪽 메뉴의 시스템관리 --> 쉬운설치 --> XE Core 를 클릭 합니다.
10-2. 아래의 그림과 같이 '업데이트" 버튼이 보인다면 "업데이트"를 클릭 합니다.
10-3. 다음 화면에서 나오는 "설치" 를 클릭 후 설치 완료를 확인 합니다.(XE Core 는 설치 시간이 조금 깁니다. 약2분)
10-4. 다음 화면은 "설치완료" 화면 입니다.
10-5. 설치후 왼쪽 상단의 "제어판" 을 클릭후 오른쪽 하단의 "캐시파일 재생성" 과 "세션 정리" 를 클릭 하여 최적화 시킵니다.
11. 게시판 모듈을 설치하기 위해 왼쪽 메뉴에서 모듈을 클릭 후 게시판의 "설치" 를 클릭 합니다.
12. 새로 나오는 창에서 "설치" 를 클릭 후 설치 완료를 확인 합니다.
13. 왼쪽 상단에 제어판을 선택 하여 모듈에서 방금 설치한 게시판의 빨간글씨의 "업데이트" 를 클릭 합니다.
14. 제어판의 왼쪽 메뉴에 있는 서비스 관리 --> 게시판을 클릭 하여 "생성" 을 클릭 합니다.
15. 생성된 게시판 모듈에서 오른쪽의 "생성"을 클릭하여 게시판 하나를 생성합니다.(모듈이름: board / 브라우저 제목: 게시판)
16. 왼쪽 메뉴의 서비스 관리 --> 페이지 를 클릭하여 페이지를 하나 생성 합니다.(모듈이름: home / 브라우저 제목: 홈)
(비어있는 페이지를 만들어서 홈페이지 메인을 만들고 위젯을 이용하여 최근게시물 등을 만들 수 있습니다.)
17. 홈페이지의 메뉴중 "홈" 메뉴를 만들어 줍니다.(예제에서는 홈 과 게시판 두개로 진행 합니다.)
17-1. 왼쪽 메뉴의 "사이트 설정" --> "메뉴" 를 클릭 하여 나오는 "생성" 을 클릭 합니다.
17-2. 제목에는 메뉴그룹을 알아보기 쉽게 "상단메뉴" 를 적고 "등록"을 클릭 합니다.
17-3. 만들어진 상단메뉴를 편집 하기 위해 오른쪽의 등록일 옆의 "설정" 버튼을 클릭 합니다.(톱니바퀴모양)
17-4. 화면 중앙에 메뉴옆의 + 를 클릭 합니다.
17-5. 메뉴명에 "홈" 을 적고, 연결 url 에 "mid 찾기" 버튼을 클릭 하여 새로운 창을 열어 페이지로 만들어준 "home"을 선택 합니다.
17-6. 아래와 같이 모두 입력 됐으면, 오른쪽 아래의 저장을 클릭 합니다.
18. 이번에는 홈페이지의 메뉴중 "게시판" 메뉴를 만들어 줍니다.
18-1. 사이트설정 --> 메뉴 에서 상단메뉴를 편집 하기 위해 오른쪽의 등록일 옆의 "설정" 버튼을 클릭 합니다.(톱니바퀴모양)
18-2. 화면 중앙에 메뉴옆의 + 를 클릭 합니다.
18-3. 메뉴명에 "게시판" 을 적고, 연결 url 에 "mid 찾기" 버튼을 클릭하여 새로운 창을 열어 게시판으로 만들어준 "board"를 선택 합니다.
18-4. 아래와 같이 모두 입력 됐으면, 오른쪽 아래의 저장을 클릭 합니다.
19. "홈" 메뉴와 "게시판" 메뉴가 생성된 모습 입니다.
(게시판 이외에 방명록 이나 사진첩과 같은 메뉴를 추가하여 원하는 만큼 메뉴를 만들 수 있습니다)
20. 레이아웃 만들기 및 설정 하기
(홈페이지를 만들기 위해서는 이미 만들어진 레이아웃을 이용하면 편하고, 만들어준 상단메뉴로 연동하면 금방 사이트가 완성 됩니다)
20-1. 왼쪽 메뉴의 "사이트 설정" --> "레이아웃" 을 클릭 하고, "다운로드 목록" 탭을 클릭 하여 "생성"을 클릭 합니다.
20-2. 이어서 나오는 레이아웃 생성 제목에 자신이 원하는 레이아웃 이름을 적고, "다음"을 클릭 후 등록 합니다.
20-3. 등록된 다음 화면에서 아래쪽에 있는 메뉴중 "상단 메뉴" 에서 본인이 만들어준 "상단메뉴" 를 선택 후 "저장"합니다.
20-4. 다시 레이아웃 설정을 보고 싶다면 왼쪽 메뉴의 "사이트 설정" --> "레이아웃" 을 클릭하고 오른쪽의 톱니 모양을 클릭 합니다.
21. 상단메뉴와 레이아웃이 만들어졌므로 이제는 만들어준 모듈(홈,게시판) 설정에서 레이아웃을 지정해줘야 합니다.
21-1. 왼쪽메뉴의 "서비스 관리" --> "페이지" 를 클릭하고 만들어준 home 모듈의 오른족에 있는 "설정" 버튼(톱니모양)을 클릭 합니다.
21-2. 설정 화면에서 아래쪽 부분에 있는 레이아웃에 본인이 만들어준 레이아웃을 선택후 저장을 클릭 합니다.
21-3. 이번에는 게시판 모듈에 레이아웃을 적용하기 위해 왼쪽메뉴의 "서비스 관리" -->"게시판" 을 클릭하여 만들어준 board 모듈의 오른족에 있는 "설정" 버튼(톱니모양)을 클릭 합니다.
21-4. 설정 화면에서 아래쪽 부분에 있는 레이아웃에 본인이 만들어준 레이아웃을 선택후 등록을 클릭 합니다.
22. "시작모듈" 등록하기
("시작모듈"을 등록 안하면, 아무리 잘 만들어진 홈페이지도 접속을 하면 모듈 설정을 해달라고 오류가 나오니 반드시 해줘야 하는 작업 입니다.)
22-1. 오른쪽 상단에 있는 "Settings" 를 클릭 합니다.
22-2. 화면 중간의 "시작모듈" 에서 "선택" 을 클릭 합니다.
(아래의 그림과 시작모듈에 () 라고 되어 있으면 오류가 나오는 원인이 됩니다.)
22-3. 모듈 선택기 에서 모듈 부분에 페이지를 선택한후 "검색"을 클릭하여 아래에 생성한 home 페이지 모듈을 선택 합니다.
22-4. 시작모듈에 home 모듈로 선택된 것을 확인 하실 수 있습니다.
22-5. 화면 아래로 조금 내려오면 "저장" 버튼이 있습니다. 저장을 클릭하여 줍니다.
23. 모든 설정이 완료 되었습니다. 본인의 http://도메인 으로 접속해 보시면 아래와 같이 홈페이지가 생성되어져 있습니다.
24. 자신의 홈페이지 레이아웃이 식상하다면, 좌측메뉴의 "쉬운설치" --> "레이아웃 스킨" 에서 여러종류의 레이아웃 스킨을 설치하실 수 있습니다. 레이아웃 스킨을 설치후 위에서 설명한 대로 레이아웃 스킨을 설정 하는 방법으로 간단히 바꿀 수 있습니다.
25. 그 외의 홈페이지 꾸미는 작업은 제로보드 XE 공식 사이트 및 본 사이트의 제로보드XE 관련 팁과 강좌에서 정보를 얻으실 수 있습니다.



자세한설명 감사드립니다.^^