WordPress 사이트에 Facebook 이벤트를 표시하는 방법

WordPress 사이트에 Facebook 이벤트를 표시 하시겠습니까? Facebook 이벤트를 통해 세계 최대의 소셜 네트워크의 힘을 활용하면서 이벤트를 홍보 할 수 있습니다. 이 기사에서는 WordPress에 Facebook 이벤트를 표시하는 방법을 보여줍니다..


WordPress에 Facebook 이벤트를 표시하는 방법

방법 1 : Facebook 페이지 플러그인을 사용하여 Facebook 이벤트 추가

이 방법은 Facebook의 소셜 플러그인을 사용하여 WordPress에 Facebook 이벤트를 추가합니다. WordPress 테마 파일을 편집해야합니다. 수동으로 코드를 추가하는 데 불편한 경우이 기사에서 설명하는 다른 방법을 시도하십시오..

시작하자.

비디오 튜토리얼

WPBeginner 구독

동영상이 마음에 들지 않거나 지침이 더 필요한 경우 계속 읽으십시오..

먼저 Facebook 개발자 웹 사이트의 Page Plugin을 방문해야합니다. Facebook 페이지 URL 필드에 Facebook 페이지의 URL을 입력하십시오..

Facebook 페이지 플러그인은 이벤트 탭을 포함하여 페이지에서 여러 탭을 표시 할 수 있습니다. 탭 입력란에 ‘이벤트’를 입력하면 미리보기 창이 새로 고침되어 페이지의 이벤트 탭이 표시됩니다..

페이스 북 페이지 플러그인 설정

표지 사진 크기, 컨테이너 높이 및 너비 등과 같은 다른 설정을 조정할 수도 있습니다..

만족 스러우면 ‘코드 받기’버튼을 클릭하십시오. 그러면 두 개의 코드 상자가 표시된 팝업이 나타납니다..

페이스 북 페이지 플러그인 코드

코드의 첫 부분은 태그 바로 다음에 테마의 header.php 파일에 추가해야합니다..

다음으로 코드의 두 번째 부분을 복사하여 WordPress 게시물, 페이지 또는 텍스트 위젯에 붙여 넣어야합니다..

변경 사항을 저장하는 것을 잊지 마십시오.

이제 웹 사이트를 방문 할 수 있으며 Facebook 페이지 플러그인에 페이지 이벤트가 표시됩니다..

워드 프레스 페이지에 페이스 북 이벤트 퍼가기

방법 2. WordPress 플러그인을 사용하여 Facebook 이벤트 추가

이 방법을 사용하면 테마 파일에 코드를 추가하지 않고도 WordPress에서 Facebook 이벤트를 추가 할 수 있습니다.

가장 먼저해야 할 일은 WP Embed Facebook 플러그인을 설치하고 활성화하는 것입니다. 자세한 내용은 워드 프레스 플러그인 설치 방법에 대한 단계별 가이드를 참조하십시오..

활성화되면 방문해야합니다 설정»Facebook 포함 플러그인 설정을 구성하는 페이지.

플러그인의 설정 페이지는 여러 탭으로 나누어 져 있습니다. ‘매직 퍼가기’탭으로 이동합니다. Facebook 설정 섹션으로 조금 아래로 스크롤.

WP Embed Facebook 설정 페이지

Facebook 앱 ID와 비밀 키를 입력해야합니다. Facebook 개발자 웹 사이트를 방문하여 새 앱을 작성하여 이러한 키를 얻을 수 있습니다..

새로운 Facebook 앱 만들기

앱 이름을 입력하고 카테고리를 선택하라는 팝업이 나타납니다..

앱 이름을 지정하고 카테고리를 선택하십시오.

계속하려면 앱 ID 만들기 버튼을 클릭하십시오.

Facebook이 이제 앱을 만들고 앱 대시 보드로 리디렉션됩니다. 앱 메뉴를 보려면 왼쪽의 메뉴에서 설정 링크를 클릭하십시오.

앱 ID 및 비밀 키 복사

이제 앱 ID 키와 비밀 키가 숨겨져 있으며 표시 버튼을 클릭하여 복사해야합니다..

WP Embed Facebook 플러그인 설정 페이지에서 WordPress 사이트의 해당 필드에 두 키를 모두 입력하십시오..

‘모든 설정 저장’버튼을 클릭하여 변경 사항을 저장하십시오..

이제 WordPress에 이벤트를 추가 할 준비가되었습니다. Facebook 이벤트를 표시 할 게시물 또는 페이지를 편집하고 다음 단축 코드를 추가하십시오.

[fb_plugin 페이지 href ="https://www.facebook.com/YourFBPage" 탭 ="행사"]

단축 코드에서 자신의 Facebook 페이지 URL을 사용하는 것을 잊지 마십시오.

이 단축 코드에는 이벤트 탭만있는 Facebook 페이지 플러그인이 표시됩니다. 이제 웹 사이트를 방문하여 실제로 볼 수 있습니다.

단축 코드를 텍스트 위젯에 추가 할 수도 있습니다. 그러나 그렇게하기 전에 사이드 바 위젯에 대한 단축 코드를 활성화해야합니다..

Facebook 페이지 또는 그룹이 생성하지 않은 이벤트 추가

일부 사용자는 개인 프로필로 만든 Facebook 이벤트를 공유해야 할 수도 있습니다. 이러한 이벤트는 페이지와 관련이 없습니다. 플러그인의 맞춤 임베드 기능을 사용하여 표시하는 방법은 다음과 같습니다..

Facebook 페이지 플러그인 단축 코드를 사용하는 대신 다음과 같이 사용자 정의 임베드 단축 코드를 사용해야합니다.

[페이스 북 https://www.facebook.com/events/1796069560608519/]

단축 코드의 URL을 Facebook 이벤트의 URL로 바꾸십시오..

이제 웹 사이트를 미리보고 Facebook 이벤트가 실제로 작동하는지 확인할 수 있습니다..

WordPress에서 단일 Facebook 이벤트 추가

방법 3 : 위젯을 사용하여 Facebook 이벤트 일정 표시

이 방법을 사용하면 그룹 또는 페이지에 대한 Facebook 이벤트를 가져 와서 WordPress 사이드 바 위젯에 표시 할 수 있습니다.

사용자는 날짜가 포함 된 Facebook 이벤트 일정을보고 클릭하여 이벤트를 보거나 참여할 수 있습니다. CSS를 사용하여 이벤트 모양을 사용자 정의 할 수 있습니다.

가장 먼저해야 할 일은 Facebook Events Widget 플러그인을 설치하고 활성화하는 것입니다. 자세한 내용은 워드 프레스 플러그인 설치 방법에 대한 단계별 가이드를 참조하십시오..

활성화되면 다음을 방문해야합니다. 모양»위젯 페이 스북 이벤트 위젯을 사이드 바에 추가하십시오. 자세한 내용은 WordPress에서 위젯을 추가하고 사용하는 방법에 대한 안내서를 참조하십시오.

Facebook 이벤트 위젯 설정

위젯을 사용하려면 Facebook 페이지 ID를 입력해야합니다. 이 온라인 도구를 사용하여 Facebook 페이지의 ID를 얻을 수 있습니다. Facebook 페이지 URL을 입력하기 만하면 ID가됩니다..

다음으로 앱 ID와 비밀 키를 입력해야합니다.

Facebook 개발자 웹 사이트를 방문하여 새 앱을 작성하여 이러한 키를 얻을 수 있습니다..

새로운 Facebook 앱 만들기

앱 이름을 입력하고 카테고리를 선택하라는 팝업이 나타납니다..

앱 이름을 지정하고 카테고리를 선택하십시오.

계속하려면 앱 ID 만들기 버튼을 클릭하십시오.

Facebook이 앱을 만들고 앱 대시 보드로 리디렉션됩니다. 왼쪽 메뉴에서 설정 링크를 클릭하여 앱 키를 봅니다..

앱 ID 및 비밀 키 복사

이제 앱 ID 키와 앱 비밀 키가 숨겨져 있으며 표시 버튼을 클릭하여 복사해야합니다..

위젯 설정에 앱 ID와 비밀 키를 붙여 넣고 저장 버튼을 클릭하십시오..

위젯 설정에 액세스 토큰 필드 아래에 새 버튼이 표시됩니다..

페이스 북 액세스 토큰

그러나 액세스 토큰을 얻으려면 웹 사이트 URL을 Facebook 앱에 추가해야합니다..

Facebook 앱 설정 페이지에서 약간 아래로 스크롤 한 다음 플랫폼 추가 버튼을 클릭하십시오..

Facebook 앱에 플랫폼 추가

앱을 사용할 수있는 다양한 플랫폼을 보여주는 팝업이 나타납니다. ‘웹 사이트’를 선택해야합니다.

웹 사이트를 플랫폼으로 선택

그런 다음 사이트 URL 입력란에 웹 사이트 URL을 추가하고 변경 사항 저장 버튼을 클릭해야합니다..

웹 사이트 URL 추가

이제 위젯 설정으로 다시 전환하고 액세스 토큰 가져 오기 버튼을 클릭 할 수 있습니다. 그러면 Facebook 웹 사이트로 이동하여 앱에 프로필에 대한 액세스 권한을 부여하라는 메시지가 표시됩니다.

앱 권한

그런 다음 위젯 설정 페이지로 다시 리디렉션됩니다. 위젯 설정을 저장하기 위해 저장 버튼을 클릭하는 것을 잊지 마십시오.

이제 웹 사이트를 방문하여 Facebook 이벤트 위젯이 작동하는지 확인할 수 있습니다..

WordPress 사이드 바 위젯의 Facebook 이벤트

Facebook 이벤트 위젯에는 테마 색상과 일치하지 않는 기본 스타일 시트가 제공됩니다. 플러그인으로 생성 된 CSS 클래스를 보려면 inspect 도구를 사용해야합니다. 그런 다음 해당 클래스를 사용하여 이벤트 모양을 변경하십시오. WordPress에서 사용자 정의 CSS를 추가하는 방법에 대한 가이드를 참조하십시오.

이 기사가 WordPress에 Facebook 이벤트를 표시하는 방법을 배우는 데 도움이 되었기를 바랍니다. 또한 워드 프레스 사용자를위한 10 가지 최고의 Facebook 팁 및 자습서 목록을 볼 수도 있습니다..

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map