• 페이스북 페이지의 좋아요 위젯 추가 방법

    이번에는 메인 페이지에 페이스북 페이지의 좋아요 위젯을 추가하는 방법에 대해 알아 보겠습니다. 단계 1. 페이스북 페이지의 Like Box 페이지 방문 https://developers.facebook.com/docs/plugins/like-box-for-pages 위 URL을 방문하면 다음과 같은 페이스북 페이지 볼 수 있습니다. 위 그림에서 보듯이 설정 가능한 옵션에는 Facebook Page URL, Width, Height, Color Scheme, Show Friends’ Faces, Show Posts, Show Header, Show Border가 있고, 원하는 대로 옵션을 설정할 수 있습니다. 설정을 완료하고, Get Code 버튼을 누르면 위젯 코드를 얻을 수 있는데, 이를 위해서는 먼저 페이스북에 로그인을 해야 합니다. 단계 2. 위젯 코드 복사 페이스북에 자신의 아이디로 로그인 하였다고 가정합니다. 위 그림의 하단에 있는 [Get Code] 버튼을 누르면 다음과 같은 창이 나타납니다. 위 그림을 보면 HTML5, XFBML, IFRAME, URL를 선택할 수 있는데, 여기서는 IFRAME을 선택한 다음 하단 코드를 복사합니다. 단계 3. 워드프레스 커버 에디터의 Text 위젯에 […]

  • 사이드바에 페이스북 Likebox 위젯 표시 방법

    워드프레스 사이드바에 페이스북 Likebox 표시하는 방법을 알아 보겠습니다. 페이스북에 로그인 한 상태에서 https://developers.facebook.com/docs/plugins/like-box-for-pages 페이지로 이동하면, 다음과 같은 화면이 나타납니다. Facebook Page URL, Width, Height, Color Scheme, Show Friends’s Faces, Show Header, Show Posts, Show Border 옵션을 설정합니다. 자신이 원하는 옵션으로 설정한 결과는 다음과 같습니다. [Get Code] 버튼을 누르면 다음과 같은 팝업 창이 나타납니다. HTML5, XFBML, IFRAME, URL 중 IFRAME을 선택해서 나타나는 코드를 복사합니다. 자신의 사이트의 사이드바 위젯에 출력하려면 다음과 같이 ‘Admin > Appearance > Widgets’ 페이지에서 Sidebar에 BCT0006 Text 위젯을 배치하고 복사한 코드를 복사해 넣습니다. [Save] 한 다음 사용자 화면에서 확인해보면 다음과 같은 결과를 볼 수 있습니다. 북극海• (주)블로그코디 대표 • 워드프레스 교육 서비스 런칭 • 워드프레스 정보 공유 커뮤니티 make BCT 런칭 • 한국형 워드프레스 테마 출시 • 워드프레스 홈페이지 제작 서비스 […]

  • 워드프레스-페이스북 연동: 소셜 퍼블리싱 (3)

    워드프레스-페이스북 연동: 소셜 퍼블리싱 3번째 글입니다. 다음으로, 자신의 워드프레스 사이트에서 페이스북으로 자동으로 글을 전달하기 다음과 같이 ‘Social Publisher’ 옵션에 체크 표시를 합니다. 정상적인 경우 다음과 같이 자신의 워드프레스 페이지 정보를 확인할 수 있습니다. 위 그림에서 자신의 페이스북 타임라인으로 글을 전달하기 위해서는 ‘Publish to author’s Timeline’에 체크 표시를 하고, 자신의 페이스북 팬페이지로 글을 전달하기 위해서는 ‘Publish to fan page’에서 페이지를 선택해야 합니다. 설정을 완료한 후, ‘변경 사항 저장’ 버튼을 눌러 설정 내용을 저장하도록 합니다. ‘Social Publisher’ 옵션의 설정을 완료한 다음, 글 작성 페이지를 가보면 다음과 같이 페이스북 위젯이 여러 개 추가된 것을 확인할 수 있습니다. 위 그림에서 새 글 쓰기 페이지에 ‘Facebook Social Plugins’, ‘Facebook Status on Your Timeline’, ‘Facebook Status on 블로그코디’s Timeline’, ‘Mention Facebook Pages’, ‘Mention Facebook Friends’ 박스가 새로 추가된 것을 확인할 수 있습니다. 이 박스를 통해 자신의 워드프레스에서 작성한 […]

  • 워드프레스-페이스북 연동: 소셜 퍼블리싱 (2)

    이전 글 ‘워드프레스-페이스북 연동: 소셜 퍼블리싱 (1)’에 이어서 설명 하겠습니다. 이전 글에 포함된 앱 설정 페이지에서 다시 [제출] 링크를 누르면 다음과 같은 페이지가 나타납니다. 위 그림에서 오픈 그래프 인증 1단계로서 ‘Provide trigger steps’인 것을 확인할 수 있습니다. 계속 진행을 위해서는 추가 코드가 필요하며, 그 코드를 얻기 위해서는 다음과 같이 Graph API Explorer 페이지로 이동합니다. 위 그림의 우측 상단 부근에 있는 [액세스 토큰 얻기] 버튼을 클릭하면 다음과 같이 ‘Select Permissions’ 팝업 창이 나타납니다. 위 그림의 ‘Select Permissions’ 팝업 창에서 ‘User Data Permissions’, ‘Friends Data Permissions’, ‘Extended Permissions’ 설정을 할 수 있는 것을 확인할 수 있습니다. 우리가 필요한 것은 워드프레스에서 페이스북으로 글 또는 페이지를 전달하는 것이기 때문에 ‘publish_actions’ 항목이 체크된 것을 확인한 다음, [Get Access Token] 버튼을 누릅니다. 그러면 다음과 같이 액세스 토큰 값을 확인할 수 있습니다. 위 그림의 […]

  • 워드프레스-페이스북 연동: Facebook 플러그인 설치 및 설정

    Facebook은 워드프레스와 페이스북을 쉽게 연동할 수 있도록 페이스북에서 직접 개발해서 배포하고 있는 플러그인입니다. 기존에는 워드프레스와 페이스북을 연동하기 위해서 여러 개의 플러그인을 조합해서 사용해야 했는데, 이 플러그인의 등장으로 복수 개 플러그인을 조합하지 않고도 원하는 대부분의 기능을 구현할 수 있게 되었습니다. 워드프레스와 페이스북을 연동할 필요가 있는 사람들에게 유용한 플러그인이라고 할 수 있습니다. 플러그인 설치 및 활성화 “워드프레스 사이트 관리자 > 플러그인 > 플러그인 추가하기”에서 facebook 키워드로 검색을 합니다. 검색 결과는 다음과 같습니다. 위 그림의 검색 결과 중 가장 상단에 위치한 ‘Facebook’이 설치하려고 하는 플러그인이며, 설치를 위해 ‘지금 설치하기’ 링크를 누릅니다. 그러면 다음과 같은 팝업 창이 나타납니다. 위 그림에서 [확인] 버튼은 플러그인을 설치할 때, [취소] 버튼은 플러그인 설치를 취소할 때 누릅니다. 플러그인 설치를 위해 [확인] 버튼을 누릅니다. 그러면 정상적인 경우 다음과 같이 플러그인 설치 완료 화면을 볼 수 있습니다. 위 그림에서 ‘플러그인 […]

위로이동