반응형 홈페이지 인데 pc/mobile게시글 개수 다르게 가능한가요?

반응형 홈페이지 인데 pc/mobile게시글 개수 다르게 가능한가요?

QA

반응형 홈페이지 인데 pc/mobile게시글 개수 다르게 가능한가요?

본문

pc에서는 1줄에 5개씩 

mobile에서는 1줄에 3개씩 나오게 하고 싶은데

관리자 화면에서는 1개로 모두 관리를 하네요.

$bo_gallery_cols  부분을 코드에 직접 넣으면 된다고 하던데 반응형 홈페이지 이면 크기에 따라서

값 다르게 설정을 해야 하는지 궁금합니다.

이 질문에 댓글 쓰기 :

답변 1

반응형이면,

css 에서 pc 는 li { width:20%; } 로 설정하고

모바일에서는 아래와 같이 설정하면 됩니다.

@media ( max-width: 768px ) {

  li { width:33%; }

}

좋은 의견이었습니다.

저는 다음과 같이 하였습니다.

list.skin.php 파일에는 다음을 추가하고

<?php if (is_mobile()){
            $bo_gallery_cols='3';
           
        } ?>


bbs파일의 list.php 파일은 다음과 같이 변경한 후
if (is_mobile()) {
    $page_rows = $board['bo_mobile_page_rows'];
    $list_page_rows = $board['bo_mobile_page_rows'];
} else {
    $page_rows = $board['bo_page_rows'];
    $list_page_rows = $board['bo_page_rows'];
}

관리자 화면에서 게시판 부분에서 pc 와 모바일 총 나오는 페이지 수 조절 했습니다.

결론적으로 반응형 홈페이지라서 bbs의 list.php 변경과 모바일에서는 값 직접 넣는게 해결 방안이었습니다.

답변을 작성하시기 전에 로그인 해주세요.
전체 56
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT