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

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

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

    고맙습니다.

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기