본문 바로가기

워드프레스에 배경음악을 삽입 쉽게 하기

by 푸바오놀이터 2014. 5. 16.
반응형

자자 이번엔 워드프레스에 배경음악을 넣어봅시다.


이번에는 간단한 플러그인 2 가지만 추가하면 바로 배경음악을 넣어볼 수 있는 간단~~ 초 간단한 방법을 소개해 드려요.

일단은 워드프레스 테마에 따라 적용될 수 도 있고 안될 수 도 있다는 점을 감안하세요.

아마 큰 문제가 없다면 대부분 될 꺼라 생각합니다.

저는 외국에서 만든 무료테마 사용하고 있는데 바로 되었어요.

 

.

 

 

워드프레스 사이트에 간단한 플러그인 2 가지 설치로 배경음악 넣는 방법.

 

첫째, Soundy Background Music , Advanced AJAX Page Loader  플러그인 설치

둘째, 셋팅(Enable Background Sound)에 체크 하면 끝.

 

완전 간단하죠?

이해를 돕기 위해 제가 방금 테스트 해 본 실제 워드프레스 사이트 스크린샷 첨부합니다.

 

 

 

이건 플러그인 설치화면이예요. 플러그인 추가하기에서 해당 키워드 검색하면 됩니다.

Soundy Background Music

 

 

 

지금설치 누르면 자동설치가 되는 화면이네요.

 

 

같은 방법으로 두 번째 플러그인도 설치합니다. 

자동설치가 되는 것 보이시죠.

Advanced AJAX Page Loader 

 

 

 

 

둘 다 설치를 하면 플러그인 활성화를 한 후 셋팅해야겠죠?

Audio Track 들어가서 Enable Background Sound 에 체크를 합니다.

변경사항 저장 하고 나오면 됩니다.

그럼 워드프레스 사이트에 자동으로 배경음악이 삽입되게 됩니다.

확인해 본 스샷입니다.

 

 

 

짜잔 ~~

보이시나요?

우측 상단에 그레이 색상으로 플레이 버튼 보이시죠?

이게 자동적으로 플레이가 되고 있어요.

음악은 기본 음악이 설치가 됩니다.

 

 

그럼 좀더 심화 학습을 해 볼까요?

일단 설정에 들어가 보시면 Soundy,Advanced Ajax Page Loader 두 가지가 새로 생긴 것을 확인 하실 수 있을꺼예요.

이게 방금 추가한 두 플러그인입니다.

 

 

그리고 Soundy 누르시면 설정화면이 화면처럼 나오죠?

네 가지 텝이 있습니다.

 

 

 

그림으로 잘 설명이 되어 있어서 영어를 몰라도 탭 하나씩 이동하면서 마음에 드는 구성과 옵션으로 설정하시면 기본 위치라든가 플레이 버튼 생상이라든가 다양하게 바꾸실 수 있습니다.

 

마지막 텝에는 테그관련 설명도 있네요.

 

참고로 원하는 MP3 파일을 직접 올리실 경우에는  Audio File URL에 사운드 파일을 FTP 등으로 올리시거나 브라우저가 크롬이라면 컴퓨터에 있는 MP3파일을 끓어다만 놓으면 된답니다. 타 사이트(끌어와도 저작권등에 문제 없는 음악파일)URL을 입력할 수 도 있고요.

정말 편리하죠?

 

.

 

(첨가)

재생/멈춤 버튼 설정 바꿀 수 있음.

재생/멈춤 버튼의 위치 조절 가능.

Do not display any Play/Pause Button 옵션에 체크하면 보기 좋음.

<?php soundy_button(); ?> 직접 숏코드를 템플릿이나 원하는 곳에 넣으면 버튼 위치를 조절할 수 있음.

<?php soundy_title(); ?> 이 숏코드를 넣으면 음악의 제목이 나오게 됨.

 

 워드프레스에 배경음악을 삽입 하는 것 어렵지 않지요?

.

 

 

 

 

반응형