안녕하세요. 샤인입니다.

그동안 워드프레스에 라이브리를 설치하고 싶다고 문의주신 분들이 많았는데요.

오늘 포스팅은 워드프레스 블로그에 소셜댓글 라이브리를 설치하는 방법입니다.


이번 포스팅은 시지온의 신입 개발자인 '탬 쿡' 님이 도움 주셨는데요.

차근차근 따라오시면 워드프레스에 라이브리 설치하는 것 어렵지 않아요!

개발자가 아닌 저 샤인도 성공했습니다. 지금부터 함께 설치해볼까요?


먼저, 라이브리 홈페이지>서비스>설치하기에서 설치코드를 발급받습니다.

라이브리 설치하러 바로가기



가지고 계신 SNS 계정으로 로그인하시고요.



새 라이브리 코드를 발급받기를 클릭합니다.



약관에 동의하시고 새라이브리 발급받기를 누르시면 코드생성 페이지가 나오는데요.


사이트유형에 워드프레스를 클릭하신 후 이름과 사이트 URL을 입력합니다.

(지금은 일반비영리 페이지로 되어있는데 오늘 내일 중 개발팀 4번 독수리님의 반영이 끝나면 포스팅도 수정할게요)

코드 이름은 여러개의 라이브리 코드를 발급 받았을 때 관리를 돕는데요.

라이브리를 설치하려는 사이트의 이름을 붙이면 대표성을 가질 수 있겠죠? 그리고 코드확인을 클릭합니다.


발급된 코드를 복사하신 후 메모장 등에 고이 잘 붙여두시고 이제 워드프레스 페이지를 엽니다.


참고로 저는 워드프레스 관리자 화면에서 직접 소스코드를 수정했는데요.

이를 위해서는 FTP로 접속해 
해당 파일들(header.php, page.php, single.php)에 쓰기 권한을 부여해야 합니다.


아니면 해당 파일들을 다운로드 받은 후 메모장이나 에디터를 통해 소스코드를 수정하고 다시 업로드 해도 됩니다.




페이지 여셨죠?

워드프레스 스킨에 따라 적용방법이 조금씩 다를 수 있는데요.

워드프레스 유저시라면 코드를 좀 보실 줄 알거라는 가정하에 기본 스킨으로 설명드리겠습니다.



먼저, 코드 수정을 위하여 설정페이지로 들어가서 외모>편집기를 클릭합니다.

그러면 테마 편집기가 나오는데요.



라이브리 1번 설치코드의 위치는 <head>와 </head> 사이입니다. 

오른쪽 템플릿에서 '머릿글(header.php)'을 선택하신 후에 1번 코드를 삽입합니다.


그리고 오른쪽 템플릿에서 '페이지 템플릿(page.php)'을 클릭한 후 그 안에 2번 코드를 삽입합니다.

파일 업데이트 눌러주시고요.


워드프레스에서는 라이브리 2번 설치코드를 한 곳에 더 삽입해주셔야하는데요.

'단일글(single.php)' 템플릿에 코드를 입력하면 끝!


간단하게 한 번 더 설명해드리면


워드프레스의 설정페이지에서 외모>편집기의 테마편집을 이용하여 라이브리를 설치하시는데요.

1)머릿글(header.php)에 1번코드 삽입

2)페이지 템플릿(page.php)3)단일글(single.php)에 2번코드 삽입

이렇게 세 곳에 라이브리 설치코드를 입력하고 파일업데이트를 클릭하면 설치가 완료됩니다!



<설치 완료된 화면>


워드프레스에 소셜댓글 라이브리 설치하기 정말 쉽지요?

현재는 기존 댓글창을 그대로 두고 그 아래 라이브리를 설치했는데요.

추후 기존 워드프레스 댓글창과 연동되는 플러그인을 제공할 예정입니다. 

 

워드프레스 라이브리 설치 성공하시면 트랙백 걸어주기 있기 없기?

포스팅이 유용했으면 댓글 달아주긔 ;)


궁금한 것도 댓글 남겨주세요!

이상 샤인이었습니다!





Posted by 시지온 CIZION


댓글을 달아 주세요

  1. 2012.08.21 16:05 신고

    아기다리고 고기다리던! 라이브리 워드프레스 설치 방법입니다~!

  2. 2012.08.21 16:37 신고

    드디어 워드프레스에도 라이브리를 설치할 수 있구나! 얏호!

  3. 2012.08.21 20:19 신고

    wptouch 쓰고 있는데요. 위에 같이 설치하면 모바일에서도 최적화 되어져서 보여지나요? 정말 궁금합니다. 답변좀 부탁드릴게요 ^^

  4. 2012.08.21 22:28 신고

    워드프레스 블로그에 라이브리 달기:)

  5. 2012.08.29 12:52 신고

    좋은자료 감사합니다.

  6. 2012.08.30 09:35 신고

    드디어 LiveRe를 적용했습니다. 감사합니다. ^^ 그런데 워드프레스 댓글에는 함께 등록되지 않는데 플러그인에서나 되는거죠? 또 댓글을 한번에 보는 마이페이지도 그때 되나요?

    • 2012.08.30 16:03 신고

      @dbluelblue 샤인입니다. 잘 적용하셨다니 다행입니다! :) 워드프레스 댓글과 동기화가 되는 플러그인은 준비 중입니다. 댓글을 한번에 보는 마이페이지는 가을이 무르익으면 만나보실 수 있을 거구요~ 라이브리 사용해보시고 피드백 주시면 검토 후 서비스에 반영해드리겠습니다! ^^

  7. 2012.09.07 16:35 신고

    오오 드뎌 방법이 생겼군요! ㅎㅎ

    • 2012.09.13 17:40 신고

      네 위의 방법대로 설치하시면 되고요 추후에 티스토리처럼 연동된 플러그인 형태로도 제공해드릴 예정입니다! ^^

    • 2012.11.16 12:09 신고

      제 워드프레스에 페북 댓글 없앴습니다. 기존거 초기화되어도 좋으니...젭알 워드프레스 기본댓글이랑 연동 좀. ㅠ_ㅠ

      저도 댓글 많이 달린 컨텐츠 이런거.. 사이드바에 뽑아보고 싶다능!

  8. 2012.09.18 21:55 신고

    메인 화면에 댓글 수를 나오게 하고 싶은데 그건 어떻게 하는건가요?

  9. 2012.09.18 21:55 신고

    메인 화면에 각 포스트의 댓글 수를 나오게 하고 싶은데 어떻게 해야 하나요?

  10. 2012.09.19 10:45 신고

    혹시 포스트당 댓글 수나, 최근 댓글을 표시할 수 있는 방법이 있나요?
    테마에 적용하고 싶은데 방법을 모르겠네요.

  11. 2012.09.19 10:46 신고

    혹시 포스트당 댓글 수나, 최근 댓글을 표시할 수 있는 방법이 있나요?
    테마에 적용하고 싶은데 방법을 모르겠네요.

  12. 2012.09.19 10:47 신고

    혹시 포스트당 댓글 수나, 최근 댓글을 표시할 수 있는 방법이 있나요?
    테마에 적용하고 싶은데 방법을 모르겠네요.

  13. 2012.09.19 10:47 신고

    혹시 포스트당 댓글 수나, 최근 댓글을 표시할 수 있는 방법이 있나요?
    테마에 적용하고 싶은데 방법을 모르겠네요.

    • 2012.09.21 11:05 신고

      안녕하세요, 칼킨님!
      현재 워드프레스에서는 아직 포스트당 댓글 수나 최근 댓글을 따로 볼 수 있는 시스템이 지원되지 않습니다.
      소중한 의견 감사합니다:)
      말씀해주신 사항은 검토 후 서비스에 반영할 수 있도록 노력하겠습니다.
      앞으로도 궁금하신 사항이 있으면 언제든지 피드백 부탁드려요^^

  14. 2012.10.02 11:38 신고

    "참고로 저는 워드프레스 관리자 화면에서 직접 소스코드를 수정했는데요"
    이부분은 어떻게 하는건가요? 각 글 글에 댓글이 달렸는지를 확인 할기가 힘들어서요~

    • 2012.10.04 09:22 신고

      @r2verse 포스트 내에 관리자 화면에서 설치했다는 부분은 워드프레스에서 소스 변경하는 방법이 1)관리자에서 변경 2)파일직접변경 후 업로드 두 가지가 있기 때문이고 저는 그 중에 관리자에서 변경했다는 것이고요 설치결과는 똑같습니다~^^ 각 글에 댓글이 달렸는지 확인하는 부분은 지금은 지원이 안되고요. 라이브리 관리자페이지를 따로 지원해드릴 예정입니다~ 오픈 코앞이니 기대해주세요!

  15. 2012.10.04 11:34 신고

    (댓댓글은 안되나 봅니다 ㅎㅎ) disqus 나 Livefyre 는 왠지 마음에 들지 않아서 라이브리만 고집하고 있는데, 댓글 어디 달렸는지 알 수가 없으니 좀 깝깝하네요 ㅋㅋ 진심 응원합니다!!! 손꼽아 기다리겠습니다!!! 아~자~

  16. 2012.10.26 04:17 신고

    안녕하세요!

    너무 좋은 플러그인 감사합니다. 저도 제 사이트 hwangc.com에 적용해봤어요. :)

    그런데 아래 워드프레스용 코드가 조금 이상하네요. 페이스북에 링크될 때 제대로 표시가 안되는 것보고 알았습니다. 직접 title과 refer입력해서 테스트 하니 제대로 보여지네요. 확인 부탁드려요~

    var title = "<?=the_title();?>"
    var refer = "<?=get_permalink($id);?>".replace("https://","";);

    그럼 플러그인도 기대할게요!

  17. 2012.11.07 02:50 신고

    괜찮아 보여서 달려고 했는데 코멘트 막아놓은 글에도 무작위로 떠서 그냥 안 달고 있습니다.
    얼른 플러그인으로 나왔으면 좋겠네요.

  18. 2012.12.03 22:49 신고

    디자인도 이쁘고 편해서 괜찮은데 워드프레서랑 연동이 안돼서 좀 그렇네요