탈

'내용관리'로 만든 페이지의 이미지나 동영상을 모바일에서 창 크기에 맞춰 출력

· 2017-01-03 (화) 10:50:36 · 10655 · 5
2017.01.03_00.png
2017.01.03_01.png
2017.01.03_02.PNG
관련 글
http://sir.kr/g5_tip/1733
http://sir.kr/g5_tip/2024

내용은 동일합니다.


{이미지:0}

{이미지:1}

관리자 모드 → 게시판 관리 → 내용관리 → 수정

어떤 스킨을 사용하는 지 확인하고, 해당 스킨을 수정합니다.

테마의 스킨이라면...
아래 소스를 'theme/사용 테마/mobile/skin/content/basic/style.css' 파일의 하단에 삽입해 줍니다.

[code]#ctt_con img,
video {
display: inline-block;
width: auto\9 !important; /* ie8 */
width: auto !important;
max-width: 100%;
height: auto !important;
}
.video-container {
position: relative;
height: 0;
padding-top: 30px;
padding-bottom: 56.25%;
overflow: hidden;
}
.video-container iframe,.video-container object,.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}[/code]


'jquery.mobile.resize.js' 파일을 js 폴더에 넣어주어야 하는데
위 관련 글에서 이미 넣었을테니 생략...


그리고 'theme/사용 테마/mobile/skin/content/basic/content.skin.php' 파일에서

[code]<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가

... 중략 ...

?>[/code]아래에

[code]<script src="<?php echo G5_JS_URL; ?>/jquery.mobile.resize.js"></script>[/code]
를 삽입해줍니다.



{이미지:2}

크롬의 경우


모바일 브라우저 설정에서 '인터넷 사용 기록'을 모두 삭제하고 재접속하면 반영됩니다.

예 : http://internationale.kr/bbs/content.php?co_id=2017&device=mobile

첨부파일

2017.01.03_00.png (4.5 KB)
18회 2017-01-03 13:27
2017.01.03_01.png (8.8 KB)
0회 2017-01-03 13:27
2017.01.03_02.PNG (23.9 KB)
3회 2017-01-03 17:41
|

댓글 5개

2017-01-23 (월) 18:04:45
찾던 내용 인데 감사합니다.
감사합니다! 찾던 내용이였습니다!
감사합니다
좋은 자료 감사합니다.
2018-03-28 (수) 23:45:09
아미나 빌더에서는 안 되네요.
댓글을 작성하시려면 로그인이 필요합니다.

그누보드5 팁자료실

2,788건
+
제목 글쓴이 날짜 조회
17-02-06 조회 9,196
17-02-04 조회 8,135
17-02-02 조회 7,591
17-01-31 조회 8,813
17-01-25 조회 6,877
17-01-24 조회 8,353
17-01-22 조회 8,571
17-01-19 조회 6,951
17-01-18 조회 1.3만
17-01-17 조회 1.1만
17-01-14 조회 7,884
17-01-12 조회 2.2만
17-01-12 조회 1.3만
17-01-11 조회 7,973
17-01-11 조회 6,620
17-01-10 조회 1만
17-01-10 조회 7,527
17-01-09 조회 9,551
17-01-09 조회 7,160
17-01-06 조회 1.6만
17-01-06 조회 9,432
17-01-05 조회 1.2만
17-01-04 조회 8,072
17-01-03 조회 1.1만
16-12-30 조회 8,261
16-12-29 조회 9,888
16-12-28 조회 8,801
16-12-27 조회 8,662
16-12-21 조회 1.2만
16-12-20 조회 8,183