KBoard 픽(Pic) 갤러리 스킨 모바일 오류문의

안녕하세요 pic-gallery 게시판 사용중 입니다.

모바일에서 게시판 하단에 페이징 넘버가 1밖에 안나오는데 왜 그런거죠?

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    모바일에서는 의도적으로 페이징 넘버는 하나만 나오고 좌우 화살표와 처음, 마지막 버튼만 나오도록 되어있습니다.

    모바일에서는 화면이 좁아서 하나만 나오도록 적용되어 있으며 다른 스킨도 마찬가지 입니다.

     

    PC와 동일하게 전체 페이징 넘버가 나오도록 하시려면

    스킨의 style.css 파일을 수정해주셔야 합니다.

    FTP로 접속해서 /wp-content/plugins/kboard/skin/pic-gallery/style.css 파일을 수정해주세요.

     

    1. 아래 코드를 찾아주세요.

    @media screen and (max-width: 600px) {
    	#kboard-pic-gallery-editor .kboard-attr-row input[type=text],
    	#kboard-pic-gallery-editor .kboard-attr-row input[type=file],
    	#kboard-pic-gallery-editor .kboard-attr-row input[type=password] { width: 50%; }
    	#kboard-pic-gallery-list .kboard-list .kboard-list-item { padding: 10px 0; width: 100%; }
    	#kboard-pic-gallery-list .kboard-search input { width: 80px; }
    	#kboard-pic-gallery-list .kboard-pagination .kboard-pagination-pages li { display: none; }
    	#kboard-pic-gallery-list .kboard-pagination .kboard-pagination-pages li.first-page,
    	#kboard-pic-gallery-list .kboard-pagination .kboard-pagination-pages li.last-page { display: inline-block; *display: inline; zoom: 1; }
    	#kboard-pic-gallery-list .kboard-pagination .kboard-pagination-pages li.prev-page,
    	#kboard-pic-gallery-list .kboard-pagination .kboard-pagination-pages li.next-page { display: inline-block; *display: inline; zoom: 1; }
    	#kboard-pic-gallery-list .kboard-pagination .kboard-pagination-pages li.prev-page a,
    	#kboard-pic-gallery-list .kboard-pagination .kboard-pagination-pages li.next-page a { padding: 6px 18px; }
    	#kboard-pic-gallery-list .kboard-pagination .kboard-pagination-pages li.active { display: inline-block; *display: inline; zoom: 1; }
    }

     

    2. 아래 코드로 교체해주세요.

    @media screen and (max-width: 600px) {
    	#kboard-pic-gallery-editor .kboard-attr-row input[type=text],
    	#kboard-pic-gallery-editor .kboard-attr-row input[type=file],
    	#kboard-pic-gallery-editor .kboard-attr-row input[type=password] { width: 50%; }
    	#kboard-pic-gallery-list .kboard-list .kboard-list-item { padding: 10px 0; width: 100%; }
    	#kboard-pic-gallery-list .kboard-search input { width: 80px; }
    }

     

    style.css 파일 수정하신 다음에는 캐시 플러그인과 브라우저의 캐시를 모두 비운 다음 확인해주세요.

    실제 확인 가능한 페이지 주소도 알려주시겠어요?

    고맙습니다.

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