마크쿼리 티에디션 썸네일 2개 이미지 나오게 하자..

7
693 views

마크쿼리 정식배포가 되고 나서 메인 페이지 티에디션도 모두 마쳤습니다..
마크쿼리 v4 를 다운 받으면 티에디션을 꾸밀 수 있는 소스가 세 개 나옵니다..

먼저 갤러리형의 소스

150212_001

이미지 4개형 소스

150212_002

마지막으로 왼쪽에 이미지 오른쪽에 내용이 나오는 부분입니다..

150212_003

그런데 저의 메인을 보시면 상단과 하단에 이미지 두개를 나타내는 썸네일이 있습니다..
이 소스는 아주 간단합니다..

마크쿼리 티에디션 소스에서 단 숫자만 세개 바꾸면 됩니다..

150212_004

 

#">cbcbcb;">

<div class=”tiedition”>
<h2 class=”tt-item-title tiedition-title”><span class=”tt-item-title-bg”><span class=”tt-item-title-inner”></span></span></h2>
<div class=”row tiedition-m-6 multi-columns-row”>
  <s_tabloid>
    <s_article_rep>
      <div class=”col-xs-12 col-sm-6 col-md-6 col-lg-6 tiedition-p-6″>
        <div class=”entry-content-asset”>
        <a href=”” title=”” class=”tt-wrap-thumb-link”><img class=”img-responsive tt-post-thumb” src=”http:///R500x0/” alt=””></a>
        </div>
        <div class=”entry-header”><h2 class=”entry-title tt-post-title”><a href=””></a></h2></div>
        <p class=”entry-summary tt-post-summary”><a href=””></a></p>
          <div class=”entry-details tt-post-etcinfo”>
            <p><span class=”tt-post-category”>Posted in <a href=””></a></span>
            <time class=”updated tt-post-date”>on </time>
            <span class=”byline author vcard tt-post-author”>by <span class=”fn”></span></span>
            <span class=”tt-post-comment”> comments</span></p>
          </div>
      </div>
    </s_article_rep>
  </s_tabloid>
</div>
</div>

위의 소스인데요 반응형은 숫자 12를 기준으로 되어 있습니다..
소스 중에서  <div class=”col-xs-12 col-sm-6 col-md-6 col-lg-6 tiedition-p-6″>에서 내가 두개의 이미지만 나타내고자 싶으시면 col-sm-6 col-md-6 col-lg-6 tiedition-p-6 으로 변경 하시면 되겠습니다..!!

그리고 제일 중요한데요..

티에디션에는 여러가지 선택 목록이 있습니다..

여기에서 갤러리형의 2개가 있는 아이템을 설정하셔야 됩니다..!!

 

설정을 하면 먼저 하나의 썸네일이 생깁니다..

그런다음에 플러스 버튼을 클릭하면 오른쪽에 하나의 썸네일이 더 생기는데요 혹 안되는 경우가 있습니다..

이런 현상이 일어나신 분은 먼저 썸네일이 하나가 생긴 상태에서 저장을 하신 다음에 다시 한번 티에디션에 들어 오셔서 해 보시기 바랍니다..

150212_005

반응형 블로그라서 좋은데 이미지가 크기에 따라 제각각이어서 조금은 아쉽네요…

개인적으로 썸네일 크기가 모두 같았으면 하는 바램입니다..

 

 

7 COMMENTS

  1. 안녕하세요. 티에디션 적용 잘 보고 갑니다. 저도 마크쿼리 다운 받아서 사용해보려고 하는데
    티에디션을 어떤 부분에 적용을 해야 하는지 잘 모르겠는데 가르쳐 주실수 없나요?
    기본적인 건 변경할 수 있겠는데 티에디션 적용은 어느 부분에 해야 하는지 도통 모르겠네요

댓글 남기기

Please enter your comment!
Please enter your name here