마. 모듈생성
메뉴가 만들어졌고, 레이아웃이 만들어 졌다.
이젠 레이아웃과 메뉴에 연결할 모듈을 만들어 보도록 하겠다.
모듈 생성은 이전 설명에서
Home
회사소개 // 회사 소개 클릭시 인사말이 처음 나오도록 함.
- 인사말 // page 모듈사용
- 연혁 // page 모듈 사용
- 현황 // page 모듈 사용
- 주요실적 // 갤러리 모듈
- 오시는길 // page 모듈 사용
사업분야 // 하위메뉴가 없는 형태. page 모듈 사용
Recruit // recruit 메뉴를 클릭하면 모집요강이 나오도록 함.
- 모집요강 // page 모듈 사용
- 온라인접수 // 목록형 게시판 모듈 사용 고객센터 // 고객센터 클릭시 공지사항이 나오도록 함.
- 공지사항 // 목록형 게시판 모듈 사용
- 비지니스 동향 // 웹진형 게시판 모듈 사용
- 고객문의 // 목록형 게시판 모듈 사용
- FAQ // page 모듈 사용
Sitemap // page 모듈 사용
이런한 메뉴를 만들었는데 이 메뉴에 맞는 모듈들을 만들어 보도록 하겠다.
위 붉은 항목에서 "page모듈" , "갤러리모듈" , "목록형게시판모듈" , " 웹진형 게시판 모듈" 이 있는데 이런것들을 하나씩 만드는 방법을 소개하겠다.
1. page 모듈 생성
⑴ 관리자페이지 - > 페이지 -> 생성 버튼을 눌러 페이지를 만들어 보자. (인사말 페이지 만들기)
⑵ 생성버튼을 눌렀을때 아래와 같은 페이지 설정값 입력공간이 나타난다.
- 1번 : 모듈이름은 영문+숫자+_만 가능하다.
이왕이면 나중에 메뉴관리에서 손쉽게 찾을 수 있도록 이름을 지정해 주는것이 좋겠다.
ex> 인사말 -> greeting
- 2번 : 기본 부분에 체크를 하면 만약 메뉴관리에서 설정이 되지 않았다면 이 모듈로 연결을 해서 보여주겠다는 이야기 이다.
- 3번 : 모듈을 분류로 관리 할 수 있는데 예를 들어 회사 소개에는 "인사말", "현황","오시는길" 과 같은 메뉴가 있다.
이러한 메뉴를 회사소개라는 분류명으로 관리 할 수 있다.
- 4번 : 브라우저 제목은 우리가 홈페이지 제작시 <head><title>이부분 내용</title></head> 으로 홈페이지 브라우저 타이틀바에 출력되는 내용이라고 보면 된다.
개인적으론 타이틀바는 첫페이지 기본설정공간에서 별도로 처리하거나 레이웃에 브라우저 제목을 두는것이 좋겠다는 생각을 해본다.
- 5번 : 레이아웃은 우리가 이전 매뉴얼에서 살펴본 레이아웃만들기에서 만들어진 레이아웃들을 확인 할 수 있는데 지금 만들려고 하는 페이지가 "인사말" 이기 때문에
site3_sub 레이아웃을 선택해 준다.
(현재만들어진 site3_main 레이아웃과 site3_sub 레이아웃은 차이점이 없다. 그냥 두개를 만들어서 구분해서 사용한다는 것인데, 향후 메인페이지와 서브페이지의
디자자인 및 기능이 다르게 적용될때를 대비해서 테스팅하는 과정이라고 생각하면 될듯 하다.)
⑹ 여러가지 위젯들을 확인 할 수 있다.
이러한 위젯은 클릭하면 설정창이 뜨는데 알맞게 설정값을 입력하면 현재 페이지에 해당 위젯이 출력되게 된다.
하지만 지금은 단순히 "인사말" 페이지를 만들기 위한 과정이므로 위젯소개는 넘어가도록 한다.
입력창에 우선 그냥 "인사말 입력공간입니다" 라고 입력한뒤 저장한다.
⑺ 이상의 작업을 마치고 나면 페이지 리스트에 새롭게 추가된 페이지를 확인 할 수 있을 것이다.
- 1번째 : 모듈 이름을 클릭하면 해당 페이지의 설정값을 변경할 수 있는 수정공간이 나온다.
- 2번재 : 보기를 클리하면 현재 만들어지 페이지를 직접 확인 할 수 있다.
어라...나도 모르게 기본형 사이트 템플릿이 어느듯 완성이 되어가고 있다.
눈으로 직접 확인 하게 되니 이젠 뭔가 느낌이 팍 ~ 오지 않는가 ?
- 1 번째 : 레이아웃관리에서 등록한 로고가 출력된 것이다. 섦명을 위해 zbXE 기본 로고를 레이아웃관리에서 등록을 했었다.
- 2 번재 : 메뉴관리에서 만들어진 메뉴들을 직접 확인 할 수 있다.
현재 zbxe_official 레이아웃 템플릿 스킨에서 현재 스킨명은 site3_sub가 되겠고, site3_sub의 메인메뉴는 site3 이다.
이러한 결과로 지금과 같은 화면을 볼 수 있는 것이다.
- 3 번째 : 페이지 생성시에 입력한 "인사말 입력공간입니다" 라는 문구를 확인 할 수 있을 것이다.
나중에 원하는 인사말을 다양한 이미지와 동영상, 기름 좔좔 흐르는 문구로 채워 나가길 바란다.
- 4 번째 : 현재 관리자로 접속해서 로그아웃을 아직 한번도 안했기때문에 페이지 수정이란는 관리 메뉴를 확인 할 수 있는것이다.
페이지 수정을 누르면 아래와 같이 레이아웃 템플릿 스킨 내에서 직접 수정이 가능하다.
- 5번째 : 기본적으로 검색창과 검색창 윗부분에 언어 선택 기능이 탑재 되어 있다.
- 6번째 : 로그인창이 기본템플릿에 포함되어 있다.
지금까지 페이지 모듈 생성에 대해서 알아 보아고 이젠 그 다음으로 갤러리 모듈 생성을 알아 보도록 하자.
2. 갤러리 모듈 생성 (갤러리모듈, 목록형모듈,웹진형모듈 모두 처음 생성은 좌측의 "게시판" 메뉴를 클릭하여 생성한다.)
⑴ 관리자페이지 -> 게시판 -> 생성
zbXE는 기본적으로 게시판이 하나 생성이 되어 있다.
- 1 번째 : 게시판 메뉴를 클릭하여 갤러리모듈뿐만 아니라 목록형모듈(공지사항이나 자유게시판용), 웹진형 게시판을 만들 수 있다.
- 2 번째 : 모듈 이름을 확인 할 수 있다.
-3 번째 : 기본부분에 Y라고 되어 있는데, 이부분은 page에서도 소개를 한바 있다.
즉, 만드는 페이지나 모듈에서 기본부분에 체크를 하게 되면 메뉴에서 아무값도 연결이 되지 않았을경우 해당 모듈이 출력되는 것이다.
(향후 예를 들어 설명을 따로 하겠다.)
- 4 번째 : 스킨타입을 확인 할 수 있다. galllery스킨을 만들게 되면 gallery이 출력된다.
- 5 번째 : 보기를 클릭하면 해당 게시판을 확인 할 수 있다.
그런데 이상하다.
페이지 보기를 눌렀을때와 게시판 보기를 눌렀을때 보여지는 화면이 다르다. 즉, 페이지보기를 눌렀을때는 레이아웃템플릿 스킨이 입혀진 상태였고
지금 게시판 보기를 눌렀을때는 그냥 게시판만 보인다.
이유는 간단하다. 게시판 설정에서 어떤레이아웃을 통해 보여질지 레이아웃 지정을 해주지 않았기 때문이다. 그럼 현재 기본으로 만들어져 있는 스킨의 레이아웃 설정을 한뒤 미리보기를 한번 해보자.
이해가 되었으리라 판단한다. 참고로 현재 보고 있는 게시판 형태가 목록형이다.
이젠 직접 새롭게 게시판을 만들어 보자.
당연히 페이지 만들때와 동일하게 생성 버튼을 눌러서 만들어 준다.
⑵ 생성 버튼을 클릭하여 각종 설정값들을 입력하다.
- 1번 : 스킨에서 갤러리형 스킨을 선택한다. 목록형이나 웹진형의 경우에도 각각 선택하면 되겠다.
- 2번 : 분류사용을 이용하면 해당 모듈을 좀더 다양하게 사용할 수 있다.
여기에서 분류사용에 대한 부분을 간단히 살펴보고 가자.
현재 일반 회사용 메뉴 구성을 이용하고 있는데
만약 갤러리 모듈에서 자신들의 공사 실적을 관리 한다고 했을때...
현재 진행중인것이 있을것이고, 완료된것이 있을 수 있다.
이럴때 분류사용에서 "진행중", 과 "완료" 로 구분해서 관리 할 수 있을 것이다.
같은 예로,
고객질문게시판이 있다고 했을때
접수중인 질문이 있고, 처리중인 질문이 있고, 해결이 된 질문이 있을수 있다.
이때 "접수중","처리중","해결" 이런식으로 구분해서 관리 할 수 있다.
위 그림처럼 갤러리 모듈 생성부분에서 상단 우측에 보면 분류관리가 있는데 이 분류관리에서 "진행중","진행완료" 두가지 분류를 만들어 보았다.
위 그림에서 분류가 만들어진것을 확인 할 수 있다.
화면상으로 이해가 되었으리라 판단된다.
다시 갤러리 모듈 생성 부분으로 돌아와서
그외 내용들은 쉽게 이해가 가리라고 판단된다.
한가지 확장변수 부분에 대해 간단하게 추가 언급을 하자면...
확장변수란? 쉽게 이야기 하면 자신이 원하는 게시판을 만들 수 있는 기능이라고 생각하면 된다.
기존 게시판형 모듈(갤러리형, 웹진형, 목록형..)에서 자신에게 맞는 형태의 게시판이 필요할 경우가 있다.
예를 들어 고객문의 게시판에서 고객에게 좀더 적극적인 서비스를 하기 위해서 고객이 질문을 할때 자신에게 연락이 가능한 전화번호를 남길 수 있는
공간이 있다고 하자.
고객은 질문을 남기고 자신의 전화번호를 입력하면, 홈페이지 관리자는 질문을 확인하고, 해당 질문에 대한 답변을 전화로 전달해 줄 수 있는것이다.
이런것을 처리 하기 위해
기본 게시판 형태에서 "고객전화번호" 라는 입력공간을 이 확장변수로 만들어 처리 할 수 있는 것이다.
구체적인 확장변수에 대한 사용법은 상세 매뉴얼을 참고 하기 바란다.
⑶ 이상의 과정을 통해서 갤러리 모듈을 만들었다.
목록형 모듈과 웹진형 모듈도 동일한 방법으로 생성 할 수 있을 것이다.
아래 그림에서 갤러리 모듈이 추가된것을 확인 할 수 있다.
그외 게시판(모듈)의 권한관리나 스킨관리는 세부매뉴얼을 참고 하기 바란다.
이제 잠깐 정리를 해보자.
우리는 기본형 사이트 제작을 위해서
가. 메뉴를 만들어 주었다.
나. 레이아웃을 만들었다.
다. 모듈(페이지,갤러리,웹진)을 만들고 레이아웃을 지정해 주었다.
이젠 우리가 해야 할것은 메뉴관리에서 해당 메뉴명에 적합한 모듈을 연결시켜 주는것이다.
History
Last edited on 09/27/2008 13:51 by 민수