pc에서는 1줄에 5개씩
mobile에서는 1줄에 3개씩 나오게 하고 싶은데
관리자 화면에서는 1개로 모두 관리를 하네요.
$bo_gallery_cols 부분을 코드에 직접 넣으면 된다고 하던데 반응형 홈페이지 이면 크기에 따라서
값 다르게 설정을 해야 하는지 궁금합니다.
반응형이면,
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 변경과 모바일에서는 값 직접 넣는게 해결 방안이었습니다.