사이트 관리
사이트 업그레이드 내용
페이지 정보
작성자
WilliamCho쪽지보내기
메일보내기
홈페이지
자기소개
아이디로 검색
전체게시물
댓글 3건
조회 12,274회
작성일 25-01-01 14:33
본문
(1) 모바일 작성시 스마트에디터 반응형으로 변경 + 댓글에서 이미지/유투브 자동 표현
참조 : https://sir.kr/g5_skin/57094 / https://sir.kr/g5_plugin/10950
- 운 좋게도 미리 만들어 놓은 분이 있었음. 본 테마의 경우 통으로 파일 업로드 하는것 만으로 해결됨
(2) 업로드 용량 및 갯수 완화
참조 : https://sir.kr/g5_tip/1967
- 업로드 사진/파일 용량은 게시판 설정에서 조정 가능.
- 업로드 사진의 갯수는 참조링크 따라서 수정하면 됨.
(3) 이미지 업로드시 자동으로 창 100%로 폭 조절
참조 : https://sir.kr/g5_tip/2570
(4) 로컬 동영상 업로드 및 본문에 표시문제
참조 : https://eyoom.net/tip/226
- 이 팁은 크게 두부분인데, 하나는 본문에 첨부파일이 동영상일경우 제일 위에 뿌려주는 거고, 다른 하나는 사이트 운영자만 동영상을 다운받을 수 있게 파일을 잠가버리는 것임. 따라서 딱히 누가 다운해도 상관없다면 본문 및에 코드 심는 것만 하면 됨.
(댓글에 상세코드)
(5) 데스크탑에서 이미지를 캡쳐했을 때 에디터 창에 바로 붙여넣기 ( 타 사이트에서 복사 붙여넣기와는 다름 )
참조 : https://sir.kr/g5_tip/22353
- 그냥 에디터 폴더에 덮어쓰기 하면 됨
(6) 에디터 글쓰기 시 폰트 크기 변경
plugin/editor/smarteditor2/css/ko_KR 폴더로 이동해서 smart_editor2_in.css 파일을 수정한다.
- 아래의 코드를 수정하면 된다.
body,.se2_inputarea{margin:0;padding:0;font-family:'NEXON Lv1 Gothic OTF',NEXON Lv1 Gothic,Sans-serif;font-size:16px;line-height:1.5}
(7) 게시판 읽을 때 보이는 폰트 크기 조절 ( 이건 테마마다 다르므로 현재 테마 기준으로 설명 )
thene/gPunch/css 폴더로 이동해서 board.common.css 파일을 수정한다.
속성값이 대부분 본문내용의 경우 bo_v_con, 그리고 댓글의 경우 bo_vc, 댓글 Textarea의 경우 bo_vc_w textarea 이므로 여기에 font-size:1rem; 을 집어넣어준다.
[ px, pt, em, rem ] 중 어떤걸 써도 적용은 되지만, CSS 다루시는 분들이 rem을 써야한다고들 하더라. 그래서 나도 rem으로 적용함.
(8) 홈페이지 전체의 폰트를 수정 : NEXON Lv1으로 수정
대상파일 : css 폴더에 보면 default.css 와 font.css가 있음.
- default.css : 아마도 여기에서 각 부의 폰트를 지정하는 것 같다. font-family를 검색해보면 대충 몇개가 나오는데, 이걸 전부 원하는 폰트로 변경해 준다. 나같은 경우는 font-family:'NEXON Lv1 Gothic OTF', sans-serif 이렇게 된다.
- font.css : 웹폰트를 로딩해주는 css파일인 것으로 예상한다. 이것도 전부 수정한다. ( 댓글에 첨부 )
----------> 현재 폰트 가중치 ( 굵기 두껍기 등등 ) 이 안먹히는 것을 확인함. 수정 필요.
--> 수정완료. 현재 댓글에 달아놓은 코드가 최종본. 아무이상 없음
---- 집은 장소가 아니라 사람이다. 먹고 자고 떠들고 머무는 물리적 장소가 아니라, 함께 먹고 자고 떠드는 사람들이 있어야 비로소 정의 내릴 수 있는 어떤 것이다.
댓글목록
(8)에서 font.css 내용
@charset "utf-8";
@font-face {
font-family: 'NEXON Lv1 Gothic OTF';
src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff');
font-weight: normal;
font-style: normal;
}
WilliamCho님의 댓글
(4) 로컬 동영상 삽입 코드 : 각 게시판의 view.skin.php 를 수정.
'본문' 을 코드에서 검색해서 <h2 id="bo_v_atc_title">본문</h2> 아래에 다음의 코드 붙여넣기 하면 됨.
첨부 파일 0, 첨부파일 1 이렇게 두개의 동영상을 본문에 뿌릴 수 있으면 더 많이 뿌리고 싶다면 2,3,4 계속 만들어 주면 됨.
-----------
<?php
// 동영상 첨부파일 확인되면 자동으로 동영상 실행
if ($view['file'][0]['file']) {
$mp34_fileinfo = pathinfo($view['file'][0]['file']);
$mp34_ext = $mp34_fileinfo['extension'];
if ($mp34_ext=='mp4') {
echo "<video style=\"width:100%;height:800px;display:block\" src=\"{$view['file'][0]['path']}/{$view['file'][0]['file']}\" controls loop controlsList=\"nodownload\"></video>";
} elseif ($mp34_ext=='m4a') {
echo "<video style=\"width:100%;height:800px;display:block\" src=\"{$view['file'][0]['path']}/{$view['file'][0]['file']}\" controls loop controlsList=\"nodownload\"></video>";
} elseif ($mp34_ext=='mov') {
echo "<video style=\"width:100%;height:800px;display:block\" src=\"{$view['file'][0]['path']}/{$view['file'][0]['file']}\" controls loop controlsList=\"nodownload\"></video>";
} elseif ($mp34_ext=='webm') {
echo "<video style=\"width:100%;height:800px;display:block\" src=\"{$view['file'][0]['path']}/{$view['file'][0]['file']}\" controls loop controlsList=\"nodownload\"></video>";
} elseif ($mp34_ext=='mp3') {
echo "<audio style=\"width:100%;display:block\" src=\"{$view['file'][0]['path']}/{$view['file'][0]['file']}\" controls loop controlsList=\"nodownload\"></audio>";
}
}
?>
<br>
<?php
// 동영상 첨부파일 확인되면 자동으로 동영상 실행
if ($view['file'][1]['file']) {
$mp34_fileinfo = pathinfo($view['file'][1]['file']);
$mp34_ext = $mp34_fileinfo['extension'];
if ($mp34_ext=='mp4') {
echo "<video style=\"width:100%;height:800px;display:block\" src=\"{$view['file'][1]['path']}/{$view['file'][1]['file']}\" controls loop controlsList=\"nodownload\"></video>";
} elseif ($mp34_ext=='m4a') {
echo "<video style=\"width:100%;height:800px;display:block\" src=\"{$view['file'][1]['path']}/{$view['file'][1]['file']}\" controls loop controlsList=\"nodownload\"></video>";
} elseif ($mp34_ext=='mov') {
echo "<video style=\"width:100%;height:800px;display:block\" src=\"{$view['file'][1]['path']}/{$view['file'][1]['file']}\" controls loop controlsList=\"nodownload\"></video>";
} elseif ($mp34_ext=='webm') {
echo "<video style=\"width:100%;height:800px;display:block\" src=\"{$view['file'][1]['path']}/{$view['file'][1]['file']}\" controls loop controlsList=\"nodownload\"></video>";
} elseif ($mp34_ext=='mp3') {
echo "<audio style=\"width:100%;display:block\" src=\"{$view['file'][1]['path']}/{$view['file'][1]['file']}\" controls loop controlsList=\"nodownload\"></audio>";
}
}
?>
<br>