BLOG ARTICLE 제로보드 | 9 ARTICLE FOUND

  1. 2010.05.27 메뉴 만들기
  2. 2010.05.27 게시판 분류관리
  3. 2010.05.27 게시판 모듈 설치
  4. 2010.05.27 XpressEngine 설치

메뉴 만들기

홈페이지/XpressEngine 2010. 5. 27. 13:15
1. XpressEngine에서 메뉴를 만드는 법에 대해 살펴보자. 메뉴를 만들기 위해서는 "사이트 설정"의 "메뉴"를 클릭한다음 "생성" 버튼을 클릭한다.



2. 메뉴관리 화면에서 적당한 메뉴제목을 정한다음 "등록" 버튼을 클릭한다. 여기서는 제목을 "메인메뉴"로 했다. 메뉴는 서로 다른 제목으로 다수의 메뉴를 생성할 수 있는데 여기서는 하나의 메뉴만 만들어 보겠다.



2. 등록 확인을 위한 팝업창에서 "확인" 버튼을 클릭한다.





3. 메뉴관리 화면에 "메인메뉴"라는 제목의 메뉴가 생성됐으면 환경설정 아이콘(톱니바퀴 모양)을 클릭한다.



4. 환경설정 화면은 아래와 같다. 여기서 녹색 "+" 아이콘을 클릭하면 "메뉴" 아래에 다른 메뉴를 생성할 수 있다. 이제 메뉴 생성을 위해 "+" 아이콘을 클릭해 보자.



5. "+" 기호를 누르면 창이 뜨는데 "메뉴명" 항목에 "공지사항"이라 입력한 뒤 "연결URL"의  "mid 찾기"를 클릭한다.



6. "연결 URL"을 클릭하면 아래와 같이 만들어진 게시판들의 목록을 나타내는 창이 뜨는데 여기서 공지사항 게시판 우측의 "선택" 버튼을 클릭한다. 이는 "공지사항" 메뉴를 클릭했을 때 "공지사항" 게시판으로 이동할 수 있도록 연결한다.
 


7. "연결 URL" 항목에 "notice"가 표시되었다. 이는 "공지사항" 게시판의 모듈이름이다. 이처럼 XpressEngine에 의해 생성된 모듈의 경우 모듈 이름을 "연결 URL"에 입력하면 메뉴를 클릭했을 경우 해당 모듈로 이동할 수 있다. 이제 "notice"를 확인했으면 "저장" 버튼을 클릭한다.



8. 팝업창에서 "확인" 버튼을 클릭한다.



9. 그러면 아래 그림과 같이 "메뉴" 아래에 "공지사항" 이란 이름으로 메뉴가 하나 달렸고 그 우측에 서브메뉴 추가 아이콘(+ 기호), 환경설정 아이콘(톱니바퀴 모양), 삭제 아이콘(- 기호)이 표시된다.



10. 위 과정을 참고하여 아래와 같은 메뉴를 생성하고 각 메뉴를 해당 게시판에 연결한다. 이때 각 게시판은 이미 만들어져 있어야 한다.



11. 위와 같은 형태의 메뉴를 만들었으면 "메뉴" 우측의 "+" 아이콘을 클릭하여 "메뉴명"에 "추천사이트"를 입력하고 "저장" 버튼을 클릭한다. 여기서 "연결 URL"에는 아무런 값도 입력하지 않았는데 이런 경우 실제 완성된 사이트에서 "추천사이트" 메뉴를 클릭해도 페이지 이동이 없고 아무런 변화도 나타나지 않는다.



12. 이제 "추천사이트" 아래에 서브메뉴를 만들기 위해 "추천사이트" 우측의 "+" 아이콘을 클릭한다.



13. 설정창이 뜨면 "메뉴명"에 "안산1대학"을 "연결 URL"에 안산1대학 홈페이지 주소인 "http://www.ansan.ac.kr"를 직접 입력한다. 이처럼 주소를 직접 입력하는 것도 가능하다. 주소를 입력했으면 "저장" 버튼을 클릭한다.



14. 마찬가지로 "추천사이트"에 "인터넷정보"과 메뉴를 추가해보자.



15. "메뉴명"에는 인터넷정보과", "연결 URL"에는 "http://info.ansan.ac.kr"을 입력한다음 저장버튼을 클릭한다.



16. 이제 각 게시판 메뉴에 서브메뉴를 만들어 이 서브메뉴를 클릭하면 해당 게시판의특정 분류를 선택했을 때와 같은 화면으로 이동하도록 해 보겠다.



17. 우선 공지사항 게시판에서 "출사" 분류를 선택하 보자. 그러면 주소창의 주소가 
"http://hostname/~unixid/xe/?mid=notice&category=xx"와 같은 형태로 바뀌는데 이때 "?"를 포함한 뒷 부분의 주소(?mid=notice&category=xx)를 복사한다.



18. 이제 메뉴관리 화면으로 돌아와 "공지사항" 메뉴 우측의 "+" 아이콘을 클릭하여 뜨는 창에 "메뉴명"을 "출사알림", "연결 URL"에는 위에서 복사한 "?" 이후의 주소를 붙여 넣는다. 그런다음 "저장" 버튼을 클릭한다.
 


19. 그러면 "공지사항" 메뉴 아래에 서브메뉴 "출사알림"이 추가된것을 확인할 수 있다. 실제 사이트에서 "출사알림" 메뉴를 클릭하면 "공지사항" 게시판에서 "출사" 분류를 선택했을 때와 같은 화면으로 이동한다.



20. 위 내용을 토대로 아래와 같은 구조의 메뉴를 구성해 보자.


'홈페이지 > XpressEngine' 카테고리의 다른 글

레이아웃 적용  (0) 2010.05.27
페이지 만들기  (0) 2010.05.27
게시판 분류관리  (0) 2010.05.27
게시판 모듈 설치  (0) 2010.05.27
XpressEngine 설치  (0) 2010.05.27
AND

게시판 분류관리

홈페이지/XpressEngine 2010. 5. 27. 11:27
1. XpressEngine의 게시판 모듈은 글을 올릴 때 글을 분류할 수 있는 기능을 제공한다. 아래 그림에서 공지사항 게시판에 글 분류 기능을 추가해 보겠다. 먼저 공지사항의 우측 톱니바퀴 모양의 아이콘을 클릭한다. 이 아이콘은 게시판 설정 변경을 위한 아이콘이다.



2. 화면이 바뀌면 "분류관리" 항목을 클릭한다.



3. 화면이 바뀌면 분류를 추가하기 위해 녹색 + 기호를 클릭한다.



4. 창이 뜨면 분류명에 "출사"라고 입력한 뒤 "저장" 버튼을 클릭한다.



5. 아래 팝업창이 뜨면 "확인" 버튼을 클릭한다.



6. 위 화면에서 "확인" 버튼을 클릭하면 아래 그림과 같이 "출사"가 표시된다.
 


7. 단계 3 ~ 5의 과정을 반복하여 아래 그림과 같이 "출사", "회의", "공동구매", "번개모임", "기타" 순으로 분류가 구성되도록 한다. 분류 구성이 끝났으면 "게시판 목록"으로 이동한다. 만약 분류 순서가 잘못됐을 경우 드래그&드롭으로 순서를 변경하면 된다. 또한 드래그&드롭을 통해 하나의 분류를 다른 분류의 서브분류로 둘 수도 있다.



8. 게시판목록에서 "공지사항" 게시판을 띄우기 위해 "공지사항"을 클릭한다.



9. 아래 화면은 "공지사항" 게시판으로 이동한 그림이다. 아직 분류와 관련된 어떠한 내용도 보이지 않는데 이는 게시판 설정시 분류기능을 활성화하지 않았기 때문이다. 이제 분류기능을 활성화 해 보자.



10. 분류기능을 활성화 하기위해 게시판 목록에서 "공지사항" 게시판 우측의 설정(톱니바퀴 모양) 아이콘을 다시 클릭한다.



11. 화면의 중간 정도에 "분류 사용" 항목(설치한 게시판 모듈에 따라 다를 수 있음에 유의하자.)이 있는데 이 부분을 체크한 다음 저장한다.



12. 아래와 같이 팝업창이 뜨면 "확인" 버튼을 클릭한다.
 




13. 게시판 목록으로 이동한다.



14. "공지사항"을 클릭하여 공지사항 게시판을 띄운다.



15. 공지사항 게시판 화면의 좌측 상단에 콤보박스 형태로 분류표가 출력되고 있음을 확인할 수 있다. 만약 다수의 게시글들이 있는 상태라면 이 콤보박스를 통해 원하는 분류의 글들만 볼 수도록 한다.


'홈페이지 > XpressEngine' 카테고리의 다른 글

레이아웃 적용  (0) 2010.05.27
페이지 만들기  (0) 2010.05.27
메뉴 만들기  (0) 2010.05.27
게시판 모듈 설치  (0) 2010.05.27
XpressEngine 설치  (0) 2010.05.27
AND

게시판 모듈 설치

홈페이지/XpressEngine 2010. 5. 27. 10:39
1. XpressEngine 에서 인터넷 게시판을 운영하려면 게시판 모듈을 설치해야 한다. 게시판 모듈 역시 http://www.xpressegine.com에서 다운받을 수 있다. 아래 그림에서 "Download" 항목을 클릭한다.



2. 화면 좌측의 검색창에 "게시판" 이라고 입력한 후 "Enter" 키를 누른다.



3. 게시판과 관련된 모듈, 스킨 등과 같은 다양한 검색결과가 나오는데 게시판 모듈을 받아야 한다. 다양한 게시판 모듈들이 있는데 여기서는 게시판 모듈로 "게시판 Ver 1.0"을 클릭한다.



4. 다운로드 한 후 적당한 폴더에 압축을 푼다.



5. 압축을 풀었으면 "conf", "lang", "skins" 등과 같은 폴더를 포함한 "board" 폴더를 FileZilla를 이용 서버에 올린다. 이때 "board" 폴더는 서버의 "XpressEngine"이 설치된 폴더(여기서는 xe) 안의 "modules" 폴더에 올려야 한다.



6. 업로드가 완료됐으면 XpressEngine 관리자 화면으로 로그인한다. 게시판 모듈을 올바르게 업로드한 후 로그인하면 아래와 같이 게시판 모듈 우측 동작 항목에 붉은글씨로 "업데이트"라고 나타나는데 이를 클릭하면 게시판 모듈이 XpressEngine에 등록된다.



7. 등록이 완료되면 아래와 같은 팝업창이 뜬다.



8. "확인" 버튼을 클릭하면 아래와 같이 게시판 모듈이 등록된다. 게시판 모듈이 정상적으로 등록됐으면 모듈이름에서 "게시판(board)" 클릭을 통해 게시판 관리 화면으로 이동해 보자.



9. 게시판 관리 화면은 새로운 게시판의 생성, 삭제, 수정을 가능하게 한다. 이제 이 화면에서 "공지사항"이란 이름의 새로운 게시판을 생성해 보자. 새로운 게시판 생성을 위해 "생성" 버튼을 클릭한다.



10. 모듈이름에 "notice"를 브라우저 제목에 "공지사항"을 입력하고 "등록" 버튼을 클릭한다. 여기서 모듈이름은 주소창(URL)에서 게시판을 구분하기위해 사용되며, 브라우저제목은 브라우저 윈도우의 좌측 상단에 표시되는 이름이다.



11. 등록 확인을 위한 팝업창에서 "확인" 버튼을 클릭한다.



12. 등록이 완료되면 등록 완료 확인창이 뜬다.



13. 아래 화면에서 "게시판목록" 항목을 클릭하면 생성된 게시판을 확인할 수 있다.



14. 게시판 관리 화면으로 돌아오면 모듈이름이 "notice", 브라우저제목이 "공지사항"인 게시판이 생성된 것을 확인할 수 있다. 여기서 브라우저 제목 "공지사항" 부분을 클릭하면 해당게시판으로 이동한다. 이제 화면 우측 상단의 "Setting" 항목을 클릭하자.



15. 화면이 바뀌면 "시작모듈" 항목이 있는데 이는 기본 주소(http://hostname/~unixid/xe)를 입력했을 때 어떤 모듈(게시판 또는 페이지)을 뜨게 할 것인지를 지정한다. 여기서는 공지사항 게시판이 기본으로 표시되도록 할 것이다. 이를 위해 연두색 "선택" 버튼을 클릭한다.



16. "선택" 버튼을 클릭하면 모듈선택기가 뜨는데 여기서 공지사항 우측의 "선택" 버튼을 클릭한다.



17. 이제 시작모듈이 "공지사항(notice)"로 설정됐다. 이를 확인한 후 "저장" 버튼을 클릭하자.



18. 수정을 알리는 팝업창이 뜨면 "확인" 버튼을 클릭한다.



19. 이제 브라우저에서 아래와 같은 형식의 주소를 입력해 보자 그러면 공지사항 게시판이 화면에 나타난다.
http://hostname/~unixid/xe


'홈페이지 > XpressEngine' 카테고리의 다른 글

레이아웃 적용  (0) 2010.05.27
페이지 만들기  (0) 2010.05.27
메뉴 만들기  (0) 2010.05.27
게시판 분류관리  (0) 2010.05.27
XpressEngine 설치  (0) 2010.05.27
AND

XpressEngine 설치

홈페이지/XpressEngine 2010. 5. 27. 10:10
1. Xpress Engine는 제로보드에서 발전된 형태의 설치형 홈페이지 구축 프로그램으로, 널리 사용되고있다. 이를 설치하려면 먼저 공식 배포사이트(http://www.xpressengine.com)에서 다운로드 받아야 한다. 사이트에 접속한 후  "Downwload" 메뉴를 클릭한다.



2. 화면이 바뀌면 좌측 메뉴의 "XE Core" 항목을 클릭한다.



3. XpXressEngine Core Ver xxx 항목을 클릭한다.



4. 버전 1.4.2.1에서 보이는 약간의 오류로 인해 여기서는 버전 1.4.1.1을 설치할 것이다. 따라서 이 버전을 받기 위해 "모든버전보기"를 클릭한다.



5. XE Core 1,4,1,1을 클릭한다.



6. 다운로드 항목을 클릭해 1.4.1.1 버전을 다운로드 받는다.
 


7. 적당한 폴더에 저장한다. 여기서는 바탕화면에 저장하였다.



8. 저장된 압축파일을 알집과 같은 압축프로그램을 이용 푼다.



9. 압축을 풀었으면 해당 폴더를 FileZilla 등과 같은 FTP Client 프로그램을 이용 서버의 자신의 계정에 올린다. 올릴 폴더는 "addons", "classes", "common" 등의 폴더를 포함하고 있는 "xe" 폴더이며, 이 "xe" 폴더를 서버의 웹폴더에 올린다. 아파치가 설치된 유닉스 서버의 경우 웹폴더는 일반적으로 "public_html" 이다.



10. "xe" 폴더가 모드 업로드 됐으면 아래와 같은 형식의 주소로 접속한다.
형식 : http://hostname/~unixid/xe
위 형식에서 이탤릭체로 된 부분은 각자의 상황에 따라 값을 입력한다. 올바르게 업로드가 됐다면 아래와 같은 화면이 뜬다. 여기서 적당한 언어를 선택하고 "라이센스에 동의합니다." 항목을 클릭한다.



11. 다음 단계로 넘어가면 아래와 같이 퍼미션이 불가능으로 표시될 수 있다. 이는 여러분이 소유자인 폴더에 다른 사용자(여기서는 웹서버)가 업로드된 파일 등을 저장해야 하는데 이것이 불가능하기 때문이다. 이를 해결하기 위해서는 "xe" 폴더에 웹서버가 쓸(저장할) 수 있도록 퍼미션을 조정해야 한다.



12. FileZilla를 이용 서버측 "xe" 폴더에서 오른쪽 클릭한 후 "파일 권한(F)" 항목을 클릭한다.



13. "숫자값" 항목을 777로 변경한다. 그러면 모든 "읽기", "쓰기", "실행" 항목이 선택된다.



14. 이제 인터넷으로 돌아와 새로고침을 해 보자. 그러면 "퍼미션" 항목이 불가능에서 가능으로 바뀐다.



15. 서버에서 사용하는 DBMS를 선택한다. 여기서는 MySQL을 선택했다.



16. 이제 MySQL 정보와 관리자 정보를 입력한다. MySQL 정보는 서버 관리자에 의해 부여되며 관리자 정보는 여러분(사용자)이 정한다. 정보를 입력했으면 "등록" 항목을 클릭한다.



17. 설치가 완료되면 아래와 같은 팝업창이 뜬다.



18. 팝업창에서 확인버튼을 누르면 로그인 창이 나오는데 여기에 위 16번 에서 입력한 관리자 항목의 아이디와 비밀번호를 입력하면 관리자로 접속이 가능하다.



19. 관리자 로그인에 성공하면 아래와 같이 관리자 화면이 뜬다. XpressEngine의 설정은 대부분 이 화면을 통해 이루어 진다. 참고로 관리자 화면으로 가기 위한 주소는 다음과 같은 형식을 가진다.

http://hostname/~unixid/xe/?module=admin


'홈페이지 > XpressEngine' 카테고리의 다른 글

레이아웃 적용  (0) 2010.05.27
페이지 만들기  (0) 2010.05.27
메뉴 만들기  (0) 2010.05.27
게시판 분류관리  (0) 2010.05.27
게시판 모듈 설치  (0) 2010.05.27
AND

티스토리툴바