원더풀 제품소개 스킨 이미지 조정

KBoard 원더풀 제품소개 스킨 사용중입니다.

게시글내에 보여지는 이미지가 고정된 모양인데 이것을 어떻게 바꾸나요?

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    KBoard 원더풀 제품소개 스킨에서 게시글 본문 페이지 이미지 슬라이드를 말씀하시는 건지요?

    어떤 모양으로 바꾸고 싶으신지도 알려주시겠어요?

    JQuery lightSlider를 사용했기 때문에 레이아웃 수정에 제약이 있을 수도 있습니다.

    고맙습니다.

  • 슬라이드를 변경하고싶은건 아니고 게시글당 이미지 파일 하나씩 넣았는데

    지금의 가로로 넓은 직사각형 말고 세로로 조금 넓은 직사각형 모양으로 하고 싶습니다.

    4대3 정도? 민증사진정도?

  • 워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> 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/

    고맙습니다.

  • 알려주신것처럼 바꿔봤지만, 이미지가 원본파일이 수정되는것이 아니라 이미 기존에 세팅되어있던 비율로 짤라진 다음에 수정이 됩니다.

    kboard 미디어에서 사진을 삭제하고 다시 올려봐도 같은 문제이구요...

  • 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)?>

    픽셀 값은 적당하게 수정해주세요.

    고맙습니다.

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기