작업실

그누보드5 아미나ASR 테마에 네이버 캘린더 설치하기

 

네이버 캘린더의 공유기능을 이용하여 그누보드5에 캘린더를 표시하는 방법을 알아보겠습니다.

 

 

1. 소스 생성하기


http://blog.naver.com/nvsmartdiary/220128994578

 

먼저 위와 같이 네이버 캘린더 iframe 소스를 땁니다.

 

 

2. php 문서 생성하기

 

php 문서를 생성합니다. (저는 editplus에서 만들었어요!) - 첨부파일에도 있습니다.

 

내용은 밑의 코드를 넣으면 됩니다.

 

<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가 
?>
<style>
.embed-container { position: relative; padding-bottom: 75%; height: 0; overflow: hidden; max-width: 100%; height: auto; }
.embed-container iframe,
.embed-container object,
.embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
</style>
<div class="embed-container">
<object id="calendar_naver" width="800px" height="600px" data="네이버캘린더주소">
<iframe src="네이버캘린더주소" width="800" height="600" frameborder="0"></iframe></object>
</div>
<br>

 

※ 참고로 네이버달력주소의 형식은 http://me2.do/xxxxxxxx  이런 구조입니다.

 

위의 코드를 넣어 php 파일을 만들고 (ex : calendar_naver.php)

 

/amina/user/html 에 해당 파일을 넣습니다.

 

 

3. 문서 등록하기

 

그누보드 관리자 모드 -> 아미나 스킨 -> 문서 설정 -> 일반문서 등록 -> 등록그룹(원하는 그룹 지정하기) -> 문서ID (calendar_naver) -> 문서파일(calendar_naver) -> 메뉴명(네이버 캘린더) -> 등록

 

위와 같이 등록이 됩니다.

 

 

4. 메뉴 순서 설정하기

 

그누보드 관리자 모드 -> 아미나 스킨 -> 메뉴설정 -> 넣은 그룹의 오른쪽에 서브메뉴 클릭하여 순서 지정

 

위와 같이 그룹의 메뉴 순서를 설정할 수 있습니다.

 

 

이제 해당 메뉴를 눌러보면 정확하게 표현되는 것을 볼 수 있습니다.

 

저는 new-basic 테마라서 반응형 부트스트랩이지만 폰에서도 정확하게 반응형으로 나오는 것을 볼 수 있습니다.

 

모바일에서도 당연히 잘 나오구요 ^^

 

반응형 소스는 관련링크 2에 올려놨습니다.

 

 

 

좋은 기능을 알려주신 희망규짱님 고맙습니다.

 

첨부파일에 올려뒀으니 받으셔도 되고, 코드 몇줄 안되니 파일 생성해서 쓰셔도 됩니다.

 

 

※ 2014년 10월 9일 02시 13분 object 추가하여 파일 및 소스 변경하였습니다.

 

테베님의 도움으로 html5가 지원되는 브라우저에서는 object로 출력되고, 그렇지 않으면 iframe으로 출력될 것입니다.

 

 

 

 

, , , , , , , , ,

14 Comments
희망규짱 2014.10.09 17:53  
아. 화면크기가 어느정도 작으면 네이버에서 알아서 월하고 일만 보이게 해논것같아요.
줄이고 늘리고 하니 그렇네요 ㅎ
우성군 2014.10.09 19:14  
ㅎㅎ 그렇군요
희망규짱 2014.10.09 23:01  
아. 그런데 진짜 캘린더가 필요한것같아욬ㅋ
캘린더 일정을 누르면 해당게시물로 이동해서 게시물소식보고 할수 있는 그런..
캘린더가 아니라 일정표인가.. 암튼 고론것 찾아봐야겟네요. 없으면
댓글쓸수 있게 되야 할텐데 아이프레임이 그누보드에 막혀 있어서 어찌 해야할지 모르겠네요......................흠
우성군 2014.10.09 23:56  
http://sir.co.kr/bbs/board.php?bo_table=g5_skin&wr_id=1251

요런거 어떨까요?

그누보드 최신버전에서는 안된다는 댓글도 있네요.