SNS & Good 버튼 스킨
- 개인적으로 필요해서 작업하다가 그냥 스킨화 시킨 것입니다.
- 본 자료는 기존 SNS관련 자료(배추 베이직 스킨, 테러보이님 스킨, 활용팁 내용 등)를 짜집기 해 만든 것입니다.
- 현재는 UTF8 버전만 있습니다.
■ 설치방법
1. 압축을 푼후 expend 폴더 내에 있는 sns.lib.php 파일을 열어 아래 설정을 자신에게 맞도록 먼저 수정해야 합니다.
//-- expend/sns.lib.php -----------------------------------------------
// SNS 기본 환경 설정
//사이트 주소 - 보안서버 사용시 $g4[url]의 값이 변경되므로 아예 고정시킴, 주소 마지막 슬래쉬(/)는 빼주세요.
$sns[url] = "http://amina.co.kr"; ← 자신의 주소로 변경
//그누보드 bbs 주소 - 보안서버 사용시 $g4[url]의 값이 변경되므로 아예 고정시킴, 주소 마지막 슬래쉬(/)는 빼주세요.
$sns[g4_url] = "http://amina.co.kr/bbs"; ← 자신의 주소로 변경
// Bit.ly 짧은 주소 사용 - bitly.com에 가입후 https://bitly.com/a/your_api_key 주소에서 Username과 API Key 확인가능
$sns[username] = "Bitly Username을 입력하세요."; ← 자신의 아이디로 변경, 사용하지 않을거면 그대로 두세요.
$sns[api_key] = "Bitlly Api Key을 입력하세요."; ← 자신의 api key로 변경, 사용하지 않을거면 그대로 두세요.
//----------------------------------------------------------------------
2. 수정이 완료되었으면 그누보드 설치폴더에 올려 주시면 설치는 끝입니다.
■ SNS 버튼 달기 : 게시물에 달기
1. 사용 중인 스킨의 view.skin.php 파일을 열어 제일 상단에 아래와 같이 넣어 줍니다.
<? if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
//긴 글주소(원주소)
$lurl = sns_lurl($bo_table, $view[wr_id]);
//짧은 글주소
$surl = sns_surl($lurl);
?>
만약 짧은 글주소( http://sir.co.kr/bbs/board.php?bo_table=g4_tiptech&wr_id=20648 )를 적용하고 할 경우 긴 글주소에 "short"옵션을 넣어 주세요.
$lurl = sns_lurl($bo_table, $view[wr_id], "short");
또한 bit.ly 짧은 주소를 사용하고 할 경우에는 짧은 글주소에 "bitly" 옵션을 넣어 주세요.(sns.lib.php에 설정이 되어 있어야 적용됩니다.)
$surl = sns_surl($lurl, "bitly");
2. view.skin.php 파일 중 SNS 아이콘을 출력하고자 하는 곳에 아래와 같이 넣어 주시면 됩니다.
<?=sns_icon("basic", $view[wr_subject], $lurl, $surl)?>
sns_icon의 구성은 sns_icon(스킨명, 글제목(내용),긴 주소, 짧은 주소)로 되어 있는데, 여기서 스킨명만 skin/sns/ 폴더에서 원하는 것으로 넣어 주면 됩니다.
■ SNS 버튼 달기 : 댓글에 달기
1. 사용 중인 스킨의 view_comment.skin.php 파일을 열어,
for ($i=0; $i<count($list); $i++) {
$comment_id = $list[$i][wr_id];
아래에 다음 내용을 넣어 주세요.
if (strstr($list[$i][wr_option], "secret")) {
; //비밀댓글은 그냥 통과..
} else {
//원글의 긴주소에 댓글 위치에 대한 부분만 첨가
$list[$i][lurl] = $lurl."#c_".$comment_id;
// bit.ly 짧은 주소 사용시
//$list[$i][surl] = sns_surl($list[$i][lurl], "bitly");
$list[$i][surl] = sns_surl($list[$i][lurl]);
//글 제목 부분..
$list[$i][subj] = cut_utf8($list[$i][content], 80); //자를 글자수(80) 임의지정 가능
}
2. 출력하고 하는 위치에 아래 내용을 넣어 주면 됩니다.
<?=sns_icon("basic_cmt", $list[$i][subj], $list[$i][lurl], $list[$i][surl])?>
■ SNS 버튼 달기 : 기타(영카드 아이템 일반 페이지 등)
1. 예를 들어 영카드의 아이템 페이지에 SNS 버튼을 단다고 할 경우에 shop/item.php 파일 열어
//긴 글주소(원주소) - 보안서버 사용시 사이트 주소가 변경되므로 고정해 주는 것이 좋음
$lurl = 사이트 주소/shop/item.php?it_id=".$it[it_id];
//짧은 글주소 - bit.ly 사용시 sns_surl($lurl, "bitly") 적용
$surl = sns_surl($lurl);
를 넣어 주신 다음.. 출력하고자 하는 곳에 아래 내용을 넣어 주면 됩니다.
<?=sns_icon("basic", $it[it_name], $lurl, $surl)?>
2. 일반 페이지(index.php 등)에 적용하는 방법도 주소만 임의로 주면 되기 때문에 똑같습니다.
■ Good 버튼 달기
사용 중인 스킨의 view.skin.php 파일을 열어 Good(추천/비추천) 버튼을 넣고자 하는 곳에 아래와 같이 넣어 주면 됩니다.
<?=good_icon("basic",$bo_table, $view[wr_id])?>
■ SNS & Good 스킨 수정 및 제작 방법
skin/good/ 와 skin/sns/ 에 기본 설치된 스킨들 보시면 쉽게 알 수 있을 듯...간단하거든요.
■ 기타 사항
1. SNS 스킨 제작시 아래 사이트를 참고하세요.
- 페이스북 좋아요 모양 : http://developers.facebook.com/docs/reference/plugins/like/
- 트위터 버튼 모양 : https://twitter.com/about/resources/buttons 와 https://dev.twitter.com/docs/tweet-button
- 구글 플러스원 모양 : http://www.google.com/intl/ko/webmasters/+1/button/
- 네이트온 쪽지 관련 : http://devsquare.nate.com/openApi/NateOnSendNotePlugin
: 쪽지가 작동하지 않을 경우 위 주소에서 다시 코드를 발급받아 스킨을 수정해 주던지, 아래 내용으로 쪽지 부분 내용 교체해 보세요.
<script language="javascript" type="text/javascript" src="http://api.nateon.nate.com/js/note/type_small.js"></script>
<meta name="nate-note" content="<?=$tw_txt?>">
2. 스킨관련 문의는 http://amina.co.kr 의 묻고 답하기에 남겨 주세요.
- 본 자료는 기존 SNS관련 자료(배추 베이직 스킨, 테러보이님 스킨, 활용팁 내용 등)를 짜집기 해 만든 것입니다.
- 현재는 UTF8 버전만 있습니다.
■ 설치방법
1. 압축을 푼후 expend 폴더 내에 있는 sns.lib.php 파일을 열어 아래 설정을 자신에게 맞도록 먼저 수정해야 합니다.
//-- expend/sns.lib.php -----------------------------------------------
// SNS 기본 환경 설정
//사이트 주소 - 보안서버 사용시 $g4[url]의 값이 변경되므로 아예 고정시킴, 주소 마지막 슬래쉬(/)는 빼주세요.
$sns[url] = "http://amina.co.kr"; ← 자신의 주소로 변경
//그누보드 bbs 주소 - 보안서버 사용시 $g4[url]의 값이 변경되므로 아예 고정시킴, 주소 마지막 슬래쉬(/)는 빼주세요.
$sns[g4_url] = "http://amina.co.kr/bbs"; ← 자신의 주소로 변경
// Bit.ly 짧은 주소 사용 - bitly.com에 가입후 https://bitly.com/a/your_api_key 주소에서 Username과 API Key 확인가능
$sns[username] = "Bitly Username을 입력하세요."; ← 자신의 아이디로 변경, 사용하지 않을거면 그대로 두세요.
$sns[api_key] = "Bitlly Api Key을 입력하세요."; ← 자신의 api key로 변경, 사용하지 않을거면 그대로 두세요.
//----------------------------------------------------------------------
2. 수정이 완료되었으면 그누보드 설치폴더에 올려 주시면 설치는 끝입니다.
■ SNS 버튼 달기 : 게시물에 달기
1. 사용 중인 스킨의 view.skin.php 파일을 열어 제일 상단에 아래와 같이 넣어 줍니다.
<? if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
//긴 글주소(원주소)
$lurl = sns_lurl($bo_table, $view[wr_id]);
//짧은 글주소
$surl = sns_surl($lurl);
?>
만약 짧은 글주소( http://sir.co.kr/bbs/board.php?bo_table=g4_tiptech&wr_id=20648 )를 적용하고 할 경우 긴 글주소에 "short"옵션을 넣어 주세요.
$lurl = sns_lurl($bo_table, $view[wr_id], "short");
또한 bit.ly 짧은 주소를 사용하고 할 경우에는 짧은 글주소에 "bitly" 옵션을 넣어 주세요.(sns.lib.php에 설정이 되어 있어야 적용됩니다.)
$surl = sns_surl($lurl, "bitly");
2. view.skin.php 파일 중 SNS 아이콘을 출력하고자 하는 곳에 아래와 같이 넣어 주시면 됩니다.
<?=sns_icon("basic", $view[wr_subject], $lurl, $surl)?>
sns_icon의 구성은 sns_icon(스킨명, 글제목(내용),긴 주소, 짧은 주소)로 되어 있는데, 여기서 스킨명만 skin/sns/ 폴더에서 원하는 것으로 넣어 주면 됩니다.
■ SNS 버튼 달기 : 댓글에 달기
1. 사용 중인 스킨의 view_comment.skin.php 파일을 열어,
for ($i=0; $i<count($list); $i++) {
$comment_id = $list[$i][wr_id];
아래에 다음 내용을 넣어 주세요.
if (strstr($list[$i][wr_option], "secret")) {
; //비밀댓글은 그냥 통과..
} else {
//원글의 긴주소에 댓글 위치에 대한 부분만 첨가
$list[$i][lurl] = $lurl."#c_".$comment_id;
// bit.ly 짧은 주소 사용시
//$list[$i][surl] = sns_surl($list[$i][lurl], "bitly");
$list[$i][surl] = sns_surl($list[$i][lurl]);
//글 제목 부분..
$list[$i][subj] = cut_utf8($list[$i][content], 80); //자를 글자수(80) 임의지정 가능
}
2. 출력하고 하는 위치에 아래 내용을 넣어 주면 됩니다.
<?=sns_icon("basic_cmt", $list[$i][subj], $list[$i][lurl], $list[$i][surl])?>
■ SNS 버튼 달기 : 기타(영카드 아이템 일반 페이지 등)
1. 예를 들어 영카드의 아이템 페이지에 SNS 버튼을 단다고 할 경우에 shop/item.php 파일 열어
//긴 글주소(원주소) - 보안서버 사용시 사이트 주소가 변경되므로 고정해 주는 것이 좋음
$lurl = 사이트 주소/shop/item.php?it_id=".$it[it_id];
//짧은 글주소 - bit.ly 사용시 sns_surl($lurl, "bitly") 적용
$surl = sns_surl($lurl);
를 넣어 주신 다음.. 출력하고자 하는 곳에 아래 내용을 넣어 주면 됩니다.
<?=sns_icon("basic", $it[it_name], $lurl, $surl)?>
2. 일반 페이지(index.php 등)에 적용하는 방법도 주소만 임의로 주면 되기 때문에 똑같습니다.
■ Good 버튼 달기
사용 중인 스킨의 view.skin.php 파일을 열어 Good(추천/비추천) 버튼을 넣고자 하는 곳에 아래와 같이 넣어 주면 됩니다.
<?=good_icon("basic",$bo_table, $view[wr_id])?>
■ SNS & Good 스킨 수정 및 제작 방법
skin/good/ 와 skin/sns/ 에 기본 설치된 스킨들 보시면 쉽게 알 수 있을 듯...간단하거든요.
■ 기타 사항
1. SNS 스킨 제작시 아래 사이트를 참고하세요.
- 페이스북 좋아요 모양 : http://developers.facebook.com/docs/reference/plugins/like/
- 트위터 버튼 모양 : https://twitter.com/about/resources/buttons 와 https://dev.twitter.com/docs/tweet-button
- 구글 플러스원 모양 : http://www.google.com/intl/ko/webmasters/+1/button/
- 네이트온 쪽지 관련 : http://devsquare.nate.com/openApi/NateOnSendNotePlugin
: 쪽지가 작동하지 않을 경우 위 주소에서 다시 코드를 발급받아 스킨을 수정해 주던지, 아래 내용으로 쪽지 부분 내용 교체해 보세요.
<script language="javascript" type="text/javascript" src="http://api.nateon.nate.com/js/note/type_small.js"></script>
<meta name="nate-note" content="<?=$tw_txt?>">
2. 스킨관련 문의는 http://amina.co.kr 의 묻고 답하기에 남겨 주세요.
댓글 26개
13년 전
이곳저곳 게시판을 좀 보았는데 너무 깔끔하구 좋은거 같아요
탐나는 부분도 몇군대 있구요...
탐나는 부분도 몇군대 있구요...
13년 전
와 좋네요. 오늘부터 제 홈피 메인 게시판은 이겁니다.
13년 전
깔끔하고 좋네요...추천드립니다.
13년 전
사용하시는 게시판 스킨은 뭐에요? 공개된건가요?
13년 전
추천!!!
13년 전
추천!!!쾅
13년 전
SNS & Good 버튼 스킨
13년 전
감사합니다.
소울네트웍스
13년 전
감사합니다.
13년 전
좋네요...^^ 감사합니다~
13년 전
대박입니다. 수고하셨구, 추천드려요~
13년 전
멋집니다
BackToHeaven
13년 전
감사합니다~
13년 전
추천합니다. 유용할 것 같습니다.
13년 전
추천!추천!
포인트적립
13년 전
깔끔하고 좋네요 고생하셨어요
13년 전
좋은 자료 감사합니다
13년 전
추천합니다. 정말 좋습니다.
13년 전
한별아빠님께서 알려주신 부분인데요~
일반페이지에서는 상단에는 아무것도 넣지마시고요..
SNS를 넣을곳에 <?=sns_icon("basic","http://www.aaa.com/index.php","")?>
이렇게 해당 일반페이지의 경로를 그대로 다 적어서 적용하면 된다고합니다~
헌데... 한가지 문제점은.....
제목엔 링크주소가 나오고....;;;
링크주소엔 빈공백으로 나오는 현상이....;;;;
아~~ 멀고도 험한 프로그램의 길이네요~~~ㅋㅋ
누가 아시는분~~~ 조언좀 주세용~~
일반페이지에서는 상단에는 아무것도 넣지마시고요..
SNS를 넣을곳에 <?=sns_icon("basic","http://www.aaa.com/index.php","")?>
이렇게 해당 일반페이지의 경로를 그대로 다 적어서 적용하면 된다고합니다~
헌데... 한가지 문제점은.....
제목엔 링크주소가 나오고....;;;
링크주소엔 빈공백으로 나오는 현상이....;;;;
아~~ 멀고도 험한 프로그램의 길이네요~~~ㅋㅋ
누가 아시는분~~~ 조언좀 주세용~~
13년 전
헌데 이 소스를 응용해서 .. 그누로 만든 사이트에 상단이나 하단에 인크루드 한줄만 넣으면..
자동으로 if문등을 이용해서...
일반페이지, 게시판리스트페이지, 게시판뷰페이지, 이렇게 전체다 SNS가 적용되게 하는건 어려운가요?
자동으로 if문등을 이용해서...
일반페이지, 게시판리스트페이지, 게시판뷰페이지, 이렇게 전체다 SNS가 적용되게 하는건 어려운가요?
13년 전
이번에도 자문자답합니다~~
일반페이지에 적용시에는 <?=sns_icon("basic",$g4[title],"http://www.aaa.com/index.php","")?>
이렇게 적용하면 되네요~
몇시간만에 일단 제목과 링크주소는 잘나오는걸 확인...ㅜㅜ
일반페이지에 적용시에는 <?=sns_icon("basic",$g4[title],"http://www.aaa.com/index.php","")?>
이렇게 적용하면 되네요~
몇시간만에 일단 제목과 링크주소는 잘나오는걸 확인...ㅜㅜ
13년 전
한별아빠님께서 또 갈쳐주셨네요~~
<?=sns_icon("basic", "페이지제목", "http://페이지주소","")?>
이렇게 넣으면 각각 제목을 설정할수 있습니다.~~~
이젠... 게시판 리스트 페이지에서 홈페이지타이틀명과 게시판제목을 같이 나오게 하고
게시판리스트 주소를 나오게만 해보면 ... 얼추 전체 페이지를 다 적용할수 있겠네요~
아시는분~~~ 공유부탁드립니다~~
<?=sns_icon("basic", "페이지제목", "http://페이지주소","")?>
이렇게 넣으면 각각 제목을 설정할수 있습니다.~~~
이젠... 게시판 리스트 페이지에서 홈페이지타이틀명과 게시판제목을 같이 나오게 하고
게시판리스트 주소를 나오게만 해보면 ... 얼추 전체 페이지를 다 적용할수 있겠네요~
아시는분~~~ 공유부탁드립니다~~
스노우맨12
12년 전
감사합니다
12년 전
완전 하고 싶었던건데요.. 감사합니다.
ohora
12년 전
sns 게시판 좋은 스킨 감사합니다.
제주도in
6년 전
감사
게시판 목록
그누4 스킨
스킨의 저작권은 해당 스킨 제작자님께 있으며, 그누보드의 저작권과 다를 수 있습니다.
스킨 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y
그누보드와 관련이 있지만 스킨과 빌더가 아니면 플러그인 게시판에 올려주세요.
스킨 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y
그누보드와 관련이 있지만 스킨과 빌더가 아니면 플러그인 게시판에 올려주세요.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 5849 | 최신글 | 7년 전 | 5281 | ||
| 5848 | 전체검색 | 7년 전 | 4140 | ||
| 5847 | 디자인 |
찰리콘트롤
|
7년 전 | 5371 | |
| 5846 | 최신글 | 8년 전 | 6466 | ||
| 5845 | 최신글 | 8년 전 | 6256 | ||
| 5844 | 게시판 | 8년 전 | 7540 | ||
| 5843 | 게시판 | 8년 전 | 7169 | ||
| 5842 | 회원가입 |
또치하우스
|
8년 전 | 4349 | |
| 5841 | 달력 | 8년 전 | 5245 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기