WordPress 게시물에 Instagram을 포함하는 방법

0
1122

WordPress 웹사이트에 Instagram 피드(feed)를 삽입하는 쉬운 방법을 찾고 있습니까?

Instagram 사진, 동영상, 스토리, 게시물을 웹사이트에 포함하면 콘텐츠가 활기를 띠고 사용자 참여도가 증가하며 신뢰가 구축됩니다.

이 기사에서는 단계별로 Instagram을 WordPress에 포함하는 방법을 보여줍니다.

WordPress 게시물에 Instagram을 포함하는 방법

WordPress에 Instagram을 삽입해야 하는 이유는 무엇입니까?

WordPress 웹 사이트에 Instagram의 콘텐츠를 표시하면 많은 이점이 있습니다.

제품 리뷰, 제품 쇼케이스, 비디오, 이미지 및 기타 사용자 생성 콘텐츠를 Instagram 게시물에 표시하여 신뢰를 구축하고 더 많은 판매를 유도할 수 있는 사회적 증거로 사용할 수 있습니다.

Instagram의 콘텐츠는 또한 콘텐츠를 신선하고 업데이트하여 웹사이트의 검색 엔진 최적화(SEO)를 개선하는 데 도움이 됩니다.

그 외에도 Instagram feed는 사용자 참여를 늘리고(user engagement) 방문자가 웹사이트에 더 오래 머물 수 있도록 하는 매우 좋은 방법입니다.

이제 인스타그램 콘텐츠를 워드프레스에 삽입하는 방법을 살펴보겠습니다.

WordPress 플러그인으로 Instagram feed를 포함하는 방법

Instagram feed를 WordPress에 삽입하는 가장 쉬운 방법은 플러그인을 사용하는 것입니다.

이 튜토리얼에서는 Smash Balloon Social Photo Feed라는 무료 플러그인을 사용합니다. WordPress용 최고의 Instagram 플러그인이며 WordPress 웹사이트에 Instagram의 콘텐츠를 빠르게 표시할 수 있습니다.

Smash Balloon Instagram Feed Pro라는 이 플러그인의 유료 버전도 있습니다. 해시태그를 기반으로 feed 정렬, 다양한 유형의 feed 결합, 캡션 표시, 좋아요 및 댓글 표시 등과 같은 더 많은 사용자 정의 옵션을 제공합니다.

먼저 웹사이트에 플러그인 Smash Balloon Social Photo Feed를 설치하고 활성화해야 합니다.

이 플러그인 다운로드

플러그인을 활성화한 후 Instagram Feed > Settings(설정)를 방문하여 Confiegu.

인스타그램 계정 연결

개인 Instagram 프로필(Personal) 또는 비즈니스 Instagram 프로필(Business) 중에서 선택할 수 있는 팝업 창이 표시됩니다. 이 자습서에서는 Personal 옵션을 선택한 다음 Connect(연결) 버튼을 클릭합니다.

반면에 비즈니스 Instagram 계정 또는 Creator Instagram 계정(Creator)이 있는 경우 Business 옵션을 선택하여 계속할 수 있습니다.

인스타그램 프로필 선택

그런 다음 Instagram 계정에 로그인하고 Allow(허용) 버튼을 클릭하여 플러그인이 프로필 정보 및 미디어 콘텐츠(media content)에 액세스할 수 있도록 해야 합니다.

Smash Balloon이 Instagram 계정에 액세스하도록 허용

그런 다음 웹사이트로 다시 리디렉션되며 여기에 계정 연결을 요청하는 Instagram ID가 포함된 팝업 창이 표시됩니다. 계속하려면 Connect This Account 버튼을 클릭하십시오.

이 계정을 연결

다음으로 Smash Balloon에 연결된 Instagram 계정이 표시되어야 합니다.

Instagram 계정이 Smash Balloon에 성공적으로 연결되었습니다.

그런 다음 Customize 탭(Customize)으로 이동하여 Instagram feed의 모양과 느낌을 변경합니다. 예를 들어 feed의 너비와 높이를 사용자 지정하고 배경색을 변경합니다.

Instagram 피드 사용자 지정

그 외에도 Smash Balloon을 사용하면 feed에 표시할 사진과 열 수를 선택할 수 있습니다. 이미지 주변 여백을 선택하고, 모바일 레이아웃을 비활성화하고, 이미지를 정렬하고, 이미지 해상도를 선택할 수도 있습니다.

아래로 스크롤하면 사용자 정의 옵션이 더 있습니다. 예를 들어 Instagram feed의 헤더를 편집하고, Load More(더 로드) 버튼과 Follow(팔로우) 버튼을 활성화하고, GDPR 설정을 변경하고, feed 문제에 대한 주간 보고서를 받으세요.

그러나 Pro 버전으로 업그레이드하면 레이아웃 유형 선택, 캡션 활성화 및 댓글 활성화, 게시물 필터링 등과 같은 추가 사용자 지정 기능이 있습니다.

Instagram feed 사용자 지정을 마친 후 Save Changes 버튼(변경 사항 저장)을 클릭합니다.

추가 로드 및 팔로우 버튼 활성화

이제 WordPress 블로그의 모든 위치에 Instagram 게시물을 포함하는 것이 매우 쉽습니다.

그렇게 하려면 새 게시물이나 새 페이지를 편집하거나 추가하세요. WordPress 편집기(WordPress editor)에서 더하기 기호(+)를 클릭하여 새 블록을 추가하고 “Instagram Feed”를 검색합니다.

페이지에 Instagram 피드 블록 추가하기

플러그인 Smash Balloon은 Instagram feed를 자동으로 로드하고 WordPress 편집기에서 미리보기를 표시합니다. 이제 게시물 또는 페이지를 게시(publish)하여 Instagram의 콘텐츠를 표시할 수 있습니다.

인스타그램 피드 라이브 미리보기

WordPress의 클래식 편집기(classic editor)를 사용하는 경우 단축 코드를 사용해야 합니다. [instagram-feed] Instagram feed를 표시할 위치입니다.

이 플러그인을 사용하면 Instagram feed를 웹사이트의 사이드바(sidebar)에 매우 쉽게 추가할 수도 있습니다. 그렇게 하려면 Appearance » Widgets로 이동하여 Instagram Feed 위젯을 사이드바로 드래그하고 Save 버튼을 클릭합니다.

사이드바에 Instagram 피드 위젯 추가하기

기본 내장 블록으로 Instagram feed를 추가하는 방법(default embed block)

기본 포함 기능(default embed feature)을 사용하여 WordPress 게시물에 Instagram feed를 포함하려면 플러그인 Smash Balloon Social Feot8에서 Instagram oEmbeds를 활성화해야 합니다.

그 이유는 더 이상 Instagram 또는 Facebook의 콘텐츠를 WordPress 웹 사이트에 직접 포함할 수 없기 때문입니다.

이 oEmbed 기능은 2020년 10월 WordPress에서 더 이상 사용되지 않습니다. Facebook은 개발자가 oEmbed 콘텐츠용 API에서 데이터를 가져오기 위해 앱을 등록하고 액세스 토큰(Access tokens)을 사용하도록 요구했습니다.

이 oEmbed 문제를 해결하는 간단한 솔루션은 플러그인 Smash Balloon Social Photo Feed를 사용하는 것입니다. WordPress 관리 영역(admin)에서 Instagram Feed » oEmbeds로 이동하면 됩니다.

그런 다음 Enable Instagram oEmbeds(Instagram oEmbeds 활성화) 버튼을 클릭합니다.

Instagram oEmbeds 버튼 활성화

Facebook에 연결하라는 팝업 창이 나타납니다.

페이스북에 연결

그런 다음 Facebook 계정에 로그인하여 Smash Balloon에 연결합니다.

스매시 벌룬과 페이스북 프로필 연결하기

그런 다음 Smash Balloon과 함께 사용하려는 Facebook 페이지를 선택하고 Next(다음) 버튼을 클릭할 수 있습니다.

Smash Balloon이 페이지를 사용하도록 허용하면 액세스 토큰(access token)이 만료되지 않는다는 이점이 있습니다. 이 부분은 건너뛸 수 있지만 액세스 토큰은 60일 동안만 유효합니다.

스매시 풍선과 함께 사용할 페이지 선택

다음으로 Smash Balloon이 Facebook 페이지에서 수행할 수 있는 작업을 선택하고 Done 버튼을 클릭해야 합니다. 예를 들어 플러그인이 관리하는 페이지 목록을 표시하도록 허용할 수 있습니다.

Smash Balloon이 페이지를 사용하도록 허용

그런 다음 Smash Balloon을 Facebook에 연결했다는 메시지가 표시됩니다. 이제 OK 버튼을 클릭하여 WordPress 관리 영역(admin)으로 돌아갑니다.

Smash Balloon을 Facebook에 연결했습니다.

Instagram Feed가 이전 oEmbed를 자동으로 교체하고 모든 새 링크에 대한 모든 새 콘텐츠를 생성한다는 메시지가 표시됩니다.

Instagram 피드가 oEmbed를 대체합니다.

이제 Instagram 콘텐츠를 블로그 게시물이나 페이지에 쉽게 포함할 수 있습니다.

Instagram 계정으로 이동하여 Instagram 사진 또는 비디오의 오른쪽 상단 모서리에 있는 세 개의 점(…)을 클릭하여 더 많은 옵션을 엽니다.

인스타그램 게시물의 점 세 개를 클릭하세요.

그런 다음 팝업 창에 더 많은 옵션이 표시되면 Copy Link 버튼을 클릭합니다.

인스타그램 게시물 링크 복사

그런 다음 게시물이나 페이지를 편집하고 왼쪽 상단 모서리에 있는 더하기(+) 기호를 클릭하여 Embed 블록(Embed)을 추가합니다.

포함 블록 추가

그런 다음 Instagram 콘텐츠의 URL을 입력하고 Embed 버튼을 클릭합니다.

인스타그램 게시물 URL 입력

그런 다음 게시물이나 페이지를 게시하여 웹사이트에서 Instagram feed를 볼 수 있습니다.

인스타그램 oEmbed 미리보기

이 기사가 WordPress 웹사이트에 Instagram을 삽입하는 방법을 아는 데 도움이 되었기를 바랍니다. 질문이 있는 경우 아래 의견란에 알려주십시오.

.