워드프레스 웹사이트에 인스타그램 연동하는 플러그인 소개 smash ballon social photo feed

워드프레스 사이트에 인스타그램 피드를 노출할 수 있는 좋은 플러그인이 있어서 소개합니다.

플러그인 이름은 Smash Ballon Social Photo Feed

예전에는 Instagram Feed 라는 이름이었는데, 얼마전에 인스타그램의 API 가 바뀐 후 제대로 작동하지 않았던 때가 있었는데, 그 이후로 이름을 바꾸면서 새 정비를 깔끔하게 해놓았고, 기능도 정상적으로 작동이 되어서, 현재 운영하는 워드프레스 사이트에 설치를 해봤습니다.

플러그인 검색 했을시 가장먼저 나오는 플러그인 smash ballon social photo feed

 

별 5개에 백만명 이상의 사용자가 이 플러그인을 사용하고 있을정도로 인스타그램 플러그인 중 에서는 최고 인기 플러그인입니다. 처음 플러그인을 설치하면 꽤나 복잡한 과정이라고 생각할 수 도 있는 여러가지 과정이 있습니다.

 

 

 

내 인스타계정 추가하기

 

 

우선 처음으로 Setting 에 들어가서 Add Source 에 본인 인스타계정을 추가합니다. 추가가 완료되면 오른쪽에 본인 인스타그램이 연결되어 있는것을 보실수 있습니다. 연결하실때는 PC에 인스타그램을 미리 로그인 해놓으시는걸 추천합니다. 그럼 자동으로 알아서 연결이 되어서 쉽게 연동하실 수 있을겁니다.

 

 

 

 

연동이 완료되면 oEmbeds 라는 메뉴에 들어가서 Enable 을 눌러주면 연동이 완료가 됩니다. 위에 보이는 disable 빨간색은 이미 enable 을 눌러서 연동이 완료되었기 때문에 빨간색으로 Disable 로 표시가 된겁니다. 빨간색으로 만드시면 됩니다.

 

 

 

 

그리고 메뉴중 All Feeds 로  가보면 내 인스타그램이 연동되어 있는게 나옵니다. 맨 오른쪽 연필 버튼이 수정버튼인데, 인스타 사진들이 어떻게 표시될지 결정하는 Layout 설정메뉴 입니다. 그럼 아래 사진처럼 설정하는 메뉴가 나옵니다.

무료버전은 레이아웃 중 Grid 기능만 가능합니다. 나머지는 다 유료라서, 우선 Grid 로만 설정해 놓아도 충분히 인스타그램의 느낌을 내는 사이트 레이아웃이 가능하니, 굳이 유료는 쓰지않아도 될것같습니다.

 

 

 

레이아웃설정메뉴

Number of Posts: 데스트탑에서는 몇개의 사진을 나열할것인지, 모바일에서는 몇개로 할것인지 지정할 수 있습니다. 여러개 숫자를 고치면서 실시간으로 화면을 보면서 나열하다보니 가장 이상적인 세팅인 Desktop 12, Mobile 6개의 포스팅을 나열하는게 제일 이상적이더군요.

 

Columns: 컬럼은 한줄에 몇개의 사진을 나열할것인지 지정하는겁니다. 좀더 넓은화면인 데스크톱은 6개, 모바일은 2개, 테블릿도 2개정도가 가장 이쁘게 보여집니다.

 

처음 세팅만 잘 해놓고, 인스타그램의 컨탠츠만 신경써서 올려준다면 워드프레스 사이트에는 자동으로 업데이트가 되니, 안심하고 써도 될것같은 좋은 플러그인 입니다. 그래서 백만명의 유저가 사용하고 있나봅니다.