CSS 코드로 해결되지 않으신다면 스킨 파일을 수정해보시겠어요?
기존의 CSS 코드는 지워주세요.
FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/list.php 파일에
아래의 코드를 모두 찾아서 숫자를 변경해서 확인해보시겠어요?
<?php echo kboard_resize($media_item->file_path, 600, 338)?>
위의 코드에서 숫자는 가로(600) 세로(338) 픽셀 사이즈입니다.
아래 코드처럼 세로 픽셀을 가로 픽셀보다 더 크게 해서 적용해보시겠어요?
<?php echo kboard_resize($media_item->file_path, 300, 400)?>
픽셀 값은 적당하게 수정해주세요.
고맙습니다.
알려주신것처럼 바꿔봤지만, 이미지가 원본파일이 수정되는것이 아니라 이미 기존에 세팅되어있던 비율로 짤라진 다음에 수정이 됩니다.
kboard 미디어에서 사진을 삭제하고 다시 올려봐도 같은 문제이구요...
워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에
아래의 코드를 추가해보시겠어요?
#kboard-wonderful-product-document .lSSlideOuter .lightSlider,
#kboard-wonderful-product-document .lSSlideOuter .lightSlider .lslide,
#kboard-wonderful-product-document .lSSlideOuter .lightSlider .lslide img { height: 300px !important; }
@media screen and (max-width: 600px) {
#kboard-wonderful-product-document .lSSlideOuter .lightSlider,
#kboard-wonderful-product-document .lSSlideOuter .lightSlider .lslide,
#kboard-wonderful-product-document .lSSlideOuter .lightSlider .lslide img { height: 500px !important; }
}
위의 코드에서 300px 부분은 PC 화면에서의 높이이며,
500px 부분은 모바일 화면에서의 높이입니다.
픽셀 값은 적절히 수정해보시겠어요?
jQuery lightSlider는 아래의 링크를 참고해보시겠어요?
http://sachinchoolur.github.io/lightslider/
고맙습니다.
슬라이드를 변경하고싶은건 아니고 게시글당 이미지 파일 하나씩 넣았는데
지금의 가로로 넓은 직사각형 말고 세로로 조금 넓은 직사각형 모양으로 하고 싶습니다.
4대3 정도? 민증사진정도?
안녕하세요~^^
KBoard 원더풀 제품소개 스킨에서 게시글 본문 페이지 이미지 슬라이드를 말씀하시는 건지요?
어떤 모양으로 바꾸고 싶으신지도 알려주시겠어요?
JQuery lightSlider를 사용했기 때문에 레이아웃 수정에 제약이 있을 수도 있습니다.
고맙습니다.