[워드프레스 한국형 게시판] kboard 썸네일 height 변경하는 법
DESCRIPTION
▶NineFactory Blog 바로보기: http://goo.gl/vIoejx KBoard로 글을 작성할 때 이미지를 첨부할 경우, 목록에 썸네일 이미지가 자동으로 생성됩니다. 썸네일 이미지는 글을 클릭하지 않아도 미리 본문 이미지를 볼 수 있다는 점에서 유용한 기능입니다. 단, 이미지의 크기가 다를 경우 썸네일 height 값이 각기 다르게 적용되어 게시판 목록 화면이 정돈되지 않은 느낌을 줄 수 있습니다. 오늘은 간단하게 워드프레스 한국형 게시판 KBoard에서 썸네일 height 값을 변경하는 방법을 알려드리겠습니다.TRANSCRIPT
![Page 1: [워드프레스 한국형 게시판] KBoard 썸네일 height 변경하는 법](https://reader031.vdocuments.site/reader031/viewer/2022012307/559276281a28ab47148b45da/html5/thumbnails/1.jpg)
워드프레스 한국형 게시판
KBoard 썸네일 height 변경하는 법
NineFactory
소셜웹팀/우송지
![Page 2: [워드프레스 한국형 게시판] KBoard 썸네일 height 변경하는 법](https://reader031.vdocuments.site/reader031/viewer/2022012307/559276281a28ab47148b45da/html5/thumbnails/2.jpg)
지난 시간 워드프레스에 한국형 게시판 KBoard 설치하는 법을 알려드렸습니다. (참고: 워드프레스 한국
형 게시판 플러그인) KBoard로 글을 작성할 때 이미지를 첨부할 경우, 목록에 썸네일 이미지가 자동으
로 생성됩니다.
썸네일 이미지는 글을 클릭하지 않아도 미리 본문 이미지를 볼 수 있다는 점에서 유용한 기능입니다.
단, 이미지의 크기가 다를 경우 썸네일 height 값이 각기 다르게 적용되어 게시판 목록 화면이 정돈되
지 않은 느낌을 줄 수 있습니다. 오늘은 간단하게 워드프레스 한국형 게시판 KBoard에서 썸네일
height 값을 변경하는 방법을 알려드리겠습니다.
| Kboard 썸네일 height 변경하는 법
1. 글 작성
KBoard에서 글을 작성하면 위와 같은 화면으로 목록이 생성됩니다. 이미지를 보시면 각 글의 썸네일
height 값이 다르게 적용되어있는 모습을 확인할 수 있습니다.
![Page 3: [워드프레스 한국형 게시판] KBoard 썸네일 height 변경하는 법](https://reader031.vdocuments.site/reader031/viewer/2022012307/559276281a28ab47148b45da/html5/thumbnails/3.jpg)
2. FTP접속하여, style.css 파일 찾기
썸네일의 별도 값을 지정하기 위해 FTP에 접속합니다. wp-content/plugins/kboard/skin/thumbnail로
이동하면 style.css를 확인할 수 있습니다.
![Page 4: [워드프레스 한국형 게시판] KBoard 썸네일 height 변경하는 법](https://reader031.vdocuments.site/reader031/viewer/2022012307/559276281a28ab47148b45da/html5/thumbnails/4.jpg)
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 값이 변
경된 것을 확인할 수 있습니다.