웹마스터 팁

속도에 차이가 있지는 않을까, 소스가 너무 허접하지는 않나해서 제 게시판 스킨에는 추가하지 않았습니다만,

(제가 php도 하나하나 처음부터 공부해야하는 완전 초보라서요)

제가 코어수정은 좋아하지 않아 보통은 모든 걸 게시판 스킨으로 만들 수 없을까 고민합니다.

어차피 저는 트래픽이나 뭐 서버 부하 같은 건 상관없는 1인 개인 홈피만 가지고 노는지라. ㅎ_ㅎ;

속도나 뭐 그런거에 대해 별달리 고민할 필요가 없었습니다. 'ㅁ'; 

그렇게 놀다 해봤더니 되길래, 혹시 필요하신 분이 계실까 하고 팁 남깁니다.

이걸 적용하시고 발생하는 문제를 전 책임지지 않습니다.

게시판 목록에서 게시판내용을 얻어온 다음 http 링크를 따서 썸네일 소스로 변환하는 겁니다.


1. 기본은 이렇습니다. 본문에 쓴 내용을 게시판 스킨에서 제어할 수 있습니다. 다들 아시겠지만.. ㅎㅎ


본문의 {$oDocument->getContent()} 을 다음과 같이 바꾸시면

{@
 $contentrest = $oDocument->getContent();
 $contentrset = str_replace('엉엉','하하',$contentrest);  
 }

{$contentrest}

본문 내용 중의 모든 엉엉이 하하로 바뀌어 나옵니다. -_-;


{@
 $contentrest = $oDocument->getContent();
 $contentrset = str_replace('foret','천재님',$contentrest);  
 }

{$contentrest}


이런거..ㅋㅋㅋ;;


2. 또 음... 코멘트 내용에 1, 2, 3, 4를 치고 각 코멘트의 합을 더하고 싶다면,

{@ $aa_count = 0} 를 코멘트 loop (foreach) 전에 넣고

코멘트 loop 끝나기 전에 다음과 같이

{@ $extras = strip_tags($comment->getContent(false));}

{@ $aa_count = $aa_count+$extras}

코멘트 내용에서 태그 없애고 내용만 남긴 후, 내용 + aa_count 를 더해주면,

코멘트가 달릴 때마다 계속 반복되어서

loop 끝난 후에 {$aa_count} 를 넣어보시면 1+2+3+4 가 된 10이 출력됩니다.


3. 유튜브와 비메오 썸네일 부분은 이렇게...

_style.gallery.html 등의 썸네일 부분에 다음을 넣으시면 됩니다. (꼭 목록 loop 안쪽에 넣어야겠죠?)

목록에 섬네일을 확장변수로 만드는 것도 이거랑 별반 다를바는 없습니다.

그냥 유튜브랑 비메오 제공 썸네일 링크를 따오는 형식이에요. ㅎㅎ;


(1) http로 시작하는 링크를 따서 유튜브와 비메오 썸네일용 링크로 바꿔라~

얘를 일단 목록 loop 안에 넣으시고요.


{@ $documentcontent = $document->getContent();
 preg_match_all("((http)://[a-z0-9-]+.[][a-zA-Z0-9:&#@=_~%;?/.+-]+)",$documentcontent,$out, PREG_PATTERN_ORDER); 
 $thumbnail_id = str_replace('http://youtu.be/','http://img.youtube.com/vi/',$out[0][0]);
 $thumbnail_id = str_replace('http://www.youtube.com/watch?v=','http://img.youtube.com/vi/',$thumbnail_id);         
 $thumbnail_id = str_replace('https://www.youtube.com/watch?v=','http://img.youtube.com/vi/',$thumbnail_id);
 $thumbnail_id = str_replace('http://vimeo.com/','http://www.vimeo.com/',$thumbnail_id);
}


 <!--@if(preg_match('/youtu/', $thumbnail_id))-->
      <img src="{$thumbnail_id}/0.jpg"/>
 <!--@end--> 

 

위는 $thumbnail_id에 youtu 가 들어가면 유튜브 썸네일을 출력하라는 뜻입니다.

아래는 vimeo 비메오 얘는 id만 따서 넘기면 비메온지 구분이 안가서 대충대충 넘겨서... 가지고 와서 아이디를 따는 중입니당.

참 대충대충.. ㅋㅋ;;


<!--@if(preg_match('/vimeo/', $thumbnail_id))-->
{@ $thumbnail_id = str_replace('http://www.vimeo.com/','',$thumbnail_id);}
    <script> 
    //<!--<![CDATA[ 
 jQuery(function(){ 
  jQuery("#vimeothumbnail .vimeothumb").each(function(index){ 
  var thumbnail_id = jQuery(this).attr("id"); 
  jQuery.getJSON('http://www.vimeo.com/api/v2/video/' + thumbnail_id + '.json?callback=?', {format: "json"}, function(data) { 
        jQuery("#"+thumbnail_id).attr('src', data[0].thumbnail_medium); 
        }); 
     }); 
 }); 
 //]]>--> 
 </script>
 <div id="vimeothumbnail">
  <img id="{$thumbnail_id}" class="vimeothumb" />
 </div>
<!--@end-->


끝입니다. 쉽죵... 이미지 크기같은건 쓰시는 분이 알아서 지정하시면 됩니다.

잘 모르시겠다면 갤러리나 웹진이나 뭐 _style.webzine.html 이런 애 여셔서 잘 살펴보시면 foreach 나 loop 가 나올텐데 그게 들어가 있는 태그 예를 들면

div loop="xxx"> 혹은 @foreach ~~~ -->

뒤에 위의 세 소스를 그냥 넣어보세요.

안에 http로 시작하는 유튜브와 비메오 주소가 있다면 썸네일이 보일겁니다.


4. 게시판 본문.html 에서 주소를 따서 주소 양옆에 iframe 소스 넣고 유튜브 영상 출력으로 바꿔줄 수도 있겠죠. ㅎㅎ

방법은 동일합니다. 제 게시판 스킨 보시면 본문 view.document 에서 확장변수 가지고 저렇게 해놨습니다. ㅎㅎ


그런데... 게시판 스킨 만들때마다 일일이 소스를 수정하느니 그냥 유튜브 공유 눌러 소스를 따와서 html 편집으로 넣는게 호환성면에서 확장변수사용, 스킨 만들기, 애드온 만들기보다 낫지 않나 고민이 되긴 합니다. 확장변수 나중에 혹시 지원 방식이 바뀐다거나 하면 곤란하고.. 스킨도 그렇고.. 애드온도 애드온 썼다가 삭제하면 망이니 그냥 본문 db에 때려넣는게 제일 낫지 않을지.. ㅋ_ㅋ;;

제목 글쓴이 날짜
글쓰기를 클릭하면 띄워지는 테두리 없는 예쁜 팝업 띄우기 core. 1.7.4 [4] file 마음의빈자리 2014.02.11
2014년 2월 12일부터 갑자기 사이트(관리자 페이지)가 깨지는 경우. 새하나모 2014.02.12
이메일인증 Error 한방정리 참고해보세요. [4] 애드바이러스 2014.02.12
css 배경이미지 정리 devdevpia 2014.02.13
GNB 메뉴를 쉽게 만드는 jQuery plugin [2] 김개발 2014.02.14
css 가운데정렬 완벽정리! 돼지코구뇽 2014.02.14
"이 페이지 나가기" 경고창이 뜨는 사이트의 경우 [23] 투씨 2014.02.15
카카오스토리 링크 [14] file 맞장 2014.02.15
우분투 12.04 LTS Nginx 최신버전 설치하기 [1] file 도라미 2014.02.17
1.7.4 용 youtube, vimeo, ted 썸네일 적용 document.item.php 수정방법 [9] file 남자인간 2014.02.17
1.7.4 버전용 한글 lang.xml 파일 [5] file 투씨 2014.02.18
IEXPLORER 버젼 호환성 강제 맞추기 davidis 2014.02.18
누리고 쇼핑몰 모바일버전에서 백지화현상 수정하는 팁 [5] garnecia 2014.02.19
XE 1.7.4 "이메일 주소로 계정 찾기" 오류 해결 방법 꿈돌리 2014.02.20
위젯 게시판 선택시 다중선택하기 ! [2] file GomSang 2014.02.21
게시판 목록에서 새창 띄워서 다른 형태 나오게 하기 [3] foret 2014.02.23
게시판 목록의 new 아이콘 바꾸기 [1] foret 2014.02.23
스케치북5 모바일 댓글 작성시 엔터를 쳤을 때 <br /> 코드 뜨는 문제 해결 [7] oryan 2014.02.23
코어 수정 없이 스킨 수정만으로 게시판 목록에 유튜브,비메오 썸네일 출력 [2] foret 2014.02.23
부트스트랩 레이아웃 제작시 메뉴 코딩팁 웹빌드 2014.02.23