kboard 플레이 비디오 스킨 동영상 썸네일 문의

안녕하세요~ 항상 친절한 답변 감사드려요.

제가 동영상 스킨으로

KBoard 플레이 비디오 스킨 을 사용하는데

현재 동영상 썸네일 가로 개수가 4×○ 형식으로 배열되는데,

6×○ 형식으로 수정할 수 있을까요?

감사합니다.

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

    KBoard 플레이 비디오 스킨 게시글 목록 페이지에서

    한 줄에 6개씩 표시하시려면

    워드프레스 관리자 -> 외모(테마 디자인) -> 사용자 정의하기 -> CSS 입력 필드에

    아래의 코드를 추가해보시겠어요?

    #kboard-play-video-list .kboard-list-item { width: 15.6666%; }

     

    CSS 코드 수정 후에는 브라우저의 캐시를 비우신 후에 확인해보세요.

    크롬 브라우저에서 강력 새로고침 단축키는 Ctrl + Shift + R 입니다.

    고맙습니다.

  • important 삭제하니까 적용이 안되는것 같습니다.^^;

    #kboard-play-video-latest .kboard-list .kboard-list-item { width: 15.6666%; }

    로 하니까 가로폭은 줄어드는데 높이는 안 줄어들어요.

  • 안녕하세요.

    해당 페이지 주소로 확인해보면

    아래의 코드가 적용되어 있습니다.

    #kboard-modern-gallery-list .kboard-list-item { width: 15.6666% !important; }

    !important 속성을 제거해보시겠어요?

    필요한 경우가 아니라면 !important 속성을 사용하는 것을 권장드리지 않습니다.

    !important 속성을 꼭 사용해야하는 경우라면 모바일 쪽 너비에도 !important 속성을 추가해보시겠어요?

    고맙습니다.

  • 항상 감사드립니다.. 제가 모던갤러리 설치후 설정하면서 썸네일 6*로 보이게 하려고 위 코드

    #kboard-modern-gallery-list .kboard-list-item { width: 15.6666%; }
    @media screen and (max-width: 600px) {
    	#kboard-modern-gallery-list .kboard-list-item { width: 50%; }
    }
    

    를 적용했는데 화면창을 줄이면 화면비율 그대로 작아져야 되는데 그냥 가로폭만 현재 줄어들은 상태입니다. 화면창 줄이면 가로폭만 줄어들구요.

    어떻게 해야 될까요? ^^;

  • 안녕하세요.

    플레이 비디오 스킨 최신글에서 조회수 옆에 추천수를 표시하시려면

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

    FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/latest.php 파일에

    아래의 코드를 모두 찾아서

    <span><?php echo __('Views', 'kboard')?> <?php echo number_format(intval($content->view))?></span>
    <span>·</span>

    찾은 코드 밑에 아래의 코드를 추가해보시겠어요?

    <span><?php echo __('Votes', 'kboard')?> <?php echo number_format(intval($content->vote))?></span>
    <span>·</span>

    고맙습니다.

  • 항상 감사드립니다~ 다름아니라

    https://xion.kr/?page_id=226 에 동영상 최신글 모아보기 3개를 메뉴별로 구현했는데요.

    추천수 하트표시가 썸네일에서 잘 안보이는 경우가 많아서요.

    https://imgur.com/a/ZlWzYs8 처럼 조회수 옆에 추천수를 넣고 싶은데

    어떻게 하면 될까요?

  • 안녕하세요.

    미디어 쿼리를 사용해서 CSS 속성을 사이즈별로 다르게 줄 수 있습니다.

    한 줄에 2개씩 표시하시려면

    추가하신 코드 중 아래의 코드를 찾아서

    #kboard-play-video-latest .kboard-list-item { width: 15.6666%; }

    찾은 코드 밑에 아래의 코드를 추가해보시겠어요? (순서 중요합니다.)

    @media screen and (max-width: 600px) {
    	#kboard-play-video-latest .kboard-list-item { width: 50%; }
    }

    고맙습니다.

  • 모바일에서는https://xion.kr/?page_id=226 이 페이지를 6* 로 했더니 다닥다닥 너무 조그맣게 붙어있어서 잘 안보이는데 혹시 모바일에서는 2* 배열로 보이게 수정하려면 어떻게 하면 될까요?

  • #kboard-play-video-latest .kboard-list-item { width: 15.6666%; }

    로 해결했습니다. 감사합니다.

  • 항상 감사드립니다.. 제가 위 페이지에 https://xion.kr/?page_id=226 처럼 탭메뉴 3개에 최신글 모아보기를 구현했는데 썸네일 보이는 갯수를 위에처럼 6*2=12로 하려고 하는데 코드를 어떻게 추가하면 될까요?

  • 높이를 변경하시려면

    아래의 코드도 활용해보시겠어요?

    @media screen and (max-width: 600px) {
    	#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-thumbnail { height: 150px; }
    }

     

    저희가 커뮤니티에서 모든 코드를 만들어 드리긴 현실적으로 불가능합니다.

    직접 코드 수정하시는 게 어려우시거나 수정해야 할 부분이 많다면

    저희 고객지원 쪽으로 유료 기술지원 부탁드립니다.

    고맙습니다.

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