문득 이런 생각이 든다. 블로그에 있는 리플칸은 영 인기가 없다. 잘 활용도 안될 뿐더러 불편하기 까지 하다. 예전부터 설치형블로그만 써와서 그런지 몰라도 내 입장에서는 완전 불편하다. 또한 블로그글의 홍보도 힘들어 포스트에 이것저것 메타블로그 가져다 붙이다보니, 완전 지저분해지기 일수다. 이래저래 짜증나던 차에 마침 블로그 디비 전부 날려먹고 새로 설치하자고 맘먹고 새로운 설치형블로그 찾던중에 발견한게 워드프레스. 지금 설치하고 이것저것 둘러보는데 깜끔하고 플러그인 많고 테마도 많고 좋긴하다. 
초기에는 오류가 좀 많더니, php를 최신버젼으로 업그레이드 해주니 오류 없이 깔끔한 설치가 된다. 플러그인도 이것저것 설치하다 발견한 페이스북 연동 플러그인. 솔직히 처음 봤을 때는 뭐 그런저런 밀고 땡기는 싱크나 가능한 정도로 알았는데 페이스북 개발자등록하고 자세히 보니 그게 아니더라. 훨신 좋더라. ㅋㅋㅋ BUT 플러그인이 동작을 안한다. -_-; 다시 페이스북 개발자 페이지로 돌아가서 영어를 뚫어져라 쳐다봤다. ㅋㅋ 그리고 내린 결론.
플러그인을 쓰지말고 원래있던 코맨트를 없애고, 페이스북 코맨트만 넣자.
블로그에서 달린 리플 -> 페이스북 벽에.
페이스북 벽에서 달린 리플 -> 블로그 리플로.
블로그 리플을 시작으로
블로그 리플 = 페이스북 리플
이공식이 된다면 리플을 단 이사람 저사람의 페이스북 벽에 나의 블로그가 보여질것이다. 홍보에도 일조하는셈이다. 이래저래 삽질해보니 워드프레스말고 다른 설치 블로그 도 가능하다는 결론.
플러그인은 필요없습니다. 소스코드를 조금 볼 줄 아시는 분을 대상으로 블로그 소스 자체를 수정하는 법을 알려 드리겠습니다. 개인적으로 재일 확실한 방법이라고 생각합니다. 플러그인들은 화려한테마를 싫어해서리..짭짭..
1. 페이스북 가입.
페이스북에 가입합니다. 이 글을 보고 있다면 아마도 가입되있을거라 생각합니다.
2. 페이스북 개발자로 등록/appID 생성
http://developers.facebook.com/ 로 접속합니다.
쿨하게 허가해줍니다. http://developers.facebook.com/setup 페이지로 넘어가서 새로운 애플리케이션을 만들어 줍니다.
가끔 요딴 에러가 자꾸 뜹니다. http://www.facebook.com/confirmphone.php 여기로 바로 접속해 깔끔하게 휴대폰인증을 해줍니다.
다시 http://developers.facebook.com/setup 페이지로 넘어가서 새로운 애플리케이션을 만들어 줍니다. 애플리케이션의 이름을 써주시고 블로그 주소(뒤에 / 붙여야합니다. ex)pkchan.com/)를 쓰고 한글이 좋으시면 한글로 바꾸시고 버튼 눌러줍니다. 다음페이지에서 보안체크도 해주시면 됩니다. 마지막 페이지에 다른 내용들은 별 필요가 없고 app ID 부분만 필요하니 복사해두시면 됩니다. app ID 까지 알면 반은 끝났네요.
이제는 블로그에 페이스북 코멘트 부분을 넣을 수 있는 코드를 받아야합니다.
http://developers.facebook.com/docs/reference/plugins/comments/ 이곳에 접속합니다.
맨 윗칸에 블로그 주소를 써넣으시고.
두번쨰 칸에는 한페이지에 보여줄 페이스북 리플 갯수입니다.
세번째 칸에는 코드를 넣을 부분의 가로 사이즈입니다. 기본 사이즈는 500px입니다.
코드 받기 버튼을 누르시면 코드가 나옵니다.
ex)
<div id=”fb-root”></div><script src=”http://connect.facebook.net/en_US/all.js#appId=0000000000000000&xfbml=1″></script>
<fb:comments href=”홈페이지 주소” num_posts=”5″ width=”500″></fb:comments>
appID 부분이 맞는지 확인합니다. 재료가 준비 됬습니다. 완벽한 재료는 아닙니다. ^^
셋팅을 해볼까요?
3. 블로그에 적용
블로그에 현재 적용된 테마의 화일들을 확인합니다. 코멘트(리플)를 뿌려주는 부분을 찾아 페이스북 코드로 바꿔야 합니다. 혹은 두 코맨트를 다 쓸 수도 있겠습니다. 원래 블로그에 있던 코멘트와 페이스북 코멘트 두가지를 공존 시킬 수도 있습니다.
1) 워드프레스
워드프레스의 경우는 코멘트를 뿌려주는 화일이 따로 존재합니다. 테터툴즈나 티스토리 보다 편하다고 생각됩니다. 테마를 구성하는 화일중에 comments.php를 찾습니다. 관리자 페이지에서 테마 editor로 접속하시면 쉽게 찾으실 수 있습니다. 코드 구성을 보면 <div id=”comments”> </div> 이 코드안에 내용이 블로그의 코멘트을 구성하는 내용입니다. 위에서 받은 코드를 적용시켜야 합니다. 그러나 이 코드는 한페이지만을 구성합니다. 홈페이지 주소로 구성된 이 코드는 하나의 페이지죠. 그러나 블로그에 코멘트는 하나의 페이지로 안됩니다. 각각의 포스트에 다른 코멘트 페이지가 필요합니다. 어디엔가 달린 하나의 리플이 모든 포스트에 동일하게 달린다면 재미없자나요? 각가의 포스트에 각기 다른 코멘트 페이지를 구성하기 위해 약간의 수정이 필요합니다. 위에서 받은 코드에서 홈페이지 주소 부분을 포스트 주소로 바꿔주면 되겠네요. 그럼 각 포스트에 포스트 주소를 가진 코멘트 페이지가 구성되겠습니다.
블로그의 구조에는 치환자라는 것이 있습니다. 예를 들어 포스트의 제목을 각각 쓰지않고 [post_title]로 써주면 디비와 프로그램에서 포스트의 제목으로 대체합니다. 블로그에는 수많은 치화자들이 존재합니다. 제목뿐만아니라, 날짜, 쓴사람까지 모두 치환자로 대체되어있습니다. 워드프레스에서도 존재합니다. 포스트 주소 치환자가 존재합니다. 위에서 받은 코드에서 홈페이지 부분을 포스트 주소 치환자로 대체한다면 각각의 포스트에 코멘트 페이지가 존재하게 됩니다. 빛이 보이죠? ㅎㅎㅎ 워드 프레스의 치환자는 ‘$post->guid’ 입니다.
<div id=”fb-root”></div><script src=”http://connect.facebook.net/en_US/all.js#appId=0000000000000000&xfbml=1″></script>
<fb:comments href=”<?php echo($post->guid) ?>” num_posts=”5″ width=”500″></fb:comments>
이 코드에서 확인해야될 부분은 네개입니다.
1. appID / 자신의 아이디로 꼭 확인하셔야 합니다.
2. 홈페이지주소 / 홈페이지 주소 대신에 포스트 주소 치환자로 대체합니다.위와 같이 써주시면 됩니다.
3. num_posts / 보여줄 리플 겟수
4. width / 가로 사이즈
확실한 코드가 생성됬습니다.
다시 comments.php 화일로 돌아와 내용을 백업합니다. 만일의 경우에 대비해 백업은 필수입니다.
블로그 자체 내에 있던 코멘트를 모두 지우고 페이스북 코멘트를 넣고 싶다면 <div id=”comments”> </div> 두 코드 사이의 내용을 페이스북 코멘트 코드로 대체해 줍니다. 블로그 자체 내에 있던 코멘트를 유지하면서 페이스북코멘트를 넣고 싶다면, 위에 위치시키고자 한다면 <div id=”comments”> </div> 코드사이의 맨 윗줄에 밑에 위치시키고자 한다면 맨 밑줄에 써줍니다.
저장하고 확인합니다.
코멘트가 설치됬으면 관리 기능이 필요합니다. <head></head> 사이에
<meta property=”fb:app_id” content=”00000000000000000″> 를 넣어줍니다. 00000000000000000은 자신의 appID겠죠? <head></head> 는 header.php 파일에 있습니다.
“페이스북에서 확인해보니 코드가 좀 달라졌습니다. 추후에 다시 작성예정입니다.”