• 워드프레스에서 페이스북으로 자동 글 전송되도록 설정하는 방법

    워드프레스에서 페이스북(담벼락 또는 페이지)으로 자동 글 전송되도록 설정하는 방법을 알아 보겠습니다. 이와 같은 역할을 하는 워드프레스 플러그인은 많이 있지만, 이 글에서는 다음과 같이 젯팩의 공개 모듈을 이용하는 방법을 설명합니다. 위 화면은 젯팩 플러그인의 설치, 활성화, 연결 완료 이후, ’워드프레스 관리자 > 젯팩 > 설정’에서 확인할 수 있습니다. 공개 모듈이 활성화 된 상태이면, 설정·비활성화 옵션이 보입니다. (1) 공개 : 페이스북 설정 공개 모듈을 활성화 하면, ’워드프레스 관리자 > 설정 > 공유’ 메뉴가 추가되고, 이 메뉴 클릭 시 다음과 같은 설정 화면을 볼 수 있습니다. 위 화면에서 페이스북 연결하기 설정을 위해 페이스북의 [연결하기] 버튼을 누르면, (페이스북 로그인이 되지 않은 상태라면) 다음과 같이 페이스북 로그인 창이 나타납니다. 위 화면에서 자신의 계정으로 페이스북 로그인하면, 다음과 같은 팝업 창이 나타납니다. 위 화면처럼 Blogcodi 페이스북 페이지를 선택하고 [OK] 버튼을 누르면, 다음과 […]

  • 워드프레스-페이스북 연동: 워드프레스 위젯

    워드프레스 위젯에서는 워드프레스 포스트 및 페이지에서 사용할 수 있는 소셜 플러그인 외 추가적인 소셜 플러그인이 워드프레스 위젯으로 제공되고 있습니다. 소셜 플러그인 위젯 종류는 다음과 같습니다. Like, Send 버튼 위젯 Recent Activity 위젯 Recommendations 위젯 Like 버튼 위젯 Like 버튼 위젯은 페이스북의 Like 버튼을 출력하는 위젯입니다. Like 버튼 위젯을 추가하려면 다음과 같이 ‘워드프레스 사이트 관리자 > 외모 > 위젯’ 페이지로 이동합니다. 위 그림의 ‘사용할 수 있는 위젯’에 있는 ‘Facebook Like Button’ 위젯을 마우스를 이용하여 ‘메인 사이드바’에 끌어다 놓습니다. 그러면 다음과 같이 ‘Facebook Like Button’ 위젯의 옵션을 확인할 수 있습니다. 위 그림에서 ‘Facebook Like Button’ 위젯 옵션에는 Title, URL, Send, Show faces, Layout, Width, Action, Color scheme, Font가 있는 것을 확인할 수 있습니다. Title에는 위젯 제목을, URL에는 Like 버튼이 가리키는 URL 주소를 입력합니다. Send에는 send 버튼이 출력 유무에 따라 체크를, Show faces에는 프로필 […]

  • 워드프레스-페이스북 연동: 소셜 플러그인

    소셜 플러그인은 워드프레스의 포스트 및 페이지에서 사용할 수 있으며, 다음과 같은 플러그인이 포함되어 있습니다. Like, Send 버튼 Comments Recommendations bar Like 버튼 Like 버튼은 워드프레스 콘텐츠를 페이스북에 있는 친구들과 공유할 수 있도록 하며, 보통 콘텐츠 하단에 추가합니다. Like 버튼을 추가하려면 다음과 같이 ‘워드프레스 사이트 관리자 > Facebook’ 설정 페이지로 이동합니다. 위 그림처럼 “Like Button”에 체크 표시를 한 다음, [변경 사항 저장] 버튼을 누릅니다. 그러면 다음과 같이 설정 옵션이 나타납니다. 위 그림에서 Like Button 옵션에는 Send, Show faces, Layout, Width, Action, Color scheme, Font, Position, Show on, Show on homepage가 있는 것을 확인할 수 있습니다. Send에는 send 버튼을, Show faces에는 프로필 사진을 추가할지 설정합니다. Layout에는 standard, button_count, box_count 중 하나를, Width에는 폭 넓이를 픽셀 단위로 설정합니다. Action는 like 또는 recommendation 둘 중 하나를, Color scheme에는 light 또는 dark 중 하나를 설정합니다. Font에는 […]

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

    소셜 퍼블리싱은 워드프레스에서 작성한 글이나 페이지를 페이스북의 타임라인이나 페이지로 전달하는 것을 의미합니다. 소셜 퍼블리싱 기능을 사용하기 위해서는 다음과 같이 추가 설정을 해 주어야 합니다. Step 1. 페이스북 앱 페이지 방문 페이스북에 로그인한 상태에서 다음과 같이 앱 페이지 https://developers.facebook.com/apps 페이지를 방문합니다. 위 그림의 가운데 부근에 있는 ‘Open Graph’에서 액션 추가를 위해 ‘시작하기’ 버튼을 누릅니다. 그러면 다음과 같이 오픈 그래프 페이지가 나타납니다. 위 그림에서 ‘People can’ 옆 텍스트 필드(Text Field)에 ‘publish’를 ‘a’ 옆 텍스트 필드에 ‘article’을 입력한 다음, [시작하기] 버튼을 누릅니다. 그러면 다음과 같이 Open Graph 대시보드 페이지가 나타납니다. 위 그림의 우측 상단 부근에 있는 ‘제출’ 링크를 누릅니다. 그러면 다음과 같은 에러 창이 나타납니다. 위 그림에서 ‘Publishing Actions’와 ‘Missing App Logo and Icon’의 2가지 에러를 확인할 수 있습니다. 먼저, ‘Missing App Logo and Icon’ 에러는 앱 페이지에서 로고와 […]

  • 워드프레스-페이스북 연동: 페이스북 앱 설정

    지난 글에서 페이스북 앱을 생성하는 방법을 살펴 보았고, 이번 글에서는 페이스북 앱을 설정하는 방법을 살펴 보도록 하겠습니다. Step 2. 페이스북 앱 설정 자신의 워드프레스와 페이스북을 연결하기 위한 앱 설정 페이지는 다음과 같습니다. 위 그림에서 자신의 워드프레스 사이트와 페이스북 연결을 위한 앱 설정은 ‘기본 정보’, ‘Website with Facebook Login’, ‘Mobile Web’ 세 군데입니다. ‘기본 설정’에서는 Display Name, Namespace, 연락 이메일, App Domains, 카테고리, Hosting URL, Sandbox Mode를 설정할 수 있습니다. Display Name은 앱 이름에 해당하고, Namespace는 사용자 정의 Open Graph actions과 objects 그리고 페이스북 상에 자신의 앱 URL을 정의하는데 사용합니다. 연락 이메일은 앱과 관련하여 연락을 할 수 있는 이메일을, App Domains는 도메인 및 서브 도메인에 auth를 가능하게 합니다. 카테고리는 앱의 기능을 설명하는 카테고리를, Hosting URL은 페이스북 파트너 중 한 곳으로부터 부여 받은 URL을, Sandbox Mode는 활성화를 체크하면 앱 개발자들만의 앱을 사용할 수 있습니다. ‘기본 선택’에서는 […]

  • 워드프레스-페이스북 연동: 페이스북 앱 생성

    페이스북 앱 생성 과정은 다음과 같습니다. Step 1. 페이스북 앱 생성 https://developers.facebook.com/apps 페이지로 이동합니다. 페이스북 로그인이 되어 있지 않다면 다음과 같은 로그인 창이 나타납니다. 위 그림에서 자신의 페이스북 계정으로 로그인 합니다. 로그인 후, Facebook 화면은 다음과 같습니다. 위 그림의 경우는 기존 페이스북 앱 페이지에 해당하며, 새 앱을 만들기 위해서는 그림 2의 우측 상단에 위치한 [새 앱 만들기] 버튼을 누릅니다. 그러면 다음과 같이 ‘새 앱 만들기’ 팝업 창이 나타납니다. 위 그림에서 새 앱을 만들기 위해 App Name, App Namespace, Web Hosting 정보가 필요함을 확인할 수 있습니다. App Name은 앱 이름에 해당하고, 3 chars 이상 32 chars 이하의 이름이 가능합니다. 만약 트레이드마크 된 이름이나 권리를 침해한 이름을 사용할 경우, 강제 삭제될 수 있으니 신중하게 이름을 정해야 합니다. App Namespace는 사용자 정의 Open Graph actions와 페이스북 상의 앱 URL을 정의하는데 사용합니다. 이는 […]

  • 워드프레스-페이스북 연동: Facebook 도입

    위키피디아에는 페이스북을 다음과 같이 정의하고 있습니다. 페이스북은 2012년 8월 기준, 전 세계 9억 명 이상의 유저가 활동 중인 세계 최대의 소셜 네트워크 서비스입니다. 이 서비스는 사람들이 친구들과 대화하고 정보를 교환할 수 있도록 도와줍니다. 2004년 마크 저커버거에 의해 서비스가 시작 되었고, 2012년 6월 IPO를 신청 하였습니다. – 위키피디아 인용 세계 최대의 소셜 네트워크 서비스인 페이스북과 자신의 워드프레스를 연동하는 방법에는 여러 가지가 있을 수 있습니다. 보통, 페이스북 관련해서 플러그인이 제공되는데, 종류가 워낙 많아 어떤 플러그인이 어떤 기능을 제공하는지 파악하는 것이 더 어렵습니다. 그래서인지 최근 페이스북에서 공식적으로 워드프레스 전용 플러그인을 개발해서 배포하기 시작하였고, 그 이후 기존 쓸만한 페이스북 관련 플러그인이 하나씩 사리지고 있고 대신 페이스북 공식 플러그인을 사용하는 분위기입니다. 그 플러그인 이름은 Facebook이며, 이 플러그인 하나로 워드프레스와 페이스북 연결을 위해 여러 개 플러그인을 조합해서 사용하던 기존 방식을 벗어나게 되었습니다. 자신의 워드프레스와 페이스북을 연동하는 방법을 Facebook 플러그인 […]

위로이동