워드프레스 한국형 게시판

KBoard 썸네일 height 변경하는 법

NineFactory

소셜웹팀/우송지

지난 시간 워드프레스에 한국형 게시판 KBoard 설치하는 법을 알려드렸습니다. (참고: 워드프레스 한국

형 게시판 플러그인) KBoard로 글을 작성할 때 이미지를 첨부할 경우, 목록에 썸네일 이미지가 자동으

로 생성됩니다.

썸네일 이미지는 글을 클릭하지 않아도 미리 본문 이미지를 볼 수 있다는 점에서 유용한 기능입니다.

단, 이미지의 크기가 다를 경우 썸네일 height 값이 각기 다르게 적용되어 게시판 목록 화면이 정돈되

지 않은 느낌을 줄 수 있습니다. 오늘은 간단하게 워드프레스 한국형 게시판 KBoard에서 썸네일

height 값을 변경하는 방법을 알려드리겠습니다.

| Kboard 썸네일 height 변경하는 법

1. 글 작성

KBoard에서 글을 작성하면 위와 같은 화면으로 목록이 생성됩니다. 이미지를 보시면 각 글의 썸네일

height 값이 다르게 적용되어있는 모습을 확인할 수 있습니다.

2. FTP접속하여, style.css 파일 찾기

썸네일의 별도 값을 지정하기 위해 FTP에 접속합니다. wp-content/plugins/kboard/skin/thumbnail로

이동하면 style.css를 확인할 수 있습니다.

3. height 값 적용

CSS 파일을 열어, 다음 부분을 변경합니다. (height값은 원하는 값으로 별도 지정합니다.)

- kboard-thumbnail-list .kboard-list table td.kboard-list-thumbnail img { display: inline; vertical-

align: middle;}

- kboard-thumbnail-list .kboard-list table td.kboard-list-thumbnail img { display: inline; vertical-

align: middle; height: 50px; }

4. 수정화면

정상적으로 style.css가 수정되었다면 화면을 새로고침하여 위와 같이 썸네일 이미지의 height 값이 변

경된 것을 확인할 수 있습니다.

NineFactory www.ninefactory.kr

nine@ninefactory.kr

02-6009-9149