XE 공식 자료실
- 제작자
- 현스가이
- 등록일
- 2013-09-03
- 다운로드 수
- 12,413
- 링크1
- adface.co.kr
스케치북5 게시판을 유투브 전용 갤러리 & 웹진 게시판으로 사용하기 위한 스킨입니다. 확장변수를 입력받아 리스트에 유투브 섬네일을 출력합니다.
- 라이선스
- GPL v2
- 설치경로
- ./modules/board/skins/sketchbook5_youtube
- 최초 등록일
- 2013-09-02
- 전체 다운로드
- 12,414
쉬운설치로 바로 체험할 수 있습니다
상세 설명
소개
- 스케치북5 갤러리형 & 웹진형 전용 유투브 게시판 스킨
- 유투브 주소만 입력하면 본문과 리스트에서 각각 섬네일과 영상 출력
- 동일한 스킨으로 모바일 스킨으로도 사용가능
- 갤러리형과 웹진형만 지원 (클라우드 갤러리 미지원)
- Ver. 0.2 모바일 레이아웃 깨짐 문제 해결
- Ver. 0.3 본문내 영상 사이즈 가로 640 세로 480 으로 고정 (사용자 사이트마다 본문의 크기가 다르므로 수정이 필요할시 각 상황에 맞게 _read.html 116라인에서 해당 아이프레임 사이즈 수정 하시면 됩니다. ^^)
스케치북5 게시판 스킨을 이용한 유투브 전용 갤러리 & 웹진 게시판 스킨입니다.
사용자정의 확장 변수(유투브 영상 주소)를 입력받아 본문에선 아이프레임으로 출력되고 갤러리형, 또는 웹진형 리스트에선 해당 영상의 섬네일이 출력되도록 되어 있습니다.
오리지널 스케치북 스킨에서 달라진 부분은 _read.html에서 본문 상단에 고정적으로 아이프레임을 삽입한 것과 _list_gallery.html 과 _list_webzine.html 파일에서 사용자가 업로드한 이미지를 섬네일로 생성하는 부분을 유투브 섬네일로 출력하는 것외에 다른 수정은 가해지지 않았습니다.
모바일에서도 사용가능합니다. 스케치북5 게시판이 모바일까지 지원하니, 동일한 스킨을 m.skins에 별도 등록하여 사용하시면 되겠고 만약 동영상 리사이징이 염려되신다면 iframe,embed 동영상 자동 리사이징 애드온을 사용하시면 됩니다.
기존 스케치북 스킨과는 별도로 board/skin 폴더에 업로드 하신 후 간단한 세팅을 마치고 사용하시면 됩니다.
아래 설명을 보시고 따라해주세요. 어렵지 않습니다 :)
게시판 세팅
게시판 이용
주의사항
기타
- 사용자 업로드 영상, 외부 플래시 파일, 비메오등 기타 영상은 지원하지 않습니다.
- 개인 및 상업 사이트에서 게시판을 통해 유투브 동영상을 출력해도 유투브 저작권에 위배되지 않습니다.
- 스케치북5 게시판이 업데이트되면 이 스킨도 업데이트 할 예정입니다.
- http://www.xpressengine.com/qna/22209544 의 @엘카님께서 도움 주셨습니다.
- 질문은 묻고 답하기 게시판을 이용해주세요. (평가란에 질문을 올리시면 일일히 쪽지로 답변을 드릴 수 없습니다.)
포럼 3
-
2021-02-01 11:26:30 김실짱
오래되었지만 좋은 자료라... 받아서 몇가지 수정했습니다.
아주 잘되고 유용하게 잘 쓰고 있습니다.. 감사합니다.
수정사항-
1. 연결을 거부했습니다.. iframe 사용시 기존 연결 사이트 주소 와 최근에 달라진점은 http://youtu.be/embed / 주소에서
https://youtube/콘텐츠 주소가 바뀐듯 합니다.. 기존에 공유되었던 것은 퍼가기에서 <iframe httpyoutube/embed ........ /iframe> 로 되었구요..
그래서 이부분을 편하게 퍼가기가 아닌 공유 주소를 그대로 사용하기 위해
_read.html 파일에서 116라인에서 src="{str_replace('https://youtu.be/','https://www.youtube.com/embed/',$youtube_url)}"
이렇게 바꾸었구요..
2. 썸네일에도 주소를 수정해주시면 되는데,, 웹진,갤러리 모두 _list_gallery 와 _list_webzine 파일 열어서
class="tmb" 이부분 검색후
다음에 있는 src =" " 이부분을 src="{str_replace('https://youtu.be/', 'http://img.youtube.com/vi/', $document->getExtraValueHTML(1))}/0.jpg"
이렇게 수정해주시면 되겠습니다.
감사합니다./
