개요
유튜브 쇼츠 전용 게시판 스킨입니다.제목과 유튜브 URL만 입력하면 썸네일 그리드로 표시되며,
틱톡/유튜브 쇼츠 스타일의 SPA 뷰어를 제공합니다.
파일 구성
boards/skins/shorts/├── skin.json 스킨 정보
├── list.php 목록 (썸네일 그리드 + SPA 뷰어)
├── _list_rows.php 목록 행 (뷰 페이지 하단 관련 글)
├── view.php 상세 뷰 (쇼츠 플레이어)
├── write.php 글쓰기 (제목 + 유튜브 URL)
└── style.css 스타일시트
설치 방법
- boards/skins/shorts/ 폴더를 DXCMS 루트의 boards/skins/ 경로에 업로드합니다.
- DXCMS 관리자 페이지 → 게시판 관리 → 게시판 추가 또는 수정
- 스킨 항목에서 shorts 선택 후 저장 [갤러리형]
게시판 권장 설정
항목권장값설명스킨shorts쇼츠 스킨 선택에디터사용 안 함본문 입력 없음파일 첨부사용 안 함유튜브 URL만 사용댓글선택 사항사용 시 뷰 페이지에서 표시게시글 수 (per page)12~24그리드 배치에 적합글쓰기 방법
- 게시판 우측 상단 쇼츠 등록 버튼 클릭
- 제목 입력
- 유튜브 URL 입력 — 아래 형식 모두 지원
https://www.youtube.com/shorts/VIDEO_ID
https://www.youtube.com/watch?v=VIDEO_ID
https://youtu.be/VIDEO_ID
URL 입력 즉시 썸네일 미리보기 확인
쇼츠 등록 버튼으로 저장
SPA 뷰어 사용법
목록에서 썸네일 카드를 클릭하면 SPA 뷰어가 열립니다.영상 이동
입력동작키보드 ↑ ↓이전 / 다음 영상마우스 휠 스크롤이전 / 다음 영상영상 위에서 드래그 ↑↓이전 / 다음 영상모바일 스와이프 ↑↓이전 / 다음 영상영상에 마우스 올리면 나타나는 ▲▼ 버튼이전 / 다음 영상기타 조작
입력동작ESC 키뷰어 닫기좌측 상단 × 버튼뷰어 닫기우측 상단 ? 버튼조작법 안내 모달하단 댓글 버튼해당 게시글 댓글 페이지로 이동하단 YouTube 버튼유튜브 앱/웹에서 열기하단 인디케이터 ● ● ●현재 영상 위치 표시주의사항
- 유튜브 URL이 없는 게시글은 목록에 표시되지 않습니다
- 비공개 또는 삭제된 유튜브 영상은 재생되지 않습니다
- SPA 뷰어는 현재 페이지에 로드된 영상만 탐색 가능합니다 (다음 페이지 자동 로드 없음)
- YouTube IFrame API를 사용하므로 인터넷 연결이 필요합니다
