워드프레스 사이드바에 페이스북 Likebox 위젯 표시 방법

워드프레스 사이드바에 페이스북 Likebox 표시하는 방법을 알아 보겠습니다.

 

페이스북에 로그인 한 상태에서 https://developers.facebook.com/docs/plugins/like-box-for-pages 페이지로 이동하면, 다음과 같은 화면이 나타납니다.

 

 

워드프레스페이스북1

 

Facebook Page URL, Width, Height, Color Scheme, Show Friends’s Faces, Show Header, Show Posts, Show Border 옵션을 설정합니다. 자신이 원하는 옵션으로 설정한 결과는 다음과 같습니다.

 

 

워드프레스페이스북2

 

[Get Code] 버튼을 누르면 다음과 같은 팝업 창이 나타납니다.

 

 

워드프레스페이스북3

 

HTML5, XFBML, IFRAME, URL 중 IFRAME을 선택해서 나타나는 코드를 복사합니다. 자신의 사이트의 사이드바 위젯에 출력하려면 다음과 같이 ‘Admin > Appearance > Widgets’ 페이지에서 Sidebar에 BCT0006 Text 위젯을 배치하고 복사한 코드를 복사해 넣습니다.

 

 

워드프레스페이스북4

 

[Save] 한 다음 사용자 화면에서 확인해보면 다음과 같은 결과를 볼 수 있습니다.

 

 

워드프레스페이스북5

 

 

Leave a Reply

Your email address will not be published. Required fields are marked *

인기 글

Ubuntu 22.04 LTS에 Python 3.8 or 3.9 설치 방법
서버 : Vultr 클라우드OS: Ubuntu 22.04 LTS사용자 계정 생성하여 설치 진행함1. Start with the system updatesudo apt update...
오라클 클라우드 OCI 가입 드디어 성공 했습니다 (상세 후기)
2023년 2월 16일에 ‘오라클 클라우드 지급 검증 실패 글‘을 남긴 적이 있습니다.그 때 검색을 통해 해결 방법을 찾아 보았고, 당시 성공했던 분들의...
자동화설비 구조 및 데이터PC 역할
자동화설비에 사용되는 하드웨어는 다음과같습니다.PLC : PLC는 자동화 설비의 제어를 담당하는 핵심 장치로, 프로그래밍을 통해 다양한 장비와 프로세스를 제어할 수 있습니다....
자동화설비 데이터PC 환경 설정
파이썬 3.11.0환경변수 설정파이참 커뮤니티 에디션 다운로드프로젝트 필수 라이브러리 다운로드QT5 환경 변수 추가PostgreSQL...
BCT AI Chatbot 정식 버전 출시에 앞서
워드프레스 기반의 인공지능 대화형 AI챗봇 개발을 진행하면서 여러 시행착오를 해 왔는데, 다양한 피드백을 거쳐 현재 정리된 (BCT AI Chatbot 정식 버전 출시에 앞서) 해결해야...