그누보드4 슬라이드(sliders) 최신글 스킨 구현 및 팝업 연동 가이드
페이지 정보
본문
그누보드4 슬라이드(sliders) 최신글 스킨 구현 및 팝업 연동 가이드
그누보드4 환경에서 슬라이드(sliders) 스킨을 이용해 롤링 팝업 또는 이미지 롤링 기능을 구현하려는 운영자·개발자를 위해, 게시판 쓰기 스킨 코드 수정 방법과 HTML 문서 내 최신글 연동 코드를 안내합니다.
그누보드4 슬라이드(sliders) 스킨 및 롤링 팝업 구현 방법
그누보드4 환경에서 슬라이드(sliders) 스킨을 이용해 롤링 팝업 또는 이미지 롤링 기능을 구현하려면 게시판 쓰기 스킨 수정과 HTML 문서 내 최신글 함수 연동 단계를 거쳐야 합니다.
1. 게시판 설정 및 여분 필드 활용
게시글 등록 시 아래의 여분 필드 값을 설정해야 팝업 이미지가 정상적으로 노출됩니다.
- wr_1: 팝업노출 시작일 (예:
20140212) - wr_2: 팝업노출 종료일 (예:
20140227) - wr_3: 팝업노출 유무 (
y= 노출) - wr_link1: 링크 주소 (값이 없으면 링크 작동 안 함)
- wr_link2: 링크 열기 방식 (
none,_blank,_self)
2. 쓰기 스킨(write.skin.php) 코드 수정
연결한 게시판 스킨의 write.skin.php 파일에서 링크 입력 및 열기 옵션 관련 코드를 아래와 같이 수정합니다.
<?php if ($is_link) {?>
<tr>
<td style='padding-left:20px; height:30px;'>· 링크</td>
<td><input type='text' class='hp_skin_field' style="width:99%" name='wr_link1' title='링크' value='<?php echo $write["wr_link1"];?>' /></td>
</tr>
<tr><td colspan="2" height="1" bgcolor="#e7e7e7"></td></tr>
<tr>
<td style='padding-left:20px; height:30px;'>· 링크열기</td>
<td>
<input type="radio" name="wr_link2" value="_blank" <?php echo $write["wr_link2"]=="_blank"?"checked":"";?> />새창
<input type="radio" name="wr_link2" value="_self" <?php echo $write["wr_link2"]=="_self"?"checked":"";?> />현재창
<input type="radio" name="wr_link2" value="none" <?php echo $write["wr_link2"]=="none"?"checked":"";?> />링크 없음
</td>
</tr>
<tr><td colspan="2" height="1" bgcolor="#e7e7e7"></td></tr>
<?php }?>3. HTML 문서 내 팝존(최신글) 연동 코드 삽입
슬라이드를 출력하고자 하는 HTML 문서에 라이브러리를 포함하고 최신글 함수를 호출합니다. 상세 코드는 Q3를 참조하십시오.
4. 주의사항 및 추가 설정
- 노출 조건: 게시글의 팝업 이미지가 보이려면
wr_1 <= 오늘날짜 <= wr_2조건과wr_3 = y조건이 충족되어야 합니다. - 이미지 롤링용 전환: 팝업용이 아닌 일반 이미지 롤링용으로 사용할 경우
slidesjs.lib.php파일 내부의 22줄 주석을 해제하고 23줄을 주석으로 변경하여 사용합니다. - 원제작자 및 버전: 해당 코드는 그누보드4 구버전 기준입니다.
그누보드4 슬라이드 스킨 write.skin.php 링크 설정 수정 방법
그누보드4에서 롤링 팝업 또는 슬라이드 스킨을 사용할 때, 게시판 쓰기 화면에서 링크 주소와 열기 방식(wr_link2)을 설정할 수 있도록 write.skin.php 파일을 수정해야 합니다.
1. 수정 위치 확인
연결한 게시판 스킨 폴더 내의 write.skin.php 파일에서 기존 링크 입력 관련 코드를 찾습니다.
2. 코드 변경안
기존의 반복문 기반 링크 출력 코드를 아래의 코드로 교체합니다. 이 수정으로 wr_link1 입력 필드와 wr_link2의 '새창', '현재창', '링크 없음' 라디오 버튼 옵션이 활성화됩니다.
<?php if ($is_link) {?>
<tr>
<td style='padding-left:20px; height:30px;'>· 링크</td>
<td><input type='text' class='hp_skin_field' style="width:99%" name='wr_link1' title='링크' value='<?php echo $write["wr_link1"];?>' /></td>
</tr>
<tr><td colspan="2" height="1" bgcolor="#e7e7e7"></td></tr>
<tr>
<td style='padding-left:20px; height:30px;'>· 링크열기</td>
<td>
<input type="radio" name="wr_link2" value="_blank" <?php echo $write["wr_link2"]=="_blank"?"checked":"";?> />새창
<input type="radio" name="wr_link2" value="_self" <?php echo $write["wr_link2"]=="_self"?"checked":"";?> />현재창
<input type="radio" name="wr_link2" value="none" <?php echo $write["wr_link2"]=="none"?"checked":"";?> />링크 없음</td>
</tr>
<tr><td colspan="2" height="1" bgcolor="#e7e7e7"></td></tr>
<?php }3. 다음 행동 및 조건 확인
- 코드를 수정한 뒤 관리자 또는 작성 화면에서 게시글을 등록할 때 링크 주소와 링크열기 옵션(
wr_link1,wr_link2)이 정상적으로 반영되는지 확인합니다. - 팝업 이미지가 정상 노출되려면 여분 필드 조건(
wr_1시작일,wr_2종료일 사이에 오늘 날짜가 포함되고,wr_3값이y이며,wr_1에 링크 주소가 입력된 상태)을 함께 충족해야 합니다.
HTML 문서 슬라이드 최신글 팝업 연동 코드
그누보드4 환경에서 슬라이드(sliders) 스킨을 활용하여 메인 페이지 등 원하는 HTML 문서에 롤링 팝업을 출력하려면 아래 코드를 삽입합니다.
<?php
$popzone_board = "popzone"; // 게시판 이름
$popzone_skin = "hp_utf_slidersjs"; // 스킨폴더 이름
$popzone_thumb = "thumb_slidersjs"; // 썸네일 폴더명 변경시 latest.skin.php 의 파일내용중 폴더명 일치필요
include_once $g4['path']."/skin/latest/".$popzone_skin."/slidesjs.lib.php";
echo latest_slidersjs("{$popzone_skin}", "{$popzone_board}", 16, 20); // ("스킨명", "게시판명, 출력수, 글자수)
if ($is_admin) { // 섬네일 일괄삭제
if ($delete_smallimg == 1 &&!empty($is_admin)){
include_once $g4['admin_path']. '/admin.lib.php';
rm_rf("$g4[path]/data/file/".$popzone_board."/".$popzone_thumb."/".$thumb_name);
alert("$g4[path]/data/file/".$popzone_board."/".$popzone_thumb."/".$thumb_name." 을 몽땅 삭제하였습니다.", $_SERVER['PHP_SELF']. '?'. str_replace('delete_smallimg=1&', '', $_SERVER['QUERY_STRING']));
}
echo "<a href='".$g4['path']."/bbs/board.php?bo_table=".$popzone_board."'>관리</a> | <a href='".$_SERVER['PHP_SELF']."?delete_smallimg=1&".$_SERVER['QUERY_STRING']."'>Thumb삭제</a>";
}
?>$popzone_board에는 연동할 게시판 이름을 지정합니다.$popzone_skin에는 스킨 폴더 이름을 지정합니다.latest_slidersjs함수의 인자("{$popzone_skin}", "{$popzone_board}", 16, 20)는 순서대로 스킨명, 게시판명, 출력수, 글자수를 의미합니다.
그누보드4 슬라이드(sliders) 스킨 및 팝업 연동 방법
그누보드4 환경에서 sliders 스킨을 활용하여 롤링 팝업 또는 이미지 롤링 기능을 구현하려면 게시판 쓰기 스킨 코드 수정과 HTML 문서 내 최신글 함수 호출 작업을 거쳐야 합니다.
1. 게시판 쓰기 스킨(write.skin.php) 수정
연결한 게시판 스킨의 write.skin.php 파일에서 링크 입력 부분과 링크 열기 방식(새창, 현재창, 링크 없음)을 설정할 수 있도록 코드를 변경합니다.
기존 링크 설정 코드를 아래의 변경안으로 교체합니다.
<?php if ($is_link) {?>
<tr>
<td style='padding-left:20px; height:30px;'>· 링크</td>
<td><input type='text' class='hp_skin_field' style="width:99%" name='wr_link1' title='링크' value='<?php echo $write["wr_link1"];?>' /></td>
</tr>
<tr><td colspan="2" height="1" bgcolor="#e7e7e7"></td></tr>
<tr>
<td style='padding-left:20px; height:30px;'>· 링크열기</td>
<td>
<input type="radio" name="wr_link2" value="_blank" <?php echo $write["wr_link2"]=="_blank"?"checked":"";?> />새창
<input type="radio" name="wr_link2" value="_self" <?php echo $write["wr_link2"]=="_self"?"checked":"";?> />현재창
<input type="radio" name="wr_link2" value="none" <?php echo $write["wr_link2"]=="none"?"checked":"";?> />링크 없음</td>
</tr>
<tr><td colspan="2" height="1" bgcolor="#e7e7e7"></td></tr>
<?php }?>2. HTML 문서에 최신글(팝존) 연동 코드 삽입
슬라이드를 출력하고자 하는 HTML 문서에 라이브러리를 포함하고 최신글 함수를 호출합니다. 상세 코드는 Q3를 참조하십시오.
3. 팝업 노출 조건 설정 (wr1, wr2, wr_3)
게시글 작성 시 여분 필드를 통해 팝업 노출 기간 및 사용 여부를 제어할 수 있습니다.
wr_1: 팝업노출 시작일 (예:20140212)wr_2: 팝업노출 종료일 (예:20140227)wr_3: 팝업노출 유무 (y= 노출)wr_link1: 링크 주소wr_link2:none,_blank,_self
해당 게시글의 팝업 이미지가 정상적으로 노출되려면 다음 조건이 충족되어야 합니다.
wr_1 <= 오늘 날짜 <= wr_2wr_3 = ywr_link1에 값이 존재할 것
4. 주의사항 및 기타 용도 전환
- 제공된 코드는 그누보드4 구버전 기준이며, 원제작자 정보가 누락되어 있습니다.
- 팝업용이 아닌 일반 이미지 롤링용으로 사용할 경우에는
slidesjs.lib.php파일의 22줄 주석을 해제하고 23줄을 주석으로 변경하여야 합니다.
그누보드4 슬라이드 팝업 구현 가이드
- 내 상황: 그누보드4에서
sliders스킨을 활용해 롤링 팝업 또는 이미지 롤링 기능을 구현하려는 경우 - 선택 기준: 게시글의 여분 필드(
wr_1,wr_2,wr_3)를 활용한 노출 제어와write.skin.php내 링크 열기 옵션(wr_link2) 추가 필요 여부 - 다음 행동:
write.skin.php의 링크 입력 코드를 수정하여 링크 열기 방식(새창/현재창/링크없음) 옵션 추가- HTML 문서에
slidesjs.lib.php를include하고latest_slidersjs함수를 호출하여 연동
실전 FAQ
- Q. 팝업 이미지가 노출되지 않을 때 무엇을 확인해야 하나요?
- A. 게시글의 여분 필드 설정이 다음 조건을 모두 만족하는지 확인하십시오.
wr_1(시작일) ≤ 오늘 날짜 ≤wr_2(종료일)wr_3값이 'y'로 설정됨wr_link1에 유효한 링크 주소가 입력됨
- Q. 팝업용이 아닌 일반 이미지 롤링용으로 전환하려면 어떻게 하나요?
- A.
slidesjs.lib.php파일 내 22줄의 주석을 해제하고 23줄을 주석 처리하여 용도를 변경할 수 있습니다. 단, 이는 그누보드4 구버전 기준이므로 적용 전 반드시 원본 파일을 백업하십시오.
- A.
함께 보면 좋은 글
- 그누보드 슬라이드 스킨 애니메이션 및 레이아웃 커스터마이징 가이드
- 그누보드4 달력 스킨 테이블 오류 및 팝업 내용 미표시 해결 방법
- 그누보드4 게시판 스킨 내 3단계 여분필드 연동 검색 구현 방법
참고자료
기타 참고자료
- 이전글그누보드 새글 페이지(new.php) 출력 방식 커스터마이징 방법 26.10.19
- 다음글그누보드5 초기 설치 및 테마 구성 시 필수 설정과 CSS 주의사항 가이드 26.10.18
댓글목록
등록된 댓글이 없습니다.