kboard_resize 함수에 130X87로 지정된 코드를 적절히 조절해주세요^^

한가지 더 질문드리는데 썸네일 지정시 사이즈가 130X87로 저장이 되어 보여지는데

이부분에 있어서 사이즈를 임의로 지정하여 저장해서 보여지고 싶은데

소스 어느 부분을 수정해야하나요?

하지만 list.php 파일에서 모바일과 PC를 나누는것도 가능은 합니다.

워드프레스의 wp_is_mobile() 함수를 사용해서 모바일용 소스를 보여줄 수 있습니다.

<?php if(wp_is_mobile()):?>

<!-- 모바일에서 보여줄 소스 -->

<?php else:?>

<!-- PC에서 보여줄 소스 -->

<?php endif?>

그리고 CSS를 사용해서 반응형으로 만드실 수 있습니다.

비너스 웹진 스킨 폴더 내에 style.css 파일이 있습니다.

style.css 파일에서 아래 코드가 모바일에서 적용되는 CSS 속성이며, 위쪽 PC용 CSS 속성에서 덮어쓰기 되는 구조입니다.

@media screen and (max-width: 600px) {
    #kboard-venus-webzine-list .kboard-search { width: 100%; text-align: center; }
    #kboard-venus-webzine-list .kboard-list .kboard-webzine-item { height: 95px; }
    #kboard-venus-webzine-list .kboard-list .kboard-webzine-thumbnail { padding: 10px 0 0 0; width: 100px; height: 80px; }
    #kboard-venus-webzine-list .kboard-list .kboard-webzine-thumbnail .kboard-no-image { line-height: 80px; }
    #kboard-venus-webzine-list .kboard-list .kboard-webzine-wrap { margin-left: 100px; }
    #kboard-venus-webzine-list .kboard-list .kboard-webzine-wrap .kboard-webzine-content { padding-top: 3px; }
    #kboard-venus-webzine-list .kboard-list .kboard-webzine-wrap .kboard-webzine-info { display: none; }
    #kboard-venus-webzine-list .kboard-pagination .kboard-pagination-pages li { display: none; }
    #kboard-venus-webzine-list .kboard-pagination .kboard-pagination-pages li.first-page,
    #kboard-venus-webzine-list .kboard-pagination .kboard-pagination-pages li.last-page { display: inline-block; *display: inline; zoom: 1; }
    #kboard-venus-webzine-list .kboard-pagination .kboard-pagination-pages li.prev-page,
    #kboard-venus-webzine-list .kboard-pagination .kboard-pagination-pages li.next-page { display: inline-block; *display: inline; zoom: 1; }
    #kboard-venus-webzine-list .kboard-pagination .kboard-pagination-pages li.prev-page a,
    #kboard-venus-webzine-list .kboard-pagination .kboard-pagination-pages li.next-page a { padding: 6px 18px; }
    #kboard-venus-webzine-list .kboard-pagination .kboard-pagination-pages li.active { display: inline-block; *display: inline; zoom: 1; }
    #kboard-venus-webzine-editor .kboard-attr-row input[type=text],
    #kboard-venus-webzine-editor .kboard-attr-row input[type=file],
    #kboard-venus-webzine-editor .kboard-attr-row input[type=password] { width: 50%; }
    #kboard-venus-webzine-document .kboard-detail .detail-attr { clear: both; }
}

위 코드를 아래 코드로 교체해보시겠어요?

@media screen and (max-width: 600px) {
    #kboard-venus-webzine-list .kboard-search { width: 100%; text-align: center; }
    #kboard-venus-webzine-list .kboard-list .kboard-webzine-item { height: auto; }
    #kboard-venus-webzine-list .kboard-list .kboard-webzine-thumbnail { position: static; width: 100%; text-align: center; padding: 10px 0 0 0; width: 100px; height: 80px; }
    #kboard-venus-webzine-list .kboard-list .kboard-webzine-thumbnail .kboard-no-image { line-height: 80px; }
    #kboard-venus-webzine-list .kboard-list .kboard-webzine-wrap { margin: 0; padding: 0; }
    #kboard-venus-webzine-list .kboard-list .kboard-webzine-wrap .kboard-webzine-content { padding-top: 3px; height: 50px; }
    #kboard-venus-webzine-list .kboard-list .kboard-webzine-wrap .kboard-webzine-info { display: none; }
    #kboard-venus-webzine-list .kboard-pagination .kboard-pagination-pages li { display: none; }
    #kboard-venus-webzine-list .kboard-pagination .kboard-pagination-pages li.first-page,
    #kboard-venus-webzine-list .kboard-pagination .kboard-pagination-pages li.last-page { display: inline-block; *display: inline; zoom: 1; }
    #kboard-venus-webzine-list .kboard-pagination .kboard-pagination-pages li.prev-page,
    #kboard-venus-webzine-list .kboard-pagination .kboard-pagination-pages li.next-page { display: inline-block; *display: inline; zoom: 1; }
    #kboard-venus-webzine-list .kboard-pagination .kboard-pagination-pages li.prev-page a,
    #kboard-venus-webzine-list .kboard-pagination .kboard-pagination-pages li.next-page a { padding: 6px 18px; }
    #kboard-venus-webzine-list .kboard-pagination .kboard-pagination-pages li.active { display: inline-block; *display: inline; zoom: 1; }
    #kboard-venus-webzine-editor .kboard-attr-row input[type=text],
    #kboard-venus-webzine-editor .kboard-attr-row input[type=file],
    #kboard-venus-webzine-editor .kboard-attr-row input[type=password] { width: 50%; }
    #kboard-venus-webzine-document .kboard-detail .detail-attr { clear: both; }
}