에티테마

슬라이드 모바일 버전

페이지 정보

작성자 no_profile 임두환 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 3건 작성일 23-02-17 01:14

본문

테마명 : 비즈니스 테마입니다.

* 글작성시에는 최대한 많은 정보를 알려주시기 바랍니다. 대략적으로 알려주시면 답변드리기가 매우 어렵습니다.
* http://ety.kr/board/ety_theme_manual 메뉴얼에 많은 정보가 있습니다. 먼저 확인 부탁드리겠습니다.
* 토, 일, 공휴일은 휴무 입니다. (영업시간안내 : 평일 오전 10시 부터 ~ 오후 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() 라는 함수를 이용해서
이렇게 체크해주시면 될것 같습니다.
감사합니다.






Total 1건 1 페이지
질문답변 목록
번호 제목 날짜
열람중
시간 : 02-17
02-17
게시물 검색

카테고리

카테고리
질문답변
 메뉴얼