안녕하세요.

KBoard 플러그인 게시판 스킨의 최신글 레이아웃을 다른 스킨으로 적용하시려면

최신글 숏코드가 아닌 최신글 모아보기 숏코드를 이용해보시겠어요?

최신글 숏코드는 선택된 게시판 스킨의 레이아웃으로 표시하며

최신글 모아보기 숏코드는 최신글 스킨을 별도로 선택할 수 있습니다.

워드프레스 게시판 최신글 모아보기 기능 설명 - KBoard(케이보드)도 참고해보세요.

고맙습니다.

안녕하세요. 홈페이지 게시판 형태를 통일하기 위해서 동영상게시판 스킨을 화이클 비디오 스킨에서 KBoard 플레이 비디오 스킨 으로 다시 변경했는데 이럴 경우 위에 알려주신 코드 문구를 hwaikeul -> play 로 수정했더니 적용은 안되더라구요. 혹시 pc에서는 kboard play video 스킨으로 하고 모바일에서는  KBoard 화이클 비디오 스킨의 최신글 레이아웃 스크린샷 으로도 적용이 가능한가요?

안녕하세요~^^

에키님도 새해 복 많이 받으세요 ㅎㅎ

올려주신 이미지는 KBoard 화이클 비디오 스킨의 최신글 레이아웃 스크린샷입니다.

<스크린샷 1>은 PC 화면에서 일반 게시글 목록 페이지입니다.

<스크린샷 2>는 썸네일 클릭 시 표시됩니다.

<스크린샷 3>은 모바일 화면에서 일반 게시글 목록 페이지입니다.

<스크린샷 4>는 게시글 본문 페이지입니다.

<스크린샷 5>는 최신글 레이아웃입니다.

모바일 화면에서 일반 게시글 목록 페이지를 최신글 레이아웃처럼 표시하시려면

워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에

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

@media screen and (max-width: 600px) {
	.kboard-hwaikeul-video-thumbnail { float: left; width: 30%; }
	.kboard-hwaikeul-video-container.wide { padding-bottom: 75%; border-radius: 0; }

	#kboard-hwaikeul-video-list .kboard-list .kboard-list-item { padding: 20px 0; overflow: hidden; border-bottom: 1px solid #f0f0f0; }
	#kboard-hwaikeul-video-list .kboard-list .kboard-list-item .item-padding { padding: 0; border: none; box-shadow: none; }
	#kboard-hwaikeul-video-list .kboard-list .kboard-list-item .kboard-hwaikeul-video-wrap { margin: 0 0 0 35%; }
	#kboard-hwaikeul-video-list .kboard-list .kboard-list-item .kboard-hwaikeul-video-wrap .kboard-hwaikeul-video-title { margin: 0; text-align: left; }
	#kboard-hwaikeul-video-list .kboard-list .kboard-hwaikeul-video-wrap .kboard-hwaikeul-video-info { text-align: left; }
}

고맙습니다.