테스트 사이트 - 개발 중인 베타 버전입니다

SNS & Good 버튼 스킨

SNS.gif
- 개인적으로 필요해서 작업하다가 그냥 스킨화 시킨 것입니다.
- 본 자료는 기존 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개

이곳저곳 게시판을 좀 보았는데 너무 깔끔하구 좋은거 같아요
탐나는 부분도 몇군대 있구요...
와 좋네요. 오늘부터 제 홈피 메인 게시판은 이겁니다.
깔끔하고 좋네요...추천드립니다.
사용하시는 게시판 스킨은 뭐에요? 공개된건가요?
SNS & Good 버튼 스킨
감사합니다.
좋네요...^^ 감사합니다~
대박입니다. 수고하셨구, 추천드려요~
감사합니다~
추천합니다. 유용할 것 같습니다.
깔끔하고 좋네요 고생하셨어요
좋은 자료 감사합니다
추천합니다. 정말 좋습니다.
한별아빠님께서 알려주신 부분인데요~

일반페이지에서는 상단에는 아무것도 넣지마시고요..

SNS를 넣을곳에 <?=sns_icon("basic","http://www.aaa.com/index.php","")?>

이렇게 해당 일반페이지의 경로를 그대로 다 적어서 적용하면 된다고합니다~


헌데... 한가지 문제점은.....

제목엔 링크주소가 나오고....;;;

링크주소엔 빈공백으로 나오는 현상이....;;;;


아~~ 멀고도 험한 프로그램의 길이네요~~~ㅋㅋ

누가 아시는분~~~ 조언좀 주세용~~
헌데 이 소스를 응용해서 .. 그누로 만든 사이트에 상단이나 하단에 인크루드 한줄만 넣으면..

자동으로 if문등을 이용해서...

일반페이지, 게시판리스트페이지, 게시판뷰페이지, 이렇게 전체다 SNS가 적용되게 하는건 어려운가요?
이번에도 자문자답합니다~~

일반페이지에 적용시에는 <?=sns_icon("basic",$g4[title],"http://www.aaa.com/index.php","")?>
이렇게 적용하면 되네요~

몇시간만에 일단 제목과 링크주소는 잘나오는걸 확인...ㅜㅜ
한별아빠님께서 또 갈쳐주셨네요~~

<?=sns_icon("basic", "페이지제목", "http://페이지주소","")?>

이렇게 넣으면 각각 제목을 설정할수 있습니다.~~~


이젠... 게시판 리스트 페이지에서 홈페이지타이틀명과 게시판제목을 같이 나오게 하고
게시판리스트 주소를 나오게만 해보면 ... 얼추 전체 페이지를 다 적용할수 있겠네요~
아시는분~~~ 공유부탁드립니다~~
감사합니다
완전 하고 싶었던건데요.. 감사합니다.
sns 게시판 좋은 스킨 감사합니다.

게시판 목록

그누4 스킨

스킨의 저작권은 해당 스킨 제작자님께 있으며, 그누보드의 저작권과 다를 수 있습니다.
스킨 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y
그누보드와 관련이 있지만 스킨과 빌더가 아니면 플러그인 게시판에 올려주세요.
글쓰기
🐛 버그신고