워드프레스에 페이스북의 "좋아요" 버튼을 추가하는 방법에는 여러 가지가 있습니다. 테마에서 소셜 버튼을 제공하는 경우 그대로 사용하시면 됩니다. 보통 외모 > Theme Options 내의 세부 옵션에서 확인할 수 있습니다.
만약 테마에서 소셜 공유 버튼을 제공하지 않거나 테마에서 제공하는 소셜 공유 버튼이 마음에 들지 않으면 플러그인을 사용하거나 페이스북 개발자(Facebook Developer)를 위한 좋아요 버튼을 사용할 수 있습니다.
개발자를 위한 좋아요 버튼
페이스북 개발자 페이지로 이동합니다:
https://developers.facebook.com/docs/plugins/like-button
이 페이지에서 페이스북의 좋아요 버튼에 대한 옵션을 선택합니다.
옵션을 선택한 후에 "Get Code"를 클릭하면 아래 그림과 같이 코드가 표시됩니다.
지침과 같이 첫 번째 코드를 헤더 파일(header.php) 파일의 body 태그 아래에 추가합니다(사용하는 워드프레스 테마에 따라 다를 수 있음). 그리고 두 번째 코드를 "좋아요" 버튼이 표시될 곳에 삽입합니다.
플러그인 사용
페이스북의 좋아요 버튼을 비롯하여 소셜 공유 아이콘을 표시하는 다양한 플러그인이 있습니다. 플러그인 설치 페이지에서 다양한 플러그인을 설치하여 사용하는 테마와 어울리는 플러그인을 설치할 수 있습니다. 예를 들어, WP Facebook Like Button과 같은 플러그인이 있습니다.
혹은 젯팩(JetPack)이 설치되어 있는 경우 공유(Share) 플러그인을 활성화하여 원하는 대로 설정할 수 있습니다.
다음과 같이 페이스북 아이콘뿐만 아니라 트위터, 구글 플러스 등 다양한 소셜 네트워크 아이콘을 추가할 수 있습니다.
Easy Social Share Buttons for WordPress
Easy Social Share Buttons for WordPress 플러그인은 소셜 공유 버튼 플러그인으로 Codecanyon에서 판매 상위권을 유지하고 있는 플러그인입니다.
다양한 SNS 공유 플러그인이 있는 상황에서 이 유료 플러그인이 꾸준한 인기를 누리고 있는 것이 특이하네요. 소셜 공유와 관련하여 대부분의 기능이 담긴 이 플러그인에는 팔로워 카운터, After Share Actions(공유 후 동작), Sharable Quotes, 미디어 공유, 소셜 공유 최적화, 소셜 공유 분석(Analytics), 소셜 메트릭스, 소셜 카운터 복구, 소셜 프로필 링크, Top Social Posts 위젯, 포스트 뷰 카운터(조회 카운터) 등의 프리미엄 모듈이 무료로 포함되어 있습니다.
다양한 효과를 원하는 경우 이 플러그인을 고려해보아도 좋을 듯합니다.
플러그인을 이용해서 페이스북 좋아요 단추를 넣고 잘 사용중입니다.
그런데 저는 페이스북에 로그인이 되어있는데도 불구하고, 좋아요 단추 옆에는 '친구들이 무엇을 좋아하는지 알아보려면 가입하기' 문구가 계속 뜨네요. 잘못된 점이 뭘까요?
안녕하세요?
"워드프레스 사이트 아이콘(파비콘) 이미지" 글에서 페이스북의 좋아요 버튼을 눌러보니 잘 작동하는 것 같습니다.
브라우저를 바꾸어서 한 번 테스트해보시기 바랍니다.
안녕하세요.
안녕하세요? 케이보드의 글은 일종의 Custom Post Type입니다. 따라서 Custom Post Type을 지원하는지를 확인해야 합니다. 말씀하신 플러그인은 Custom Post Type을 지원하지만 PRO 버전에서만 가능한 것 같습니다. (즉, 유료 버전에서만 Custom Post Type 지원). 플러그인 설명을 잘 살펴보시기 바랍니다. 다른 플러그인도 테스트해보시기 바랍니다.
https://wordpress.org/plugins/thumbs-rating/ 플러그인을 테스트해보시기 바랍니다. 잘 될지는 모르겠지만 Custom Post Type을 지원한다고 되어 있네요. (시간이 나면 저도 한 번 테스트해보겠습니다.) 그리고 https://wordpress.org/support/topic/icon-from-font-awesom-instead-of-text-vote-up 글을 보면 FontAwesome 폰트를 사용하여 아이콘으로도 대체가 가능합니다.
추가:
Thumbs Rating 플러그인을 설치해보니 게시판 전체에 대해서만 추천 기능이 추가되고 개별 게시판 글에 대해서는 안 되네요… 하나 더 테스트해봤는데 마찬가지네요. 게시판 전체를 하나의 Custom Post Type으로 인식하는 것 같습니다. 케이보드 유료 스킨을 사용하는 게 가장 간편할 것 같습니다. 아니면 직접 소스를 만드는 방법도 있을 것입니다. (인터넷에서 괜찮은 소스를 찾아서 적당히 적용시키는 방법을 선택하시면 되겠지만 초보자에게는 쉽지 않을 듯합니다.)
바쁘신데 귀중한 답변 정말 감사합니다. 추천해 주신 kboard 스킨은 게시판 본문 삽입형이 아니라서 사용하기 어려울 것 같습니다. 정말 고맙습니다!!
KBoard에서 제공하는 스킨은 글을 게시하는 사용자가 평가를 할 수 있도록 했네요. 일반 사용자가 특정 게시글에 대해 평가를 하는 시스템과는 근본적으로 다르네요... 이 경우 http://codecanyon.net/search?utf8=%E2%9C%93&term=vote&view=list&sort=&date=&category=php-scripts&price_min=&price_max=&sales=&rating_min= 사이트에서 PHP 소스를 구매하여 적용하는 방법을 고려해보셔야 할 것 같습니다. (잘 적용될지는 장담할 수 없습니다.)
정확히 어떤 게시판을 염두에 두고 계시는지는 모르겠지만 새로운 기능을 추가하는 것은 전문가가 아니면 쉽지 않을 수 있습니다. 케이브도나 그누프레스보다 다음 데모 사이트의 포럼 플러그인을 한 번 고려해보시기 바랍니다.
http://demo.sabaidiscuss.com/questions
표시 포맷이 마음에 들지 않는다면 우리나라식으로 얼마든지 수정이 가능합니다. (물론 수정하려면 약간의 PHP와 CSS 지식이 필요하겠죠.) 이 포럼은 다양한 기능을 제공합니다. 많은 사용자가 사용하고 있고, 저도 다른 사이트에서 이 포럼 플러그인을 사용하여 Q&A 게시판을 운영하고 있습니다. (https://www.thewordcracker.com/basic/sabai-discuss-which-provides-various-features-a-wordpress-plugin/ 참고)