[KBoard 스킨 다운로드] 갤러리 스킨

워드프레스 게시판 플러그인인 KBoard의 Thumbnail 스킨을 견적서 양식으로 개조한 버전입니다. (파일명: gallery.zip ) 다시 업데이트하여 스킨 파일을 올려드릴 예정이었지만 언제 가능할지 모르겠습니다. <a href="https://www.thewordcracker.com/intermediate/how-to-make-a-grid-layout-using-jquery-in-wordpress/" target="_blank">이 글</a>을 참고하여 jQuery를 사용하면 레이아웃을 2열/3열 등으로 쉽게 조정할 수 있습니다.

2017년 1월 29일 업데이트: 다운로드 파일은 모두 네이버 블로그에서 다운로드하도록 옮겼습니다. 이 스킨 파일은 여기에서 다운로드할 수 있습니다. 이 블로그에 올려진 대부분의 케이보드 스킨은 너무 오래되어 제대로 작동하지 않지만, 이 갤러리 스킨은 현재까지는 제대로 작동하는 것을 확인했습니다. 추후 케이보드 버전에서는 제대로 작동하지 않을 수 있습니다.

설치 방법:

1. 위의 파일을 다운로드합니다.
2. 썸네일 스킨을 사용하여 새로운 스킨을 만듭니다. 스킨을 만드는 방법은 여기를 참고하시기 바랍니다.
3. 다운로드한 파일의 압축을 풀고 새로 만든 스킨 폴더에 업로드합니다.
4. 이외의 과정은 일반적인 KBoard 스킨 사용과 동일합니다.
5. 아이콘이 제대로 표시되도록 하려면 Awesome 폰트를 설치해야 합니다. (여기 참고)

테마에 따라 레이아웃이 달리 나타날 수 있습니다. CSS를 통해 레이아웃 조정이 필요할 수 있습니다.

추가:

list.php의 <img src="<?php echo kboard_resize($content->thumbnail_file, 380, 380)?>" style="max-width: 90%;" alt="<?php echo $content->thumbnail_name?>">에서 "style="max-width: 90%;"" 부분을 삭제하시고,

<li>에 홀수, 짝수 클래스를 지정하신 후에, CSS에서 조정해주시면 더 나은 결과를 얻을 수 있습니다.

list.php 파일에서:

<?php $sn_count = 1; ?>
<?php while($content = $list->hasNext()):?>
<li class="<?php if ( $sn_count & 1 ) {
echo 'oddcols';
} else {
echo 'evencols';
}
?>">
...
</li><!-- Moved -->
<?php  $sn_count++; ?>
<?php endwhile?>

위와 같이 홀수/짝수를 지정하는 클래스를 지정하고,

css 파일에서 왼쪽 컬럼은 li.oddcols를, 오른쪽 컬럼은 li.evencols를 사용하여 레이아웃을 조정해 주시기 바랍니다.

* 주의: 충분한 테스트를 거치지 않았습니다. 혹시 오류가 있거나 개선 사항이 있으면 알려주시기 바랍니다.