제로보드 XE로 홈페이지 만들기 - 제4장 게시판 설치 및 사이트맵 만들기 / 우산

 

제로보드 XE로 홈페이지 만들기

 

제4장 게시판 설치 및 사이트맵 만들기

 

지난번에 사이트보드를 만들었으니까

이제는 직접 홈페이지를 만들기 위한 게시판 설치 및

새로운 사이트맵 만들기 입니다

 

진행 순서는 다음과 같습니다

1.게시판 모듈 설치하기

2.새 사이트맵 만들기 - 홈페이지용

 

1.게시판 모듈 설치하기

1-1 홈계정 로그인

먼저 지난번 만든 각자의 닷홈주소를 입력하여 XE관리자 페이지에 접속하여

로그인 합니다(이메일 주소 및 비번입력)

 

***************************

Tip

XE관리자 페이지 접속방법 두가지

1. 각자의 홈계정에 로그인한후, 관리자페이지 아이콘을 클릭하여 들어가는 방법

ㅇhttp://hanok365.dothome.co.kr (또는http://hanok365.dothome.co.kr /xe) 으로 접속후, 로그인

 

 

 

ㅇ화면 왼편 맨위에 있는 Admin 아이콘 클릭하여 들어감 

 

 

2. 직접 관리자페이지 주소로 들어가서 로그인 하는 방법

ㅇhttp://hanik365.dothome.co.kr/xe/admin으로 직접 접속후 관리자로 로그인

 

 

***************************

 

 

1-2 쉬운설치 시작

관리자 페이지에 들어왔으면 왼쪽 메뉴에서

고급/쉬운설치를 클릭합니다 (아래 이미지 참조)

 

 

 

1-3 모듈 탐색

설치할 게시판을 검색하기 위해 화면에 보이는 모듈을 클릭합니다 (아래 이미지 참조)

 

 

 

1-4 XE BOARD 설치

두번째 페이지에 있는 게시판중 XE BOARD (버젼은 1.7.1.1 입니다)를 선택하고

설치를 클릭합니다

 

 

1-5 FTP비밀번호 입력후 설치

아래 화면처럼 바뀌면 애초에 설정해 놓았던 FTP비밀번호를 입력하고 설치를 클릭합니다

 

1-6 쉬운설치 상태 업데이트

게시판 설치가 되고나면 바뀌는 쉬운설치 화면에서 "상태 업데이트"를 클릭해주세요 (수시로 가능)

 

 

1-7 설치된 게시판 모듈 확인방법

방금 시행한 게시판 모듈이 설치되었는지 여부를 확인하기 위해 "설치된 모듈"을 클릭합니다

고급/설치된 모듈

 

1-8 게시판 확인

설치된 여러가지 모듈중에 아래 화면처럼 게시판이 설치된 것을 확인할수 있습니다. 성공-

 

이상으로 내 홈페이지에 사용할 게시판이 설치되었습니다

이 게시판을 셋팅하고 사용하는 방법은 추후에 진행하기로 하고

우선 내홈페이지 초기화면으로 사용할 사이트맵 만들기를 해봅니다

 

2.사이트맵 만들기

 

1. 사이트맵 추가하는 화면 들어가기

관리자 페이지에서 아래와 같은 순서로 페이지를 엽니다

 사이트제작/편집 클릭 ---사이트메뉴편집을 클릭 하면

아래 화면이 보여지는데 여기서 맨 하단에 있는 "사이트맵 추가"를 클릭합니다

 

Tip : 잠깐, 사이트메뉴편집란에 있는 Welcome Page 옆에 홈 표시가 보입니다

즉 현재는 이 Welcome Page(=관리자페이지) 가 홈페이지 역할을 하고 있어 여러분이

닷홈 홈계정으로 들어가면 바로 이페이지가 보이는 것입니다

지금부터 만드는 새사이트맵을 다 만들고 나서 홈페이지로 사용하기로 바꿀예정입니다

 

 

 

2. 사이트 제목 입력

다음 화면처럼 오른쪽에 사이트맵 추가화면이 나오면

홈페이지 제목을 입력하시고 화면 하단의 확인을 클릭하면 됩니다

저와 같이 그대로 따라하실 분은 "유랑-Wandering"을 입력하고

아니면, 나름대로 홈을 연습하실 분은 각자의 홈제목을 입력하시면 됩니다

 

 

 

 

 

3.사이트맵 설치 확인

아래 화면처럼 홈페이지로 사용할 사이트가 추가된 것을 확인할 수 있습니다

오른쪽 화면은 이 사이트맵에 대한 세부작업을 시행하는 곳입니다

우선은 각자 만든 자신의 새 사이트 제목을 확인해 보시기 바랍니다

 

 

 

 

 

4.메뉴 추가 하기

위에서 오른편에 있는 메뉴추가를 클릭하고, 새화면이 뜨면 위젯피이지를 클릭하고

또다시 새화면이 뜨면 메뉴이름을 "home"이라고 입력하고 메뉴ID는 intro 라고 입력합니다

여기서 메뉴ID를 입력하지 않으면 자동부여되므로 입력하지 않아도 됩니다

다만, 추후 게시판 찾기 등 활용 편의를 위해서 메뉴ID를 입력합니다

(메뉴와 메뉴아이디 부여는 지난번 준비한 스토리보드 참조)

 

-작업순서 : 메뉴추가 / 위젯페이지 / 메뉴이름 입력 / 메뉴ID입력후, 확인 클릭

 

5. 새메뉴 확인

그결과 아래 화면처럼 새사이트(유랑-Wandering) 폴더에 주메뉴(home)이

생성된 것을 확인할 수 있습니다

 

 

 

6. 새메뉴 수정해보기

메시지에서 본 것처럼 이 메뉴 수정을 클릭하여 내용을 보고 필요하면 수정합니다

home--메뉴수정 클릭

화면에서 다른 것은 그대로 두고

브라우저 제목이 home으로 되어 있어, "유랑-Wandring" 으로변경하고 확인을 누룹니다

 

 

 

 

 

7. 나머지 메인메뉴 각자 만들기

메인메뉴 5개중 홈이라는 메인메뉴를 만들어 보았습니다

나머지 메인메뉴 즉, 홈을 제외한 여행/포토/영상/강좌 메뉴를

각자 만들어 봅니다 (위 4번을 보고 그대로 따라하면 됩니다)

메뉴ID는 지난번 작성한 스토리보드를 참고하여 입력합니다.

 

[스토리보드]

 

 

 

그결과 아래와 같이 메인메뉴=주메뉴 5개가 만들어지면 성공입니다

 

 

 

 

 

다음강좌는

이중 home 메뉴를 홈페이지로 사용하기로 전환해 주고

나머지 네개의 주메뉴 아래에 각각 두개의 게시판으로 사용할 하위메뉴 만들기입니다

 

다음 제5강좌 하위메뉴=서브메뉴(게시판용) 만들기 입니다 / 우산