메뉴 건너뛰기

XE Guidebook

사이트 만들기
2014.08.03 20:05

5-07 게시판 모듈 설정하기와 스킨 사용하기

조회 수 4447 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부

 

앞 시간에 사이트맵을 만들 때 "게시판" 타입의 메뉴를 추가하면 자동으로 게시판이 생성되는 것을 배웠으며, "설치된 모듈" 강의에서는 간단히 "게시판 모듈"의 개념과 기능 등을 살펴 보았다.
 
이번 시간에는 이미 생성되어 있는 게시판의 기능에 대하여 구체적인 사용법과 보다 폭 넓은 활용을 위하여 실전적인 실습 중심으로 강의를 진행할 것이다.  그리고 게시판 모듈의 속옷 역할을 하는 "스킨(skin)"의 개념에 대해 알아보고, 스킨의 설치와 사용법에 대해서도 실습하는 시간을 가질 것이다.
 
 
● 게시판 모듈의 설정과 사용하기 
 
▶ 게시판의 의의와 생성하기
 
오늘날 커뮤니티(community) 웹사이트에서 인터넷의 꽃이라 할 수 있는 전자게시판(BBS Bulletin Board System)은 같은 관심사를 가진 서로 다른 사람들이 모여 각자의 생각과 자원을 공유하고, 공동의 목표와 관심사에 대해 능동적으로 참여하여 서로를 도와주는데 가장 핵심적인 역할을 하는 모듈이라 할 수 있다.
 
게시판을 생성하려면 이전에 배운 바와 같이 "[사이트 제작/편집] > [사이트 메뉴 편집]"에서 메뉴추가를 클릭하고 생성할 메뉴 타입으로 "게시판"을 선택한다. 메뉴 이름을 입력하고 "확인" 버튼을 누르면 메뉴의 추가와 함께 메뉴에 연결된 게시판이 동시에 생성된다.
 
※ XE Core를 설치하게 되면 최신 버전에서는 게시판 모듈을 별도로 추가 설치하지 않아도 기본 모듈로 제공된다.
 
게시판이 생성되면 게시판 기본 스킨과 기본 레이아웃이 연결되어져, 레이아웃의 콘텐츠 영역에 게시판이 출력되고 게시판을 이용한 콘텐츠의 작성과 수정, 조회 및 삭제 등의 콘텐츠 관리를 할 수 있다. 그러나 게시판을 제대로 활용하려면 게시판 모듈에서 기본적으로 제공하는 여러 기능들의 설정법과 사용하는 방법을 잘 알아 두어야 한다.
 
사이트 관리자는 게시판 관리 페이지에서 생성된 게시판에 대하여 필요로 하는 옵션 설정을 할 수 있다. 다음과 같은 사항 들에 대하여 하나 하나 옵션을 설정함으로서 사이트의 목적에 맞게 게시판을 운용할 수 있을 뿐만 아니라, 방문자에게는 콘텐츠를 보다 효과적으로 제공할 수 있게 된다.
 
게시판 관리 페이지에 있는 기능의 용도를 정확히 알고 적절히 사용하기 위해서 사이트 관리자는 모든 기능들에 대하여 하나하나 설정 테스트를 해 보면서 사용법을 잘 익혀 두도록 하자. 이번 시간 강좌에서는 모든 게시판 관리 기능 중에서 중요한 몇 가지만 실제 사용 연습을 해 보도록 하고, 나머지 기능들은 각자가 스스로 배우고 익혀야 할 숙제...
 
▶ 게시판 정보 설정하기 
 
- "게시판 관리" 페이지 열기 : 다음 3가지 방법 중의 하나로 열 수 있다.
 
ㆍ사이트에서 "XE 사용자 매뉴얼" 메뉴를 클릭하여 "XE 사용자 매뉴얼" 게시판 페이지를 연다.
  → 게시판 우측 상단에 있는 "설정" 버튼을 클릭하여 "게시판 관리" 창을 연다.

 

0-7-1 게시판 설정 버튼.jpg

 

ㆍXE Admin "[사이트 제작/편집 > [사이트 메뉴 편집]" 클릭
  → "사이트 메뉴 편집" 창에서 "XE 사용자 매뉴얼" 메뉴 클릭
  → "XE 사용자 매뉴얼" 창에서 "상세 설정" 메뉴 클릭
  → "상세 설정" 창에서 우측 하단의 "고급 설정" 클릭하여 관리자 페이지를 연다.
 
ㆍXE Admin "[고급 > [설치된 모듈]" 클릭
  → "설치된 모듈" 화면에서 모듈이름 "게시판" 클릭
  → "게시판 관리" 화면에서 "XE 사용자 매뉴얼" 게시판의 "설정" 아이콘을 클릭하여 관리자 페이지를 연다.

 

0-7-2 게시판 관리자 페이지.jpg

 

- "기본" 설정하기 
ㆍ모듈이름 : 게시판 모듈이름을 수정할 수 있다. 영문+[영문+숫자+_] 만 가능. 최대 40 글자
ㆍ브라우저 제목 : 브라우저 창의 제목을 수정할 수 있다.
ㆍ레이아웃 변경 : 게시판 모듈에 사용할 레이아웃을 변경할 수 있다. ☞ 레이아웃 바꾸기
ㆍ스킨 변경 : 게시판 모듈에 사용할 스킨을 변경할 수 있다. ☞ 스킨 관리 참조
ㆍ상단 내용 : 내용을 입력하면 콘텐츠 상단에 출력된다.
ㆍ하단 내용 : 내용을 입력하면 콘텐츠 하단에 출력된다.
 
- "모바일" 설정하기
ㆍ모바일 뷰 사용 : 모바일로 접속할 때 모바일용 레이아웃을 이용할 수 있도록 체크 박스에 체크 표시한다.
ㆍ모바일 레이아웃 : 모바일용 레이아웃을 변경할 수 있다. 
ㆍ모바일 스킨 : 모바일용 게시판 스킨을 변경할 수 있다

 

0-7-3 게시판 - 모바일 설정.jpg

 

- "고급" 설정하기
ㆍ목록설정 : 게시판의 목록에 보여 줄 항목들을 설정하는 기능으로, "섬네일"과 "요약" 항목을 추가하였다.
ㆍ정렬방법 : 문서 목록의 정렬순서를 선택하는 기능으로, "제목" 기준 "오름차순"으로 나타나도록 설정하였다. 
ㆍ목록수 : 한페이지 표시될 게시글 수를 지정한다.

 

0-7-4 게시판 - 목록 설정.jpg

 

ㆍ검색 목록수 : 검색, 카테고리 선택 등을 할 경우 표시될 글 수를 지정한다.
ㆍ페이지수 : 목록 하단, 페이지를 이동하ㄱ록 상단에 는 링크 수를 지정한다.
ㆍ공지사항 제외 : 목록 상단에 나타나는 공지사항을 일반 목록에 출력하지 않도록 할 수 있다.
ㆍ익명사용 : 글쓴이의 정보를 없애고 익명으로 게시판 사용을 할 수 있게 한다.
ㆍ상담 기능 : 관리 권한이 없는 회원은 자신이 쓴 글만 보이도록 한다.
ㆍ글 보호 기능 : 작성된 글에 댓글이 달린 경우 글 작성자가 해당 글을 수정하거나 삭제할 수 없도록 한다.
ㆍ상태 : 글 작성 시 "비밀" 글을 작성할 수 있게 한다.
ㆍ관리자 메일 : 글이나 댓글이 등록 될 때, 등록된 메일 주소로 메일이 발송된다.
ㆍ모듈 분류 : 게시판이나 페이지 등의 모듈을 분류명 별로 분류하여 모듈을 편리하게 관리할 수 있는 기능이다.

 

0-7-5 게시판 - 모듈 분류.jpg

 

모듈 분류 설정을 하려면 먼저 "모듈분류"에서 "분류명"을 등록하여야 한다.  

 0-7-6 게시판 - 모듈 분류 등록.jpg\

 

분류명이 등록되면 모듈분류 "선택 박스"에서 적당한 분류명을 선택하고 "등록" 버튼을 눌러 저장한다.

0-7-7 게시판 - 모듈 분류 설정.jpg

 

ㆍ설명 : 관리용으로 사용되는 설명을 입력한다.
 
 
▶ 분류 관리 사용하기 
 
게시판 분류 관리 기능이란 1개의 게시판을 운영하면서 여러 가지 주제별로 게시글을 구분하고자 할 때 편리하게 사용할 수 있는 기능이다. 게시판에서 생성된 콘텐츠(게시글)를 같은 특성을 지닌 부류나 범위로 분류(Category)해 놓으면, 사용자로 하여금 콘텐츠를 쉽고 빠르게 접근하여 열람하는데 매우 유용하다.
 
- "게시판 관리" 페이지를 열고 "분류 관리" 탭을 클릭한다

0-7-8 게시판 - 분류관리 설정.jpg

  

- 분류관리 화면에서 분류 추가 아이콘을 클릭한다. 
  → "분류명"을 입력하고 "분류 폰트색깔"을 설정한다.  

0-7-9 게시판 - 분류관리 등록.jpg

 

- 분류등록이 완료 되었으면 "등록" 버튼을 눌러 저장한다.

0-7-10 게시판 - 분류관리 등록 완료.jpg

 

-  게시판 메뉴 페이지로 돌아와서 보면 게시판 상단에 분류 탭이 출력된다.
   만약 분류탭을 보이지 않게 하고 싶으면 관리자 페이지에서 "분류 숨기기" 체크한다.

0-7-11 분류등록이 완성된 게시판.jpg

 

▶ 사용자 정의 사용하기
 
게시판에서 사용자정의(확장변수)란 글 제목이나 내용 등 이미 이름을 붙여서 사용하고 있는 기본적인 항목(변수) 외에, 사용자가 임의로 필요한 항목을 생성하여 활용하는 변수를 말한다.
 
가령 게시판에서 글 제목과 내용 입력 등의 항목 외에 추가로 입력항목을 생성할 수 있으며, 사용자정의 입력 형식으로는 text, URL, email 등 10가지 기본 폼 형식이 있다. 이를 잘 활용하여 기본 서식으로 만들고 글을 작성하게 되면, 별도로 모듈을 제작하지 않더라도 특별한 양식의 게시판을 만들어 운영할 수 있다.
 
 
【 사용자정의를 활용한 수강 신청서 게시판 만들기 】
 
- 수강 신청서 양식 계획표를 만든다. 
 
게시판 이름(XE_4uself_application) : XE-4Uself 수강신청서
-------------------------------------------------------------------------------------------------------------------------------------
사용자정의 이름      입력항목 이름       형식                                 설명                                                    필수   
-------------------------------------------------------------------------------------------------------------------------------------
 name                         신청자 성명           한줄 입력칸(text)            신청자 성명을 입력하세요              필수 
 birthday                    생년월일                일자(연월일)                   신청자 생년월일을 입력하세요    
 website                     홈페이지                URL 형식                         홈페이지 주소를 입력하세요         
 email                        이메일                    이메일 형식(email)          이메일을 입력하세요                       필수
 phone                       전화번호                전화번호 형식(phone)      전화번호를 입력하세요                  필수
 personal                   자기소개                여러줄 입력칸(textarea)   간단히 자기 소개를 하세요 
 course                      신청 강좌               단일 선택(select)              신청 강좌를 선택하세요                  필수
 payment                  수강료 결제            단일 선택(radio)               당분간 무통장 입금만 됩니다         필수
------------------------------------------------------------------------------------------------------------------------------------- 
게시판 본문 : 기타 내용 입력 및 첨부파일
 
- XE Admin [사이트 메뉴 편집]에서 수강 신청 게시판으로 사용할 게시판을 생성한다.

0-7-12 수강신청서 게시판.jpg

 

- 생성된 수강신청서 게시판의 "게시판 관리" 페이지를 열고, "사용자 정의" 탭을 클릭한다.
- "추가" 버튼을 클릭하여 사용자 정의 입력창이 열리면, "수강 신청서 양식 계획표"에 따라 차례대로, 
  사용자 정의 이름, 입력항목 이름, 형식, 필수 항목, 기본값, 설명, 검색 옵션을 설정하고 "추가" 버튼을 클릭한다.

0-7-13 사용자 정의 등록.jpg

 

- 계속 "추가" 버튼을 클릭하여 계획표의 사용자정의 항목을 모두 입력, 완료한다.

0-7-13 수강신청서 사용자 정의 등록.jpg

 

- 사이트의 메뉴에서 "수강신청서"를 클릭하여 게시판 페이지를 열고, "쓰기" 버튼을 클릭한다.

- 사용자 정의에서 등록한 각 항목에 내용을 입력하고 "등록" 버튼을 누른다.   

0-7-15 수강신청서 글쓰기.jpg


- 등록이 완료된 화면에서 "목록" 버튼을 누른다. 

0-7-16 수강신청서 글쓰기 등록.jpg

 

- 게시판 목록 제목 바에 표시되는 항목을 적절하게 구성하기 위해 게시판 "설정" 버튼을 클릭한다.

- "게시판 관리" 페이지 → 고급 : 목록설정에서 적절한 항목을 취사 선택한다.)
  ( 사용자 정의에서 등록한 항목도 선택하여 나타낼 수 있다) 

0-7-17 수강신청서 게시판 목록 항목 설정.jpg

  

위 수강신청서 게시판에서 보는 바와 같이 모듈에서의 사용자 정의는 목적에 맞는 모듈을 별도로 제작하지 않아도 간편하게 모듈을 활용할 수 있는 방법을 제공하는 역할을 한다. 그러나 웹사이트 운영에 필요한 최적화된 기능의 모듈을 만들려면 당연히 별도의 모듈 제작해야 하는 과정이 필요하다, 즉 사용자 정의가 아닌 모듈 스스로가 다루는 변수를 만들고 DB 테이블과 연결시켜 동작하도록 해야만 할 것이다.
 
 
▶ 권한 관리 사용하기 
 
게시판 모듈의 관리자를 설정할 수 있고, 방문자가 게시판에 접근할 수 있는 접근권한, 목록, 열람, 글작성, 댓글 작성, 관리 권한을 설정하는 기능이다.  

- 모듈 관리자
 
XE에서 모듈의 생성과 관리 등 대부분의 모듈 작업은 "최고 관리자"의 권한에 속한다. 그런데 XE Core 프로그램은 항상 모듈 단위로 동작하기 때문에 게시판이나 페이지 등 콘텐츠 모듈에는 각각의 모듈별로 최고 관리 권한이 아닌 모듈 자체만 관리할 수 있는 "모듈 관리자"를 지정할 수 있다.
 
게시판 모듈의 관리자로 설정되면 게시판 모듈에 한하여 최고 관리자와 동일한 관리 권한을 얻게 되는데, 만약 회원 중에서 특정 게시판 모듈의 콘텐츠만 관리하고자 할 때 아주 유용하게 사용할 수 있는 기능이다. 모듈관리자는 당연히 XE Admin 관리자 페이지에는 접근할 수 없다.
 
☞ XE Admin 회원관리 → 최고관리자 참조
 
모듈 관리자 아래쪽 입력 상자에 회원의 아이디를 입력하고 "추가" 버튼을 클릭하면 모듈관리자로 설정되며, 여러 명의 회원을 모듈 관리자로 등록할 수 있다.
 
 
- 권한 설정
 
사이트에 들어온 방문자가 어떤 특정 게시판 모듈에 접근하고자 할 때, 방문자의 회원 자격 상태에 따라 방문을 제한할 수 있는 기능으로 특히 회원제 게시판을 운영할 때 많이 활용하는 유익한 기능이다.
 
다음 내용의 권한들에 대하여 방문자의 권한 자격을 일일이 부여하도록 하고 있다.
ㆍ접근 권한 : 메뉴를 클릭하거나 모듈을 요청했을 때 해당 모듈을 볼 수 있는 권한을 부여할 대상자를 설정한다.
ㆍ목록 : 콘텐츠 제목 목록을 볼 수 있는 권한 대상자를 설정한다.
ㆍ열람 : 콘텐츠 내용을 볼 수 있는 권한 대상자를 설정한다.
ㆍ글작성 : 게시판의 콘텐츠를 작성할 수 있는 권한 대상자를 설정한다.
ㆍ댓글 작성 : 댓글을 작성할 수 있는 권한 대상자를 설정한다.
ㆍ관리권한 : 해당 모듈에 한하여 관리자 권한을 부여한다. 별도 설정이 없으면 최고관리자가 된다.
 
방문자의 권한 자격은 다음과 같이 분류하여 적용된다.
ㆍ모든 사용자 : 회원 가입을 하지 않았거나, 로그인을 하지 않은 모든 방문자를 의미한다.
ㆍ로그인 사용자 : 회원 가입을 하고 로그인한 회원을 의미한다.
ㆍ가입한 사용자 :  cafeXE 등 분양형 가상 사이트에 가입을 한 로그인 사용자를 의미한다.
ㆍ관리자만 : 최고 관리자를 의미한다.
ㆍ선택 그룹 사용자 : 회원 그룹으로 관리되는 특별 회원을 의미한다.

  ☞ XE Admin 회원관리 → 회원 그룹 참조
 
 
【 특별회원 그룹을 이용한 회원제 게시판 운영하기 】
 
수강 신청을 한 특별회원을 대상으로 "XE-4Uself 레이아웃 만들기" 강죄를 운영하는 회원제 게시판을 만들어 보도록 하자.
 
- 위에서 배운 "수강신청서 게시판"은 특별회원 모객을 위한 게시판으로 사용한다.
- 수강 신청을 한 회원은 회원목록에서 회원 정보 수정을 열고 "특별회원 그룹"에 체크하고 "저장"한다.
  ☞ XEAdmin 회원 → 회원목록 참조
- 사이트에서 "XE-4Uself layout 만들기" 메뉴를 클릭하여 게시판 페이지를 연다.
- 게시판 우측 상단의 "설정"버튼을 클릭하여 "게시판 관리" 페이지를 연다.
- "권한관리" 탭을 클릭하여 특별회원에 한해 게시판의 열람과 댓글을 쓸 수 있도록 권한을 아래와 같이 부여한다.

0-7-18 특별회원용 게시판 권한 부여.jpg

 

- 특별회원이 아니거나 로그인하지 않은 방문자가 게시판에 접속하였을 때, 게시글의 제목 목록은 볼 수 있지만,
   게시글을 클릭하게 되면 "권한 없습니다"라는 메시지가 뜨고 게시글의 열람을 할 수 없게 된다.

0-7-19 특별회원만 열람할 수 있는 게시판.jpg

 

【 메뉴에서 그룹 제한을 이용한 비공개 게시판 운영하기 】
 
비공개 내부 게시판을 운영하거나 특별회원 만을 위한 게시판을 만들 경우, 웹사이트 메뉴 영역에서 소속 그룹별로 아예 다른 메뉴를 구성하여 게시판을 운영하는 것이 보다 좋을 수 있다.
 
가령 정회원과 일반회원용 게시판을 따로 운영하거나, 특별회원 전용 게시판을 만들어 운영할 경우, 로그인을 하지 않은 일반 방문자들에게 접근 권한이 없는 메뉴를 굳이 노출시킬 필요가 없는 것이다.
 
이럴 경우 해당 메뉴에서 "그룹 제한" 설정을 하게 되면, 선택 그룹에 속하지 않은 회원에게는 메뉴가 처음부터 보이지 않도록 하여 메뉴 구성을 깔끔하게 할 수 있을 것이다.
 
 
- XE Admin [사이트 제작/편집] > [사이트 메뉴 편집]을 클릭한다.
- "커뮤니티" 하위에 있는 "회원게시판"을 특별회원 전용으로 사용하기 위해 "특별회원 게시판"으로 메뉴이름을 변경한다.
- "특별회원 게시판" 아래에 일반회원들이 사용할 "자유게시판" 메뉴를 추가 생성한다.  
- "특별회원 게시판" 창에서 "권한"을 클릭한다.
- 메뉴 노출대상 : "선택그룹 사용자 > 특별회원-XE 레이아웃 강좌"를 선택하고 "확인" 버튼을 누른다.

0-7-20 특별회원 전용 비공개 게시판-메뉴 노출제한.jpg

 

- 특별회원이 아니거나 로그인 하지 않은 방문자가 사이트에 접속하면 "특별회원 게시판" 메뉴가 보이지 않는다.

0-7-21 특별회원 전용 비공개 게시판-미로그인시.jpg

 

  ※ 접근 권한, 목록, 열람, 글 작성, 댓글 작성의 권한을 선택그룹으로 함께 설정해 놓지 않으면,
     비록 메뉴에는 노출되지 않더라도, URL주소로 모듈 아이디를 요청하면 모듈 접근이 가능하게 된다.
 
 
▶ 추가 설정
 
- 댓글 설정 : 댓글 수, 추천, 비추천 사용 여부를 지정한다.

0-7-22-1 추가설정 - 댓글.jpg

 

- 문서 설정 : 히스토리, 추천, 비추천사용 여부를 지정한다.

0-7-22-2 추가설정 - 문서.jpg

 

- 위지윅 에디터 설정 : 문서와 댓글 작성시 사용될 에디터의 기능을 설정한다.

0-7-22-3 추가설정 - 위지윅에디터.jpg

 

- 파일 설정 : 하나의 파일 크기와 첨부파일의 최고 용량, 허용 확장자, 다운로드 가능 그룹을 지정한다.

0-7-22-4 추가설정 - 파일.jpg

 

- 피드 공개 설정 : 피드 공개 옵션을 지정한다.

0-7-22-5 추가설정 - 피드공개.jpg

 

- 포인트 설정 : 해당 게시판 모듈의 포인트 부여를 설정한다.

0-7-22-6 추가설정 - 포인트.jpg

 

▶ 스킨 관리
 
"게시판 정보" 탭의 "기본"에서 선택한 게시판 스킨에 대하여, 관리자가 좀 더 편리한 사용을 위하여 개발자가 제공하는 스킨의 옵션을 설정할 수 있는 기능이다.

0-7-23-1 스킨관리- XE Default 설정.jpg

 

- 스킨의 의의와 추가 설치
 
스킨은 레이아웃과 함께 콘텐츠를 보기 좋게 꾸미는 역할을 하는 대표적인 디자인 요소이다. 스킨의 하나인 레이아웃은 모듈이 그때그때 선택적으로 입고 나갈 수 있는 겉옷에 해당하는 반면에, 스킨은 마치 속옷과 같아 모듈 자신이 항상 입고 있어야 할 기본적인 스킨을 적어도 하나 가지고 있어야 하며, 이 스킨은 모듈 자신의 프로그램 디렉터리 안에 있는 skins 폴더에 항상 들어 있어야 한다.
 
스킨은 모듈 뿐만 아니라 위젯, 애드온 등 여러 곳에서 사용자의 필요에 따라 추가하고 적용할 수 있도록 설계 되어 있으며, XE 공식자료실에서 스킨을 다운로드 하여 설치, 사용하고자 할 때에는 반드시 스킨의 설치 경로를 확인한 후 정확한 디렉터리 안에 스킨 파일을 업로드 하여야 한다.
 
가령 게시판(board) 모듈의 스킨을 추가로 설치하여 사용하려면, 다운로드한 스킨 파일을 "/modules/board/skins/스킨의 폴더이름"으로 업로드하여야 하고, 그 외의 스킨 들은 각각 해당 경로로 업로드 한 다음, 모듈 또는 위젯 등의 옵션 설정에서 해당 스킨을 선택하게 되면 새로 추가 설치한 스킨이 적용된다.
 
 
- 사이트 디자인 "기본 스킨"과 "기본 스킨" 변경하기
 
XE Admin 메뉴에서 "[사이트 제작/편집] > [사이트 디자인 설정]"을 클릭해 보면, "사이트 디자인 설정" 창에서 현재 사이트 디자인에 사용되고 있는 모듈들의 "기본 스킨"을 볼 수 있다.
 
ㆍ레이아웃 : "default" 
ㆍ문서페이지 : "Default Page Skin"
ㆍ게시판 : "XE Default"

0-7-23-2 스킨관리 - 게시판 기본 스킨.jpg


0-7-23-3 스킨관리 - 다른 스킨 설치.jpg


0-7-23-4 스킨관리 - 기본스킨 변경하기.jpg


 

"기본 스킨"이란 사이트맵 메뉴를 추가할 때, 생성되는 모듈에 따라 자동으로 적용되는 스킨을 말하는 것으로, 모든 모듈의 레이아웃으로는 "default" 레이아웃을 적용하고, 문서페이지나 위젯페이지 그리고 외부페이지와 같은 페이지 모듈에는 "Default Page Skin"을 적용하며, 게시판 모듈에는 "XE Default" 스킨을 기본으로 적용하라는 뜻이 된다.
 
"기본 스킨"은 각각의 모듈마다 PC용과 모바일용이 있으며, 이 "기본 스킨"을 변경하고 싶으면 해당 모듈을 클릭하여 다른 스킨을 설치한 후, 추가된 스킨을 선택하여 설정을 저장하면 된다.

 
【 sketchBook5 게시판 스킨 설치하기와 기본 스킨 변경하기 】
 
→ 게시판 스킨으로 인기있는 "SketchBook5 게시판 스킨, 모바일 스킨"을 찾아 다운로드 버튼을 클릭한다.



 

→ FTP 계정 정보 입력 화면에서 비밀번호를 입력하고 "확인" 버튼을 누른다.
→ "스킨" 창에 새로 추가된 "sketchBook5" 스킨을 선택하고, "PC 설정 저장" 버튼을 클릭한다.

0-7-23-5 변경된 기본스킨.jpg

 

→ 게시판 "기본 스킨"이 변경되었기 때문에 앞으로 만들어지는 모든 게시판 모듈에는 "sketchBook5" 스킨이 적용되어 질 것이다. 또한 이전에 만들어 놓은 게시판 모듈 중에서 "사이트 디자인 사용"을 하는 모든 게시판 모듈의 스킨도 "XE Default" 스킨에서 "sketchBook5"으로 변경되어 적용될 것이다.

 이전에 "기본 스킨"으로 적용되었던 "XE Default" 스킨과

0-7-24-1 XE Default 게시판 스킨.jpg

 

변경된 "sketchBook5" 스킨을 비교해 보면, 게시판 주변의 디자인이 많이 바뀌어져 있음을 볼 수 있다.

0-7-24-2 변경된 기본스킨이 적용된 게시판.jpg

 

- 개별 모듈에 적용되어 있는 스킨만 변경하기
 
만약 "사이트 디자인 사용"에 의하여 게시판 모듈에 일률적으로 적용되고 있는 "기본 스킨"을 변경하지 않고, 어떤 특정 게시판의 스킨만 다른 스킨으로 변경하거나, 새로운 스킨을 추가 설치하여 사용하고자 할 경우에는 어떻게 해야 할까?
 
☞ 레이아웃 설정하기 > 사이트 기본 레이아웃의 지정 참조 
 
→ XE Admin "[사이트 메뉴 편집]"을 클릭하고 스킨을 변경하고 싶은 게시판 메뉴를 클릭한다.
→ 열린 메뉴의 편집창에서 "디자인" 클릭한다.
→ 디자인 창에서 "게시판"을 클릭한다.
→ "스킨" 창에서 "사이트 디자인 사용 : ON"을 클릭하여 Off로 바꾸고 "사이트 디자인 사용"을 중지시킨다.

0-7-25-1 특정 게시판 스킨 바꾸기.jpg

 

→ "기본 스킨"으로 사용했던 "Sketchbook5" 대신에 원하는 다른 스킨(XE Default)을 선택하고 "저장" 한다.

0-7-25-2 특정 게시판 스킨 바꾸기.jpg

  

→ 웹사이트의 "수강신청서" 메뉴를 클릭해 보면 게시판의 스킨이 "XE Default"로 바뀌어 적용되어 있다.

0-7-25-3 스킨 변경된 특정 게시판.jpg

  

※ 아래 그림에서처럼 웹사이트의 게시판 페이지에서 직접 스킨을 변경할 수 있다.
 
→ 게시판 우측 상단의 "설정" 버튼을 눌어 "게시판 관리" 페이지를 연다.
→ "게시판 정보" 탭의 "스킨" 항목에서 원하는 "XE Default" 스킨을 선택하고 "등록" 버튼을 클릭하면 된다.

0-7-26 게시판페이지에서 스킨 변경.jpg

 

- 새로이 추가 설치된 "Sketchbook5" 스킨 사용하기
 
이상에서 스킨의 추가 설치하기와 모듈에 적용하는 방법 등에 대해서 자세히 알아 보았다. 스킨은 모듈을 꾸미고 장식할 목적으로 개발된 작은 프로그램이긴 하지만 개발자의 의도에 따라 아주 많은 다양한 기능들이 포함되어 있을 수 있다. XE 스킨 개발자는 사용자가 스스로 모듈을 여러 가지 모습으로 꾸밀 수 있도록 각종 옵션 설정을 할 수 있게 해 놓았으며, 또한 방문자가 콘텐츠를 편리하게 이용할 수 있는 여러 편의 기능을 장착시켜 제공하고 있다.
 
이처럼 관리자나 방문자가 게시판 스킨을 모듈에 좀 더 편하게 적용하고 여러 기능을 손쉽게 사용할 수 있도록 각종 옵션 설정을 할 수 있게 한 기능이 "게시판 관리" 페이지에 있는 "스킨 관리" 탭이다. 즉, 새로운 스킨을 설치하고 게시판 스킨을 변경하였을 경우, 사용자는 "스킨 관리"에서 적절하게 설정을 해 주어야만 개발자가 의도한 목적대로 게시판을 멋지게 꾸며서 운영할 수 있는 것이다.
 
"XE Default" 스킨이 적용된 메뉴를 클릭하여 게시판 페이지에 접속한 다음, 게시판 우측 상단의 "설정" 버튼을 눌러 "게시판 관리" 페이지를 열고, "스킨 관리" 탭을 클릭하면 아래 그림과 같은 "스킨 관리"페이지가 보일 것이다.

0-7-27-1 XE Default 스킨 설정하기.jpg

  

그리고 마찬가지 방법으로 "Sketchbook5" 스킨이 적용된 게시판 페이지를 열고, "설정" 버튼을 클릭하여 "게시판 관리"에 있는 "스킨 관리" 탭을 클릭하여 보자.

0-7-27-2 Sketchbook5 스킨 설정하기.jpg

 

위 두 그림에서 보는 바와 같이 "XE Default"와 "Sketchbook5" 스킨의 사용자 설정 항목의 내용이 굉장한 차이가 있음을 알 수 있다. "XE Default" 스킨에서는 "사용자 정의" 설정 항목이 고작 2개만 설정할 수 있도록 되어 있는데 반해, "Sketchbook5" 스킨의 사용자 설정에서는 도대체 뭐가 뭔지를 알 수 없을 정도로 항목이 복잡하게 있으며, 셀 수 없을 정도로 설정 옵션들이 많이 있음을 볼 수 있다.
 
"XE Default" 스킨 개발자는 별도로 사용자 설정 옵션을 제공하지 않고 프로그램만 제공하기 때문에, 사용자가 "XE Default"를 사용하게 될 경우에는 최초 제공된 프로그램을 죽으나 사나  그대로 사용해야 할 것이다(프로그램을 직접 수정할 수 있는 프로그래밍 지식이 없다면,,,)
 
반면 "Sketchbook5" 스킨은 사용자 설정 항목이 너무 많아, 오히려 사용자가 쉽게 사용하기가 부담이 될 정도로 복잡하게 보이는데, 이 스킨을 사용하게 되면 사용자는 훨씬 더 멋지게 게시판을 꾸밀 수 있고, 방문자에게는 좀 더 편리하게 콘텐츠를 이용할 수 있도록 하는 반면에, 그만큼 사용자는 이 스킨의 기능과 사용법에 대해서는 철저하게 공부하여 잘 알아야만 하는 것을 전제로 한다.
 
본 강의에서는 Sketchbook5 스킨의 사용자 설정 항목 하나하나의 사용법에 대한 구체적인 설명은 하지 않을 것이다. 이 Sketchbook5 스킨의 사용 여부와 여하히 잘 사용하느냐의 문제는 순전히 개인적인 기호와 각자 노력의 몫이며, 어떤 스킨을 사용하든 게시판을 잘 운영하기 위해서는 여러 스킨들을 설치하여 비교 검토 해 보는 시행착오의 과정이 많이 있어야 함을 주지하시길...
 
【 Sketchbook5 게시판 스킨의 주요 설정 항목들 】
 
- 컬러셋 : 게시판 전체적인 컬러셋 설정
- 전체 설정
- 게시판 상단 설정
- 게시판 하단 메뉴 설정
- 목록 공통 설정 
- 일반 목록형 유형 설정 
- 웹진형, 갤러리형 공통 설정 
- 웹진형 설정
- 갤러리형 설정
- 클라우드 갤러리
- FAQ 게시판형
- 블로그 형 
- 글쓰기 및 댓글쓰기 설정
- 첨부파일
- 본문 이미지 설정
- 본문 일반 설정 
- 피드백 목록 설정
- 본문 제목 공통 설정
- 본문 '게시판 스타일' 제목 설정
- 본문 '블로그 스타일' 및 '뷰어로 보기' 제목 설정
- '뷰어로 보기' 설정
 
 
▶ 모바일 스킨 관리 
 
모바일 화면에서 출력되는 게시판의 모양을 꾸며 주기 위하여 사용되는 모바일 스킨의 사용자 상세 설정을 할 수 있는 기능이다. 아래 그림은 XE에서 기본적으로 제공하는 XE 게시판 모바일용 기본 스킨으로 사용자 설정을 할 수 있는 옵션 항목이 하나도 없다.

0-7-28-1 모바일 게시판 스킨.jpg

 

모바일 스킨의 변경은 "게시판 관리" 페이지의 "모바일 설정"에서 하면 된다.

0-7-28-2 모바일 게시판 스킨 선택.jpg

 

또한 "게시판 스킨 변경하기"에서 배운 것처럼 XE Admin "[사이트 제작/편집] > [사이트 디자인 설정]" 메뉴에서 모바일용 게시판 기본 스킨을 변경할 수 있다.

0-7-28-3 모바일 게시판 기본스킨 변경.jpg

 

그리고 "[사이트 메뉴 편집]"에서 새로운 모바일 스킨을 추가 설치하거나 스킨 변경을 할 수도 있다.

0-7-28-4 모바일 게시판 스킨 변경.jpg

 

※ 다른 모바일 스킨을 설치하기 위해 XE 추가기능의 설치 방법에서 배운 바와 같이 원하는 모바일 스킨을 XE 공식자료실에서 다운로드하여 해당 경로에 설치하거나 XE Admin "[고급] > [쉬운 설치]"를 이용하여 설치해도 된다.
 
 
이번 시간 강의는 실습 중심으로 진행하고자 했고, 게시판 모듈 설정 부분 전부에 대하여 언급하다 보니 본의 아니게(?) 강의가 많이 길어졌습니다. 그러나 길고도 긴 게시판에 관한 강의 내용에도 불구하고 게시판 모듈을 이용하여 사이트를 만드는 일은 그렇게 어렵거나 힘든 것이 아니며 사이트 만들기에서 상대적으로 쉬운 작업 영역에 속한다고 할 수 있습니다.
 
웹사이트를 만들 때 게시판 모듈은 인터넷의 꽃이라 불려 질 정도로 절대 없어서는 안 되는 중요한 사이트 구성요소 중의 하나입니다. 특히 커뮤니티 사이트에서 가장 핵심적인 도구 역할을 하는 게시판은, 사실 프로그램에 의하여 콘텐츠가 체계적으로 다루어지는 거의 규격화된 표준 양식의 일종이기 때문에 사이트를 만드는데 관리자가 머리를 많이 쓰거나 손이 많이 가는 일은 아닙니다.
 
게시판을 효과적으로 운용하는데 필요한 각종 기능과 게시판을 꾸며 주는 스킨을 제대로 한 번만 설정해 놓는다면 사이트의 외형 만들기와 운영은 손쉽게 할 수 있을 것입니다. 하지만 게시판으로 사이트를 만들 때에는 게시판에 들어갈 콘텐츠의 확보와 생산에 온 신경을 집중시킬 필요가 있습니다. 최대한의 능력과 아이디어를 동원하여 킬러 콘텐츠 발굴에 전력을 기울이고, 머리를 싸매 쥐가 날 정도로 고민을 많이 하면 할수록 양질의 경쟁력있는 콘텐츠를 넉넉히 구할 수 있을 것입니다.
 
그럼 다음 시간에는 개성 넘치고 스타일리시한 예술적 구성능력이 무한 요구되는 페이지 모듈 꾸미기에서 맘껏 디자인 감각을 발휘해 보는 시간을 갖도록 하겠습니다. 오늘 강의 대단히 수고하셨습니다.. 짝짝짝..

Atachment
첨부 '44'