슬라이드 모바일 버전
페이지 정보
작성자
임두환
쪽지보내기
메일보내기
자기소개
아이디로 검색
전체게시물
댓글 3건
작성일 23-02-17 01:14
본문
테마명 : 비즈니스 테마입니다.
* 글작성시에는 최대한 많은 정보를 알려주시기 바랍니다. 대략적으로 알려주시면 답변드리기가 매우 어렵습니다.
* http://ety.kr/board/ety_theme_manual 메뉴얼에 많은 정보가 있습니다. 먼저 확인 부탁드리겠습니다.
* 토, 일, 공휴일은 휴무 입니다. (영업시간안내 : 평일 오전 10시 부터 ~ 오후 7시 까지)
슬라이드 반응형으로 하니 조절이 어려운 것 같아서요...
혹시 모바일 기기에서는 별도의 이미지가 출력되도록 조정할 수 있을까요...?
* 글작성시에는 최대한 많은 정보를 알려주시기 바랍니다. 대략적으로 알려주시면 답변드리기가 매우 어렵습니다.
* http://ety.kr/board/ety_theme_manual 메뉴얼에 많은 정보가 있습니다. 먼저 확인 부탁드리겠습니다.
* 토, 일, 공휴일은 휴무 입니다. (영업시간안내 : 평일 오전 10시 부터 ~ 오후 7시 까지)
슬라이드 반응형으로 하니 조절이 어려운 것 같아서요...
혹시 모바일 기기에서는 별도의 이미지가 출력되도록 조정할 수 있을까요...?
댓글목록
소프트존님의 댓글
소프트존
쪽지보내기
메일보내기
자기소개
아이디로 검색
전체게시물
작성일
혹시 테마명을 정확히 알 수 있을까요?
작업 방식이 달라서 정확한 답변드리기가 어려울것 같습니다.~~
임두환님의 댓글
임두환
쪽지보내기
메일보내기
자기소개
아이디로 검색
전체게시물
작성일
죄송해요. 제가 테마명을 잘못 적었습니다.
에티 무료 와이드 테마 1.7 버전입니다.
소프트존님의 댓글
소프트존
쪽지보내기
메일보내기
자기소개
아이디로 검색
전체게시물
작성일
네 그렇군요~
반응형으로 말고 모바일 기기 접속시 슬라이드 이미지들을 달리 보이게 할 수 있습니다.
좀 간단한 방법으로는
슬라이드내용 입니다.
<!-------------------------- 슬라이드 -------------------------->
<header>
<div id="carouselExampleIndicators" class="carousel slide carousel-fade" data-ride="carousel" data-interval="5000">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner" role="listbox">
<!-- Slide One - Set the background image for this slide in the line below -->
<div class="carousel-item active" style="background-image: url('<?php echo G5_THEME_URL?>/img/bg/b-02.jpg')">
<div class="carousel-caption d-md-block">
<h3 class="ks4">에티와이드테마</h3>
<p class="ks4 f20">전체페이지를 와이드 형태로만 제작하였습니다.</p>
</div>
</div>
<!-- Slide Two - Set the background image for this slide in the line below -->
<div class="carousel-item" style="background-image: url('<?php echo G5_THEME_URL?>/img/bg/b-01.jpg')">
<div class="carousel-caption d-md-block">
<h3 class="ks4">반응형 비즈니스 테마</h3>
<p class="ks4 f20">CMS 인 그누보드 5.4 와 연동되어 사용가능한 테마 입니다.</p>
</div>
</div>
<!-- Slide Three - Set the background image for this slide in the line below -->
<div class="carousel-item" style="background-image: url('<?php echo G5_THEME_URL?>/img/bg/b-03.jpg')">
<div class="carousel-caption d-md-block">
<h3 class="ks4">테마몰 오픈</h3>
<p class="ks4 f20">테마몰을 오픈하였습니다.</p>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</header>
<!-------------------------- ./슬라이드 -------------------------->
위 내용이 무료 와이드 테마 1.7 슬라이드 입니다.
<?php if(is_mobile()) { ?>
........... 이미지 달리한 모바일 전용 슬라이드
<?php }else{ ?>
........... 기존 슬라이드
<?php } ?>
if 문으로 그누보드에서 제공해주는 is_mobile() 라는 함수를 이용해서
이렇게 체크해주시면 될것 같습니다.
감사합니다.
메뉴얼
