티스토리 뷰

 

안녕하세요.

사실 강좌라고 할 정도는 아니구요,

제가 XE 홈페이지의 사용자 매뉴얼을 가지고 따라 해보다가 시행착오를 여러 번 겪었거든요. 그래서 지금 시작하시는 다른 분들은 저처럼 헤매지 마시라고 사용자 매뉴얼을 보완하는 방법을 조금 올립니다.

(당연히 어느 정도 아시는 분들은 전혀 보실 필요가 없지요.)

   

XE 홈페이지에서 제공하는 사용자 매뉴얼을 잘 따라가다가 43p에서 막혔습니다. 알고 보니까 지금 제가 사용하는 Core의 버전은 아래와 같이 1.7.3.4인데 반해, 현재 사용자 매뉴얼은 1.5.X 더라구요. (여러분도 여기까지는 설치에 별다른 문제가 없으셨죠?)

 

제로보드 XE 1.7.3.4의 화면제로보드 XE 1.7.3.4의 화면

 

 

 

현재 유저 매뉴얼 상의 관리자 모드현재 유저 매뉴얼 상의 관리자 모드 (XE 1.5.X)

 

 

그러면 1.7.X 대를 기준으로 사이트 만드는 법을 해보겠습니다.

 

 

 

 

 

위의 Welcome menu 아래의 Welcome Page를 클릭하면 메뉴에 대한 페이지가 나옵니다.

여기서 메뉴 추가를 클릭하면 아래와 같은 그림이 나옵니다.

- “위젯 페이지를 클릭합니다.

- 메뉴명에 회사소개, 메뉴IDintroduce라고 입력합니다.

- 확인을 클릭합니다.

 

 

 

 

 

* 설명: 여기가 간단하지만 엄청 중요한 부분입니다.

바로 홈페이지의 메뉴와 위젯 페이지를 서로 연동(?)시키는 기능을 합니다. 어떻게요? 바로 메뉴 ID”를 통해서죠.

사실 예전에는 메뉴와 페이지를 따로 만들어서 mid라는 것을 서로 연동시켰던 모양입니다. 그걸 1.7.X부터는 이렇게 한 번에 하도록 만들었네요. (그 덕분에 옛날 문서들을 뒤지느라고 고생 좀 했습니다.)

메뉴 ID“는 아래 그림처럼 주소기능도 하므로, 반드시 영어로 만들어 주셔야 합니다.

(이 부분 제대로 이해하셨나요? 아래에서 홈페이지에서 보이는 메뉴와 연동되는 모듈(페이지와 게시판)과 더불어 한 번 더 설명하겠습니다.)

   

 

  

 

이번에는 같은 방법으로 게시판을 생성합니다.

(, 메뉴와 게시판을 연동시킵니다.)

 

   

여러분께서는 유저 매뉴얼 34p에서 이미 게시판 모듈을 설치해 놓은 상태입니다.

만약 설치가 되어 있지 않을 시에는 아래 그림처럼 게시판을 추가할 수가 없습니다.

 

 

 

 

- 이번에는 Welcome menu에서 메뉴를 추가해 봅니다.

(메뉴 추가에서 위젯 페이지, 메뉴명에서 채용공고, 메뉴 IDnotice입니다.)

채용공고Welcome menu와 동등한 레벨이고, “회사소개게시판보다는 상위 레벨입니다.

 

 

 

 

 

여기까지가 바로 유저 매뉴얼의 43p의 내용입니다.

(추가적인 기능이 필요하신 분은 공지사항, 등업게시판 등을 따로 만드시면 됩니다.)

 

레이아웃 생성

- 관리자모드의 고급” - “설치된 레이아웃을 클릭합니다.

- 위에서 쉬운 설치로 설치된 “XpressEngine ver.2"를 클릭합니다.

 

 

 

 

- “추가를 클릭합니다.

 

 

 

- 제목에 홈페이지 레이아웃이라고 입력하면 아래와 같이 똑같은 레이아웃이 하나 더 생깁니다.

- “설정을 클릭합니다.

 

 

 

- 유저 매뉴얼의 내용과 동일하게 진행합니다.

 

 

 

저같은 초보분들을 위해서 위에서 언급한 메뉴레이아웃에 대해서 잠깐 설명하겠습니다.

- 먼저 레이아웃입니다.

유저 매뉴얼에는 사이트에 설치한 추가 기능의 배치를 담당하는 구성 요소라고 나와 있습니다.

제가 이해하기로 레이아웃은 화면의 전체 구조입니다.

지금 여러분이 보시는 저의 티스토리 역시 아래와 같은 레이아웃으로 이루어져 있습니다.

홈 위치로그 태그 미디어로그

카테고리

- 독서

- TV/영화

- 홈페이지...

본문 내용

 

 

하나의 화면으로 구성하면 되지, 왜 이렇게 나누었을까요?

바로 작업의 효율성 때문입니다. 화면 전체를 하나로 묶게 되면 각 부분에 대한 작업을 할 때마다 전체를 다 살펴봐야 합니다. (집도 마찬가지죠. 용도에 맞게 안방과 거실, 부엌으로 나눠서 쓰잖아요.)

 

위의 레이아웃 생성 및 설정 변경으로 여러분이 만들려고 하는 홈페이지에 아래와 같은 레이아웃이 만들어졌습니다.

 

 

 

 

 

 

 

 

login porfile Korean

Welcome Page

채용공고

 

 

 

회사소개

자유게시판

본문

XE 로고

Welcome

채용 공고

 

 

 

 

그런데 제 티스토리의 레이아웃이랑은 조금 다르네요.

(물론 XE에서 레이아웃만 바꾸어져도 이처럼 구조 자체를 바꿀 수 있습니다.)

 

(위의 사이트로 이동하기 위해서는 대시보드 우상단의 홈페이지 링크나 사이트 주소를 직접 입력하시면 됩니다.)

==> http://AAA.BBB.co.kr/xe/

==> http://AAA.BBB.co.kr/xe/introduce

==> http://AAA.BBB.co.kr/xe/free

==> http://AAA.BBB.co.kr/xe/notice

 

눈치 채셨죠? "introduce"“free", ”notice"는 메뉴를 만들 때 넣어주었던 “:메뉴 ID”입니다. 위에서 언급한 것처럼, 메뉴 ID는 메뉴와 모듈(페이지 혹은 게시판 등)을 연결하면서도 동시에 사이트 주소로도 쓰여지고 있습니다.

이제는 각 메뉴에 모듈을 연결합니다.

우리는 이미 여러 개의 메뉴를 만들었습니다. (Welcome page의 하위 메뉴들인 회사 소개와 자유게시판, 그리고 채용공고)

이런 메뉴들을 클릭하면 홈페이지에서 무언가 동작을 해야겠죠?

 

그런데 여기서 모듈이란 무엇일까요?

유저 매뉴얼에는 모듈을 “XE에 추가해서 사용할 수 있는 하나의 프로그램이라고 설명하고 있습니다.

제가 보기엔, 이미 효율성을 위해서 나눈 레이아웃의 각 부분을 좀 더 잘 활용하고자 하는 프로그램 같습니다.

우리가 웹사이트를 볼 때, 웹사이트 전체를 다 사용하지는 않잖아요. 여러분이 이 글을 볼 때도 본문만 볼 뿐, 왼쪽의 카테고리나 위의 다른 영역은 보지 않죠. 다만 필요할 때에만 마우스를 가져가서 클릭을 할 뿐이죠.

이렇게 모듈은 레이아웃의 일정 영역에서 움직이는 프로그램이라고 보시면 되고, 그 예로 게시판, 페이지, 위젯 등이 있습니다.

 

그런데 벌써 연동된 모듈이 있습니다. 바로 게시판 모듈입니다.

홈페이지의 게시판을 클릭하면 아래와 같은 화면이 나타납니다.

 

 

 

 

- 적당한 글들을 등록합니다.

 

이제는 사용자 매뉴얼 47p“content 위젯을 다루어 보겠습니다.

“content 위젯은 기존의 게시판의 글 중에서 가장 최신의 글들을 추출해서 새로운 화면에 뿌려주는 역할을 합니다. (보통 커뮤니티 사이트의 대문에 조회수가 많은 글들이 걸려 있는 것과 똑같은 기능입니다.)

 

 

 

 

- Welcome Page의 화면에서 페이지 수정클릭 - “Content 위젯추가를 클릭합니다.

- 스킨에서 “Content 위젯 기본 스킷(default)를 선택하고, 대상 페이지에서 추가를 클릭합니다. 아래의 그림처럼 게시판을 선택한 후, 확인을 누릅니다.

그 외에는 유저 매뉴얼과 똑같이 설정합니다.

 

 

 

 

아래의 그림처럼 Welcome Page에 게시판의 최신 글들이 나타납니다.

반드시 저장을 누릅니다.

 

 

저장하기 전에 위젯 스타일 추가등을 수정할 수도 있습니다.

이것으로 대략적인 사이트 만들기를 해봤습니다.

저처럼 시행착오를 겪는 사람이 많이 없기를 바라는 마음에서 한번 정리를 해봤습니다.

감사합니다.

.. ..

댓글
댓글쓰기 폼