1. 정확한 제품 또는 플러그인 이름
퓨어갤러리
2. 상세 내용
퓨어갤러리 첫페이지 기본값이 정사각형으로 되어 있는데 비율을 바꾸고 싶어 일전에 문의드렸습니다.
말씀하신 방법데로 해봤는데 변화가 없어 다시 문의 드립니다.
섬네일에 들어가는 이미지는 포토샵에서 가로 650* 세로1300으로 1 : 2로 비율을 맞췄습니다.
3. 확인 가능한 상세 페이지 주소
4. 수정한 코드 내역 (있다면)
list.js 수정내역입니다.
jQuery('.kboard-list-item .kboard-list-thumbnail', this).css({'height':(item_width*2)+'px'});
list.php 수정내용입니다. 수정한 부분만 굵게 처리했습니다.
<!-- 리스트 시작 -->
<ul class="kboard-pure-gallery-list">
<?php while($content = $list->hasNextNotice()):?>
<li class="kboard-list-item kboard-list-notice<?php if($content->uid == kboard_uid()):?> kboard-list-selected<?php endif?>">
<a href="<?php echo $url->getDocumentURLWithUID($content->uid)?>#kboard-document">
<div class="kboard-list-thumbnail">
<?php if($content->getThumbnail(650, 1300)):?>
<div class="kboard-list-thumbnail-child" style="background-image:url(<?php echo $content->getThumbnail(650, 1300)?>)"></div>
<?php endif?>
<?php if(isset($content->attach->over_image)):?>
<div class="kboard-list-thumbnail-over-background"></div>
<div class="kboard-list-thumbnail-over-image"><img src="<?php echo site_url($content->attach->over_image[0])?>" alt=""></div>
<?php endif?>
</div>
<div class="kboard-list-notice"><span class="kboard-pure-gallery-new-notify"><?php echo __('Notice', 'kboard')?></span></div>
<div class="kboard-list-title<?php if(kboard_pure_gallery_title_line($board)):?> <?php echo kboard_pure_gallery_title_line($board)?><?php endif?>"><div class="kboard-pure-gallery-cut-strings">
<?php if($content->secret):?><img src="<?php echo $skin_path?>/images/icon-lock.png" class="kboard-icon-lock" alt="<?php echo __('Secret', 'kboard')?>"><?php endif?>
<?php echo $content->title?>
</div></div>
<div class="kboard-list-user"><?php echo $content->getUserDisplay()?></div>
</a>
</li>
<?php endwhile?>
<?php while($content = $list->hasNext()):?>
<li class="kboard-list-item<?php if($content->uid == kboard_uid()):?> kboard-list-selected<?php endif?>">
<a href="<?php echo $url->getDocumentURLWithUID($content->uid)?>#kboard-document">
<div class="kboard-list-thumbnail">
<?php if($content->getThumbnail(650, 1300)):?>
<div class="kboard-list-thumbnail-child" style="background-image:url(<?php echo $content->getThumbnail(650, 1300)?>)"></div>
<?php endif?>
<?php if(isset($content->attach->over_image)):?>
<div class="kboard-list-thumbnail-over-background"></div>
<div class="kboard-list-thumbnail-over-image"><img src="<?php echo site_url($content->attach->over_image[0])?>" alt=""></div>
<?php endif?>
</div>
<div class="kboard-list-new"><?php if($content->isNew()):?><span class="kboard-pure-gallery-new-notify">New</span><?php endif?></div>
<div class="kboard-list-title<?php if(kboard_pure_gallery_title_line($board)):?> <?php echo kboard_pure_gallery_title_line($board)?><?php endif?>"><div class="kboard-pure-gallery-cut-strings">
<?php if($content->secret):?><img src="<?php echo $skin_path?>/images/icon-lock.png" class="kboard-icon-lock" alt="<?php echo __('Secret', 'kboard')?>"><?php endif?>
<?php echo $content->title?>
</div></div>
<div class="kboard-list-user"><?php echo $content->getUserDisplay()?></div>
</a>
</li>
<?php endwhile?>
</ul>
<!-- 리스트 끝 -->
안녕하세요~^^
1.가로 열이 4개에서 6개로 변경
아래 코드를 css에 추가해보시겠어요?
#kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item{ width: 23%; }
2.게시판 섬네일 화면에서 글작성자와 제목을 지우기
아래 코드를 css에 추가해보시겠어요?
.kboard-pure-gallery-cut-strings{ display: none; }
#kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-user{ display: none; }
3. 갤러리 글 작성시 섬네일에 등록한 이미지 비율대로 표현 할 수 있는 방법
좀더 자세히 말씀해주시겠어요?
안녕하세요~^^
수정하신 내용을 저희쪽에서 확인해보겠습니다.
저희 고객지원 쪽 이메일로 워드프레스 관리자 계정과
FTP 접속 정보를 보내주시면 점검해드리겠습니다.
메일 내용에는 커뮤니티의 링크도 포함해주세요.
고맙습니다.