WordPress에 Facebook 피드를 포함하는 방법은 무엇입니까?

WordPress 웹사이트에 Facebook 피드를 표시하면 사용자 참여를 높일 수 있습니다. 이를 통해 청중은 Facebook 페이지 또는 타임라인에서 수행한 최근 활동(게시물)을 알 수 있습니다. 이를 통해 청중은 웹 사이트, 제품 또는 서비스에 대한 최신 업데이트를 웹 사이트에서 직접 볼 수 있으므로 비즈니스의 사회적 도달 범위가 증가합니다. 또한 Facebook 피드에 좋아요 버튼을 추가하여 청중이 귀하의 FB 계정을 좋아하도록 할 수 있습니다. 이렇게 하면 임의의 방문자를 Facebook 팔로어로 전환하고 Facebook 페이지의 좋아요 수를 늘릴 수 있습니다.

워드프레스 웹사이트에 페이스북 피드를 삽입하는 방법은 2가지가 있습니다. 즉

1. Facebook 개발자 도구에서
2. WordPress 플러그인을 사용하여

여기에서는 WordPress 웹 사이트에 Facebook 피드를 포함하는 데 가장 적합한 것을 선택할 수 있는 두 가지 방법에 대해 설명합니다. 이 튜토리얼을 시작하겠습니다.

Facebook 개발자 도구에서 WordPress에 Facebook 피드를 추가하는 방법은 무엇입니까?

기본적으로 Facebook에는 Facebook 페이지의 타임라인, 이벤트 및 메시지를 볼 수 있는 도구(Facebook 페이지 플러그인)가 내장되어 있습니다. 이렇게 하면 청중이 웹사이트에서 직접 FB 피드와 상호 작용할 수 있으므로 WordPress 웹사이트의 참여율이 높아집니다. 또한 피드에 Facebook 좋아요 버튼을 배치하여 방문자가 FB 페이지를 좋아하고 Facebook 게시물의 사회적 도달 범위를 높일 수 있습니다.

Facebook 개발자 도구(기본 Facebook 페이지 플러그인)에서 WordPress 웹사이트에 Facebook 피드를 포함하려면 Facebook 페이지의 URL을 입력합니다.

그런 다음 피드에 추가할 탭을 추가합니다. 3개의 다른 탭을 사용할 수 있습니다.

• 타임라인: Facebook 페이지의 게시물을 시간 역순으로 표시합니다.
• 이벤트: 귀하의 비즈니스가 Facebook 페이지에 추가한 예정된 이벤트를 표시합니다.
• 메시지: 청중이 WordPress 웹사이트에서 직접 Facebook 페이지에 메시지를 보낼 수 있습니다.

참고: 탭을 추가하려면 탭 이름을 쉼표(,)로 구분하여 배치해야 합니다. 예: 타임라인, 이벤트, 메시지. 그러나 탭을 제거하려면 탭 이름에서 이름을 제거하면 됩니다.

다음으로 WordPress 웹 사이트에 표시하려는 Facebook 피드의 너비와 높이를 지정할 수 있습니다.

게다가, 작은 헤더, 표지 사진, 플러그인의 컨테이너 너비 조정, FB 친구의 얼굴 표시에 대한 표시 옵션을 선택하거나 선택 취소하는 옵션도 있습니다.

완료되면 코드 가져오기를 클릭하여 JavaScript SDK 및 iFrame 코드를 가져옵니다.

그런 다음 주어진 코드를 복사하여 WordPress 웹 사이트에서 Facebook 피드를 추가하려는 페이지, 게시물, 위젯 또는 바닥글에 붙여넣습니다.

WordPress 웹사이트에서 아래 스크린샷과 같은 Facebook 피드를 볼 수 있습니다.

WordPress 플러그인을 사용하여 WordPress 웹 사이트에 Facebook 피드를 추가하는 방법은 무엇입니까?

위 단계에서는 Facebook 피드의 텍스트 색상이나 배경 색상을 사용자 지정할 수 없습니다. 따라서 Facebook 피드 표시를 완전히 제어하려면 이 방법을 따를 수 있습니다.

가장 먼저 해야 할 일은 WordPress 웹사이트에 Smash Balloon Social Post Feed 플러그인을 설치하고 활성화하는 것입니다.

플러그인이 설치되면 WordPress 대시보드의 왼쪽 메뉴에서 Facebook Feed를 볼 수 있습니다. 계속하려면 클릭하세요.

플러그인에서 사용 가능한 설정을 구성할 수 있는 구성 페이지로 이동합니다.

먼저 Facebook 계정을 웹사이트에 연결합니다. Facebook 계정 연결 버튼을 클릭합니다.

이제 Facebook 페이지 또는 Facebook 그룹의 피드를 표시할지 여부를 선택하고 계속 버튼을 클릭합니다.

Facebook으로 리디렉션되고 Facebook 페이지를 선택하라는 메시지가 표시됩니다.

피드를 표시할 FB 페이지를 선택했으면. 그런 다음 다음을 클릭합니다.

Facebook 페이지에 대한 다른 권한을 켜거나 끌 수 있는 권한 탭이 나타납니다. 권한을 설정/해제했으면 " 완료 " 버튼을 클릭합니다.

축하합니다. Smash Balloon WordPress를 Facebook에 연결했습니다. 계속하려면 " 확인 " 버튼을 클릭하십시오 .

이제 아래에서 Facebook 페이지를 선택하고 " 이 페이지 연결 " 버튼을 클릭해야 합니다.

Facebook 페이지 ID와 Facebook Access Token이 자동으로 채워집니다. " 설정 저장 "을 클릭하여 변경 사항을 저장합니다.

이제 WordPress 페이지 또는 게시물에 Facebook 피드를 추가하십시오.

Facebook 피드를 추가하려면 게시물 > 모든 게시물 로 이동하여 새 게시물을 만들거나 기존 게시물을 편집하세요.

이제 (+) 아이콘을 클릭하여 WordPress 블록 편집기에 Custom Facebook Feed 블록을 추가합니다.

콘텐츠 편집기에서 바로 Facebook 피드의 미리보기를 볼 수 있습니다.

Facebook 피드는 다음과 같습니다.

페이스북 피드 커스터마이징

Smash Balloon Social Post Feed Plugin에는 Facebook 피드를 구성하고 사용자 정의할 수 있는 다양한 옵션이 있습니다. 몇 가지 주요 사항을 살펴보겠습니다.

구성 페이지로 이동하려면 WordPress 대시보드에서 Facebook 피드 > 설정 페이지로 이동합니다.

이제 설정 섹션으로 스크롤하십시오. 플러그인을 구성하는 몇 가지 옵션이 있습니다. 페이지의 게시물을 다른 작성자별로 표시할지 여부, 표시할 게시물 수, 새 게시물 확인 및 게시물을 표시할 시간대를 선택할 수 있습니다.

Facebook 피드 > 사용자 지정 탭에는 다양한 사용자 지정 설정이 있습니다. 다양한 탭에서 선택할 수 있는 다양한 옵션을 제공합니다.

FB 피드에 대한 헤더를 추가하려면 일반 탭에서 아래로 스크롤하고 헤더 피드 표시를 선택합니다. 표시할 헤더 유형을 선택할 수 있습니다.

마찬가지로 피드 위 또는 아래에 좋아요 페이지 상자를 추가하여 좋아요 버튼을 추가하고 Facebook 페이지와 같은 사이트 청중을 활성화할 수 있습니다.

다음은 게시물 항목의 스타일을 지정할 수 있는 게시물 스타일입니다. 게시물을 정기적으로 표시하거나 상자에 표시할 수 있습니다.

사이드바에 Facebook 피드 포함:

또는 웹사이트의 게시물이나 페이지 대신 사이드바에 Facebook 피드를 포함할 수도 있습니다.

사용자 지정 Facebook 피드를 추가하려면 WordPress 관리자 대시보드에서 모양 > 위젯 으로 이동합니다. 이제 Facebook 페이지 피드를 표시할 위치로 텍스트 위젯을 드래그합니다. 그런 다음 플러그인에서 사용할 수 있는 단축 코드를 입력합니다.

Facebook 피드 > 설정 에서 단축 코드를 얻을 수 있습니다.

이제 아래 스크린샷과 같이 Facebook 피드가 사이드바에 나타납니다.

WordPress에 단일 Facebook 게시물을 포함하는 방법은 무엇입니까?

위의 단계에서 WordPress 웹 사이트에 Facebook Feed를 포함하는 방법에 대해 설명했습니다. 그러나 전체 피드 대신 단일 Facebook 게시물을 추가하려는 경우. 이를 위해 이 절차를 따를 수 있습니다.

WordPress 웹사이트에 포함하려는 Facebook 게시물을 방문합니다.

이제 각 게시물의 오른쪽에 있는 점 3개 버튼(…)을 클릭하고 삽입을 선택합니다.

iframe 코드가 포함된 팝업이 나타납니다.

코드를 복사하여 Facebook 게시물을 표시할 페이지, 게시물, 위젯 또는 바닥글에 붙여넣습니다.

완료되면 아래 스크린샷과 같이 포함된 게시물을 볼 수 있습니다.

결론:

다음은 WordPress 웹 사이트에 Facebook 피드를 포함하는 데 사용할 수 있는 다양한 방법입니다. 이는 웹사이트의 참여율을 높이고 Facebook 페이지 팔로워 수를 개선하는 데 도움이 됩니다.

또한 유사한 단계별 가이드를 찾고 있다면 팁 및 튜토리얼 카테고리를 확인하십시오.