웹마스터 팁

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

애드온 프로그램이란 제로보드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 애드온)

제목 글쓴이 날짜
제로보드 XE가 갑자기 느려져서 확인해봤더니 [1] jy1664 2009.10.27
"제로보드 XE 기본 개념을 이해하자" 문서화 [3] file amd짱좋아 2009.11.13
제로보드 XE - 1.3.x 설치부터 기본 홈페이지 만들기 스타호스트 2009.12.05
제로보드XE F5 공격 취약점 [7] ONEONE 2010.02.01
외부프로그램에서 제로보드 xe 및 그누보드 회원 연동(로그인) 하기 - 초간단 [1] 한이73 2010.02.03
레이아웃의 자유도때문에 궂이 제로보드4를 사용하시려는 분들은... [7] 아카스 2010.02.03
초보자를 위한 제로보드에 애드온 프로그램 설치하기 강좌 이하늘690 2010.02.23
[마지막팁] 제로보드4 처럼 레이아웃 없이 XE로 나만의 홈페이지 만들기 [6] Gekkou 2010.03.08
제로보드4에서 XE로 넘어와 헤메는 분들을 위해서(1편)-Xe개념이해와 설치 [16] file 황비 2010.03.18
제로보드4에서 XE로 넘어와 헤메는 분들을 위해서(3편:최종)-Widgets이해와 활용 [24] 황비 2010.03.26
트위터와 구글톸을 이용한 제로보드XE 새글 알리미 구축하기 [2] 하우하우 2010.04.03
그동안 고심하던 제로보드 에디터 문제 해결되었음을 기쁜마음으로 알립니다. 유샤인 2010.06.07
제로보드에서 iframe 높이 자동(유동적)조절(파폭,IE, 오페라,사파리,IETester) [11] file hhgyu 2010.09.17
제로보드 가입폼에 css쉽게 적용하기 {동준짱} 2002.06.26
노프레임 홈만들기 (3) - 서브 페이지 만들고 제로보드에 적용하기 [27] file @kihwa 2003.07.26
[동영상] 제로보드의 주요기능들을 적용한 웹사이트 만들기 1-10장 [51] 비행소년™ 2003.09.16
제로보드에서 손쉽게 복사하는 소스 (아래보다 더 편함..) [2] Danggn™ 2004.04.17
비밀번호 실시간 확인 스크립트 - 제로보드 응용버전 [2] 세죠위그이 2003.03.14
제로보드 사용시 아이프레임의 크기를 내용에 따라 바꿔주는 스크립트 [7] 쿨리안 2003.06.28
한줄씩 올라가는 뉴스티거용 인데요....제로보드하구는 어케...쩝 [12] 하나비 2003.07.08