웹마스터 팁

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

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

제목 글쓴이 날짜
[동영상 강좌1] zbxe 설치하기 [120] file 필반 2007.11.26
[동영상 강좌2] zbxe 페이지 생성과 기능 설명 [45] file 필반 2007.12.03
■ 초보님을 위한 XE 동영상 강좌 [초보님들 필독 권합니다. ^^] [8] 파파민 2010.01.30
초보자를 위한 제로보드에 애드온 프로그램 설치하기 강좌 이하늘690 2010.02.23
XE 사용하기 - 동영상 강좌 [36] 선우(善友) 2010.05.05
초보자도 따라하는 XE로 홈페이지 만들기 강좌 포스트입니다. [2] 놀라운넘 2010.08.27
[생초보팁] 레이아웃 스킨 강좌 사이트 [2] HolyJohn 2010.12.29
좋은 PHP 강좌 사이트들 [1] HolyJohn 2010.12.29
[Siren]소스보기 금지된 페이지 저장하기! (강좌가 아닌가..;;) [15] 세이렌 2002.08.12
노프레임 홈페이지 만들기 강좌:) [53] file Alunar@R. 2002.08.22
뽀유의 스타일시트 특별강좌 [28] 뽀유♡ 2002.10.25
점선 테이블 만둘기 강좌(중복이면.. 지워주세요) [4] 라엘 2003.02.10
히야[HIYA] - 노프레임 왕초보가되어 프로젝트 !! [ 노프레임 홈피 만들기 !! 7번째강좌 ] [19] 공찬영 2003.07.05
[동영상강좌] 노프레임 홈페이지만들기 [8] 꼬냐닷컴 2005.10.02
[HTML] 동영상 강좌_ html 기초부분 [1] 다모폐인 2005.11.15
HTML 기초강좌 [1] 인테리어뱅크 2006.09.11
html 웹자료제작,교과목제작[사용법 동영상강좌] [3] parkys 2007.05.11
네이버 css강좌에요... 참고하세요 [3] 만쓰별(정만) 2009.01.15
노프레임 홈페이지 만들기 강좌 file H.N커뮤니티 2009.02.28
흐르는 내용 강좌 [4] 라엘 2003.02.10