swiper pc 최신글 적용하기
pc최신글에 swiper 적용하기 꼼수입니다.
적용방법 :
1. 다운로드후 압축을 풀면 swiper.php 파일이 나옵니다.
2. 라인 22~24 사이에 아래 코드가 보이는데
<div class="swiper-slide"><?php echo latest('theme/basic', 'free', 4, 23);?></div>
<div class="swiper-slide"><?php echo latest('theme/basic', 'qa', 4, 23);?></div>
<div class="swiper-slide"><?php echo latest('theme/basic', 'notice', 4, 23);?></div>
일반적인 최신글 적용 코드입니다. 이 부분에 본인이 노출하기를 원하는 게시판을 적용한 후 저장합니다.
3. 이제 swiper.php를 노출되기를 원하는 적당한 곳에
include_once(G5_THEME_PATH.'/swiper.php');
의 형식으로 추가합니다., 여기에서는 swiper.php를 테마폴더에 복사했다는 가정입니다.
4. (끝)
기본 설정은 3개 게시판 자동 좌우 스크롤(물론 마우스 터치 이동도 작동) 되어 있는데 이 부분은
swiper.php 파일을 열면 바꿀 수 있습니다.
노출되기를 원하는 게시판 수를 수정할 수도 있고,
자동 스크롤 되는 부분을 제거하기를 원하면 하단의
<script>
var swiper = new Swiper(".mySwiper", {
autoplay: {
delay: 2500,
disableOnInteraction: false,
}
});
</script>
코드에서 진하게 된 부분을 삭제하면 됩니다.
버전 정보
첨부파일
그누보드5 스킨
좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.
안녕하세요... 미니님a 입니다. 최근 게시물 갤러리를 스와이프 슬라이드 형태로 사용할 수 있습니다. 다운로드 받은 파일을 압축 해제 하신 뒤(simple_gallery_l...
최근게시물 슬라이딩 스킨에서 페이지네이션 설정과 불릿 색상을 설정할 수 있도록 하였습니다. [code] <?php $first['width'] = 870; // 슬라이드 폭...
웹사이트에 네이버 블로그의 최신 게시글을 자동으로 표시해주는 그누보드5용 위젯입니다. RSS 피드를 통해 블로그 콘텐츠를 실시간으로 가져와 방문자들에게 보여줍니다. 기본적으로 네이...
그누보드5 전체검색 기능에서 게시판 제목 기준으로 검색창에 사용자가 2자이상 입력하면 자동완성해주는 기능입니다. 적용방법: 1. 다운로드후 압축을 풉니다. 압축을 풀면 /lib...
pc최신글에 swiper 적용하기 꼼수입니다. 적용방법 : 1. 다운로드후 압축을 풀면 swiper.php 파일이 나옵니다. 2. 라인 22~24 사이에 아래 코드가 보이는데 ...
Sticky를 적용한 하단 바형태의 최신글 스킨입니다. - 사용방법 [code] <?php echo latest('basic_sticky_slide', 'notice', 5, 60...
그누보드 유튜브 썸네일 게시판 스킨 게시글 쓰기에서 첫번째 링크에 유튜브짧은 공유주소를 입력하면 됩니다.
최신글 갤러리 스킨 게시글의 첫번째 이미지를 추출하여 썸네일로 보여주는 갤러리 스킨입니다.
3번째 게시판 스킨입니다. 상단에 탭기능이 있습니다.
댓글 6개
감사합니다.^
^^
감사합니다 ^^
^^
감사합니다.
^^