2026, 새로운 도약을 시작합니다.

그누보드 슬라이드 적용해보기

2106540688_1624976832.6223.jpg

그누보드 메인에 접속하면 나오는 가로 슬라이드를 적용해보았습니다.

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>

 이하 코드생략

|

댓글 10개

좋은 팁 고맙습니다.
@rainbi 관심을 가져 주셔서 감사드립니다^^
잘 활용하겠습니다 감사합니다
@ATOM1 고맙습니다. 조금이라도 도움이 된다면 다행입니다.^^
수고하셨습니다.
@비타주리 감사합니다.
다른 사이트에서 코드를 복사해서 붙여넣기 한것 뿐입니다.
비타주리님의 다음 스킨을 많이 기다리고 있습니다. ^^
좋은팁 감사합니다.
좋은 정보 감사합니다...
많은 도움이 되었습니다.

좋은 정보 감사합니다.

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

그누보드5 팁자료실

번호 제목 글쓴이 날짜 조회
공지 3년 전 조회 4,598
2741 3일 전 조회 112
2740 4일 전 조회 104
2739 1주 전 조회 209
2738 1주 전 조회 217
2737 1주 전 조회 181
2736 1주 전 조회 280
2735 3주 전 조회 281
2734 3주 전 조회 263
2733 1개월 전 조회 265
2732 1개월 전 조회 301
2731 1개월 전 조회 267
2730 1개월 전 조회 226
2729 1개월 전 조회 356
2728 1개월 전 조회 245
2727 1개월 전 조회 422
2726 1개월 전 조회 256
2725 1개월 전 조회 331
2724 1개월 전 조회 360
2723 1개월 전 조회 267
2722 1개월 전 조회 300
2721 1개월 전 조회 211
2720 2개월 전 조회 304
2719 2개월 전 조회 307
2718 2개월 전 조회 202
2717 2개월 전 조회 336
2716 2개월 전 조회 202
2715 2개월 전 조회 312
2714 2개월 전 조회 273
2713 2개월 전 조회 376
2712 2개월 전 조회 289
🐛 버그신고