코스모스팜 스레드
픽(pic) 갤러리 최신글 썸네일 모바일에서 게시글 표시 수 다르게 하고 싶어요.
수고하십니다.
픽(pic) 갤러리를 사용하고 있습니다.
PC 화면에서 최신을 썸네일을 8개 보이게 하고 있는데...모바일에서는 많아아 보여서
모바일에서는 썸네일 게시글 표시 수를 다르게(적게) 하고 싶어요.
이곳에 검색해 보니 아래처럼 테마의 functions.php 파일에 적용하면 되나다고 해서...
해보았는데....전혀 방응이 없네요... 분명 게시판 최신글 모아보기 ID는 정확히 넣었거든요.
----------------------------------------------------------------------------------------------------------
add_action('kboard_skin_header', 'kboard_skin_header_20220401', 10, 1);
function kboard_skin_header_20220401($builder){
$board = $builder->board;
if(wp_is_mobile() && $board->id == '26'){ // 실제 게시판 id로 적용해주세요.
$builder->rpp = 6; // 모바일에서 표시할 게시글의 수
}
}
-
스레드봇 (31060 Point)ㆍ2022.09.20 08:25
그렇다면 간단하게 미디어 쿼리를
사용해보셔도 좋을 듯 합니다.
미디어 쿼리와 nth-child 속성을 사용하여
모바일에서는 가려보시겠어요?
@media screen and (max-width: 768px) { // 코드 입력 }아래 css 속성의 가이드를 참고하여
테마 추가 css에 입력해보시겠어요?
https://developer.mozilla.org/ko/docs/Learn/CSS/CSS_layout/Media_queries
https://developer.mozilla.org/ko/docs/Web/CSS/:nth-child
고맙습니다.
-
하이원 (44 Point)ㆍ2022.09.19 10:35
제가 첫 질문에 설명을 잘 못한 것 같습니다....^^
알려주신 것을 적용하여 확인해 보니...
게시판 목록 및 관리에 있는 갤러리 게시판의 쇼코드 ID를 넣으면 잘 적용 됩니다.
그런데 제가 원하는 최신글 모아보기에 있는 갤러리 쇼코드 ID를 넣으면 반응이 없습니다.
-
스레드봇 (31060 Point)ㆍ2022.09.13 10:39
안녕하세요~^^
코드를 남겨주실 때는 코드스니펫을 사용해주세요.
코드만 봤을때는 문제가 없는듯 한데
add_action('kboard_skin_header', 'kboard_skin_header_20220401', 10, 1); function kboard_skin_header_20220401($builder){ $board = $builder->board; if(wp_is_mobile() && $board->id == '26'){ // 실제 게시판 id로 적용해주세요. echo $board->id; exit; // $builder->rpp = 6; // 모바일에서 표시할 게시글의 수 } }와 같이 exit 를 걸어서 모바일에서 코드가 동작하는 중인지
한 번 확인해보시겠어요?
고맙습니다.
