웹마스터 팁

제로보드 초보분들인  경우에는 애드온이 무엇에 쓰는 것일까 하는 분들도 있을 것입니다

애드온 프로그램이란 제로보드XE 와 같은 메인 웹프로그램에 추가시켜서 그 기능을 확장하는 프로그램을 말합니다.

이곳 제로보드 홈페이지에서도 Download 항목을 눌러보시면 애드온이나 위젯 프로그램 같은 것을 다운 받을 수 있게 해두었는데요

 

이 글에서는 애드온 프로그램을 설치하는 방법을 한번 설명 드리겠습니다

예제로는 "음악BGM 애드온" 을 이용해서 애드온 사용법을 설명드리겠습니다.

 

<애드온 설치방법>

 

1.먼저 제로보드 XpressEngine에 설치하는 애드온 뮤직프로그램이므로 자신의 홈페이지 계정에
제로보드 XpressEngine이 설치되어 있어야 합니다
(제로보드 XpressEngine은 홈페이지를 만드는데 많이 쓰이는 웹용 게시판 프로그램을 의미합니다)
(잘 모르시는 분들은 http://www.xpressengine.com 참조하세요)


2.제로보드가 이미 설치되어 있다는 전제하에 설명을 진행합니다
 맨처음으로 이 글에 첨부되어있는  music24.zip  (<- 음악BGM애드온)을 다운로드해서 압축을 푸시고
(혹시 폴더내에 폴더를 만들어 압축이 풀리지는 않았나 확인하고 업로드 하세요)
 제로보드 설치경로의 하위폴더인 zeroboard/addons 폴더내에 ftp를 이용하여 업로드합니다.

경로가 zeroboard/addons/music24 이렇게 되겠네요

 

3.제로보드에 관리자권한으로 로그인 하신 후 좌측상단에 보시면 아래 그림과 같은 메뉴가 있습니다
  여기에서 " 관리"를 마우스로 누릅니다


Snap1.jpg



4.그러면 나오는 아래와 같은 화면에서 " 애드온"이라는 탭을 누릅니다.

Snap2.jpg


 

5.그러면 아래 그림과 같은 화면이 뜨는데
"음악 BGM Addon" 이라는 항목을 찾아서
그 글자 맨 우측에  Snap6.jpg  <--이런 모양의 버튼을 마우스로 누르시면 Snap7.jpg  <--이런 모양으로 바뀔겁니다
(이것은 해당 애드온 프로그램을 활성화시켜서 나타나게 하는 것입니다)
 

Snap3.jpg


 

6.이제 음악 BGM Addon의 상세설정을 해야합니다..
음악 BGM Addon 글자 오른쪽의 Snap8.jpg  <--이렇게 생긴 버튼을 누르면 아래와 같은 팝업창이 뜹니다

Snap9.jpg


 

7.아래와 같은 그림에서 거꾸로된 삼각형표시를 눌러서
음악bgm을 홈페이지의 상단에 나타나게 할 것인지 홈페이지 하단에 나타나게 할 것인지를 선택합니다

Snap10.jpg

8.아래와 같은 항목에서는 원하는 음악 BGM을 선택합니다

Snap11.jpg 

Snap20.jpg


9.위의 bgm선택할 때 써있는 bgm이름 옆의 (높이:23)이라는 BGM높이를 참고하여 아래와 같이 BGM의 높이를 지정해줍니다

Snap13.jpg


10.마지막으로 맨 아래에 있는  Snap14.jpg  버튼을 눌러주면 다 된 것입니다.


11.이제 제로보드 홈페이지을 열어보시면 아래 그림과 같이 음악BGM이 설치된 것을 보실 수 있습니다.

Snap17.jpg



실제 적용해 본 테스트 홈페이지는---> http://ruby.music24.kr/xe/

이상 제로보드에 애드온을 적용하는 방법을 설명드렸습니다. 감사합니다.

 

첨부파일: music24.zip (음악BGM 애드온)

제목 글쓴이 날짜
게시판 글작성 및 댓글작성이 안될때 [2] 똑디 2012.10.18
닉네임 변경시 기존 게시물 연동 팁 (레벨 아이콘 에드온 이용) [9] 바붕아 2012.10.23
[XE 1.4] 모듈 개발 시 유의해야할 템플릿 버그 퍼니엑스이 2012.10.24
330 오류(net::ERR_CONTENT_DECODING_FAILED): 알 수 없는 오류 - 해결책 [2] 하얀마법 2012.10.25
실명제 사이트 만들기 [5] Hojoon Chang 2012.10.28
bodex 추천 & 댓글 버튼 만들기. [1] file meanie 2012.10.28
XE 다국어로 페이지/글 작성하기 [4] jhrun 2012.11.05
Nginx 에서 파일 업로드시 message: 413 에러 해결법 [3] 루트엘 2012.11.08
사이트 내 닉네임을 일괄 변경하기 [6] 윈컴이 2012.11.09
로그인 실패 관련 쪽지 또는 메일이 안 날라오게 하는 방법 [9] sejin7940 2012.11.12
exec_xml is not defined 오류 해결책 한마음^^ 2012.11.16
닉네임, 레벨, 포인트등 활동정보바 [2] file 소렌트. 2012.11.19
소셜XE에 지쳐서 찾다 찾다 찾은게 [4] SuperSonic 2012.11.21
xe에서 폼메일 구성하려는데 폼메일을 사용하려면 메일서버는 어떻게 ? 폼메일 2012.11.23
본문내 이미지 조절 애드온 기능 확장 - 원본이미지 모달 제거 / 작은이미지 크게 확장하기 [2] sejin7940 2012.11.25
일반게시판에서 모듈게시판 혹은 모듈게시판(에서 일반게시판예로들어 일반게시판 -> 게시판DX 혹은 그 반대)으로 게시글 이동시키는 방법 (DB에서) [1] file 장포크 2012.11.28
Sketchbook5 모바일 게시판에 파일 업로드 기능 추가 하기 [14] file hhgyu 2012.11.28
회원가입 버튼을 누르면 출력되는 Can not open GeoIP.dat 에러 대처방법(임시) [2] 마음의빈자리 2012.11.30
위젯 <td> 마다 다르게 배경색 지정.. [1] 제임스라 2012.11.30
템플릿 cond 문법에 else를 넣어봅시다. <block cond="else"></block> [2] 엘카 2012.11.30