안녕하세요~ 항상 친절한 답변 감사드려요.
제가 동영상 스킨으로
KBoard 플레이 비디오 스킨 을 사용하는데
현재 동영상 썸네일 가로 개수가 4×○ 형식으로 배열되는데,
6×○ 형식으로 수정할 수 있을까요?
감사합니다.
안녕하세요~^^
KBoard 플레이 비디오 스킨 게시글 목록 페이지에서
한 줄에 6개씩 표시하시려면
워드프레스 관리자 -> 외모(테마 디자인) -> 사용자 정의하기 -> CSS 입력 필드에
아래의 코드를 추가해보시겠어요?
#kboard-play-video-list .kboard-list-item { width: 15.6666%; }
CSS 코드 수정 후에는 브라우저의 캐시를 비우신 후에 확인해보세요.
크롬 브라우저에서 강력 새로고침 단축키는 Ctrl + Shift + R 입니다.
고맙습니다.
항상 감사드립니다.. 제가 위 페이지에 https://xion.kr/?page_id=226 처럼 탭메뉴 3개에 최신글 모아보기를 구현했는데 썸네일 보이는 갯수를 위에처럼 6*2=12로 하려고 하는데 코드를 어떻게 추가하면 될까요?
#kboard-play-video-latest .kboard-list-item { width: 15.6666%; }
로 해결했습니다. 감사합니다.
모바일에서는https://xion.kr/?page_id=226 이 페이지를 6* 로 했더니 다닥다닥 너무 조그맣게 붙어있어서 잘 안보이는데 혹시 모바일에서는 2* 배열로 보이게 수정하려면 어떻게 하면 될까요?
안녕하세요.
미디어 쿼리를 사용해서 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 에 동영상 최신글 모아보기 3개를 메뉴별로 구현했는데요.
추천수 하트표시가 썸네일에서 잘 안보이는 경우가 많아서요.
https://imgur.com/a/ZlWzYs8 처럼 조회수 옆에 추천수를 넣고 싶은데
어떻게 하면 될까요?
안녕하세요.
플레이 비디오 스킨 최신글에서 조회수 옆에 추천수를 표시하시려면
스킨 파일을 수정해주셔야 합니다.
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>
고맙습니다.
항상 감사드립니다.. 제가 모던갤러리 설치후 설정하면서 썸네일 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%; }
}
를 적용했는데 화면창을 줄이면 화면비율 그대로 작아져야 되는데 그냥 가로폭만 현재 줄어들은 상태입니다. 화면창 줄이면 가로폭만 줄어들구요.
어떻게 해야 될까요? ^^;
안녕하세요.
해당 페이지 주소로 확인해보면
아래의 코드가 적용되어 있습니다.
#kboard-modern-gallery-list .kboard-list-item { width: 15.6666% !important; }
!important 속성을 제거해보시겠어요?
필요한 경우가 아니라면 !important 속성을 사용하는 것을 권장드리지 않습니다.
!important 속성을 꼭 사용해야하는 경우라면 모바일 쪽 너비에도 !important 속성을 추가해보시겠어요?
고맙습니다.
important 삭제하니까 적용이 안되는것 같습니다.^^;
#kboard-play-video-latest .kboard-list .kboard-list-item { width: 15.6666%; }
로 하니까 가로폭은 줄어드는데 높이는 안 줄어들어요.
높이를 변경하시려면
아래의 코드도 활용해보시겠어요?
@media screen and (max-width: 600px) {
#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-thumbnail { height: 150px; }
}
저희가 커뮤니티에서 모든 코드를 만들어 드리긴 현실적으로 불가능합니다.
직접 코드 수정하시는 게 어려우시거나 수정해야 할 부분이 많다면
저희 고객지원 쪽으로 유료 기술지원 부탁드립니다.
고맙습니다.