그누보드 슬라이드 적용해보기 정보
그누보드 슬라이드 적용해보기관련링크
본문
그누보드 메인에 접속하면 나오는 가로 슬라이드를 적용해보았습니다.
index.php의 최신글 위에 다음 코드를 붙여넣기 해줍니다.
이미지는 경로에 맞게 연결하시고, 링크는 그누보드에 걸었습니다.
<?php
if (!defined('_INDEX_')) define('_INDEX_', true);
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
if (G5_IS_MOBILE) {
include_once(G5_THEME_MOBILE_PATH.'/index.php');
return;
}
include_once(G5_THEME_PATH.'/head.php');
?>
<!-- 그누보드 슬라이드추가 6.30 시작 -->
<!-- https://splidejs.com/ 여기에 방문하면 자세한 소개와 사용법이 나와 있습니다. 참고하시기 바랍니다.-->
<style> .splide { width:960px; height: 180px;}
.kims {margin: 10px; width: 80%;}
</style>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@latest/dist/css/splide.min.css">
<script src="https://cdn.jsdelivr.net/npm/@splidejs/splide@latest/dist/js/splide.min.js"></script>
<div id="splide" class="splide">
<div class="splide__track">
<ul class="splide__list">
<li class="splide__slide"><a href="https://sir.kr/main/g5/"><img class="kims" src="../../zz/images/gnu_capture/그누보드.png"></a></li>
<li class="splide__slide"><a href="https://sir.kr/main/g5/"><img class="kims" src="../../zz/images/gnu_capture/관리자데모.png"></a></li>
<li class="splide__slide"><a href="https://sir.kr/g5_pds"><img class="kims" src="../../zz/images/gnu_capture/다운로드수.png"></a></li>
<li class="splide__slide"><a href="https://sir.kr/g5_builder"><img class="kims" src="../../zz/images/gnu_capture/빌더.png"></a></li>
<li class="splide__slide"><a href="https://sir.kr/g5_skin"><img class="kims" src="../../zz/images/gnu_capture/스킨.png"></li>
<li class="splide__slide"><a href="https://sir.kr/qa/?s_tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C5"><img class="kims" src="../../zz/images/gnu_capture/질문수.png"></a></li>
<li class="splide__slide"><a href="https://sir.kr/g5_theme"><img class="kims" src="../../zz/images/gnu_capture/테마.png"></a></li>
</ul>
</div>
</div>
<script>
new Splide( '#splide', {
type : 'loop',
perPage: 6,
perMove: 1,
} ).mount();
</script>
<!-- 그누보드 슬라이드추가 6.30 끝 -->
<h2 class="sound_only">최신글</h2>
<div class="latest_top_wr">
<?php
// 이 함수가 바로 최신글을 추출하는 역할을 합니다.
// 사용방법 : latest(스킨, 게시판아이디, 출력라인, 글자수);
// 테마의 스킨을 사용하려면 theme/basic 과 같이 지정
//echo latest('theme/slide_thumb_pc', 'free', 4, 99); 6.14 펄스나인님 스킨적용해봄.
echo latest('theme/pic_list', 'free', 4, 23); // 최소설치시 자동생성되는 자유게시판
echo latest('theme/pic_list', 'qa', 4, 23); // 최소설치시 자동생성되는 질문답변게시판
echo latest('theme/pic_list', 'notice', 4, 23); // 최소설치시 자동생성되는 공지사항게시판
?>
</div>
이하 코드생략
7
댓글 9개
많은 도움이 되었습니다.