개인적으로는 어렵게 웹사이트/쇼핑몰로 가져온 유입을 다시 소셜에 빼앗기는 것이 싫어 소셜 피드를 선호하지 않습니다. 그러나 웹사이트의 컨텐츠가 부족하거나 인플러언셔급 SNS가 있는 경우에는 이를 적극 활용하는 것이 유입 이탈률보다 웹사이트나 쇼핑몰의 권위(또는 명성)을 올릴 수 있어 소셜 피드를 알아보았습니다.

인스타그램 피드를 워드프레스 프론트페이지에 추가하기 위한 몇 가지 좋은 플러그인들

인스타그램 피드를 워드프레스 프론트페이지에 추가하기 위한 몇 가지 좋은 플러그인들이 있습니다:

1. Smash Balloon Social Photo Feed – 가장 인기 있는 인스타그램 플러그인 중 하나로, 다양한 디자인 옵션과 쉬운 설정을 제공합니다.
2. Instagram Feed Gallery – 반응형 디자인으로 다양한 레이아웃 옵션을 제공합니다.
3. Spotlight – Social Photo Feeds – 인스타그램 피드를 쇼케이스하는 맞춤형 방법을 제공합니다.
4. Elfsight Instagram Feed – 시각적으로 매력적인 인스타그램 갤러리 생성에 좋습니다.
5. 10Web Instagram Feed – 다양한 커스터마이징 옵션이 있는 플러그인입니다.

이 중에서 Smash Balloon Social Photo Feed 플러그인이 가장 널리 사용되고 있으며, 사용자가 1,000,000명 이상이고 평가가 좋습니다. 무료 버전과 프리미엄 버전이 있으며, 필요에 따라 선택할 수 있습니다.

플러그인 설치 후 대부분의 경우 인스타그램 API 연결 설정이 필요합니다.

Smash Balloon Social Photo Feed (스매시 벌룬 소셜 사진 피드) – 간편한 소셜 피드 플러그인

작성자: Syed Balkhi

스매시 벌룬 소셜 사진 피드 – 간편한 소셜 피드 플러그인

• 버전: 6.8.0최근
• 업데이트 : 1개월 전
• 활성화된 설치: 1+ 백만 이상
• 워드프레스 버전 : 4.1 또는 그 이상
• 다음까지 시험됨 : 6.7.2
• PHP 버전 : 5.6 또는 그 이상

스매시 벌룬 소셜 사진 피드가 필요한 7가지 이유

1. 소셜 참여도 높이기 – 나와 인스타그램 팔로워 간의 참여도 높이기
2. 시간 절약 – 웹사이트에 인스타그램 사진을 자동으로 표시합니다.
3. 나만의 방식으로 콘텐츠 표시 – 사이트와 매끄럽게 어우러지도록 피드를 사용자 지정합니다.
4. 사이트를 최신 상태로 유지 – 새로운 Instagram 콘텐츠를 자동으로 사이트에 푸시합니다.
5. 초간단 설정 – 개발자 계정 없이 30초 만에 시작하기
6. 인스타그램 임베드 기능 – 사이트 전체에서 작동하는 인스타그램 임베드를 유지합니다.
7. 전문 피드 테마 – 기성품 테마를 사용하여 빠르고 아름다운 디스플레이를 제공합니다.

무료 기능

• 새로운 기능! 로딩 시간 단축을 위한 로컬 WebP 이미지 형식 지원
• 오임베드 지원 인스타그램 오임베드를 자동으로 지원합니다.
• 설정이 간단합니다: 번거로움 없이 몇 초 만에 시작하세요.
• 여러 계정 표시하기: 여러 인스타그램 계정의 사진을 하나의 통합 피드에 표시하거나 개별 피드로 분리하여 표시합니다.
• 어디서나 여러 피드: 같은 페이지에 원하는 만큼 피드를 추가하거나 사이트의 여러 페이지에 분산하여 추가할 수 있습니다.
• 반응형 및 모바일 지원: 피드는 모든 화면 크기, 모든 디바이스, 모든 컨테이너 너비에서 멋지게 보입니다.
• 완전히 사용자 지정 가능한 피드: 너비, 높이, 사진 수, 열 수, 이미지 크기, 배경색, 이미지 간격 등을 조정할 수 있습니다.
• 시각적 커스터마이저: 클릭 몇 번으로 피드 레이아웃, 색 구성표, 헤더 스타일, 글 설정, 라이트박스 등을 사용자 지정할 수 있습니다.
• 사진 표시 옵션: 피드에서 바로 썸네일, 중간 크기 또는 전체 크기 사진을 표시하도록 선택합니다.
• 아름다운 피드 헤더: 눈에 띄는 헤더를 추가하여 피드를 멋지게 마무리하세요.
• “Instagram에서 팔로우” 버튼: 피드 하단에 “Instagram에서 팔로우” 버튼을 추가하여 팔로워를 늘릴 수 있습니다.
• 유연한 사진 순서: 인스타그램 사진을 시간순으로 표시하거나 임의 배열로 섞어서 표시할 수 있습니다.
• 무한 스크롤: 편리한 “더 로드” 버튼으로 더 많은 Instagram 사진을 로드하여 방문자의 참여를 유지하세요.
• 내장 블록: 편리한 블록 편집기용 블록으로 글과 페이지에 피드를 쉽게 추가할 수 있습니다.
• 인스타그램 위젯: 사이트의 사이드바, 바닥글 등 위젯을 사용할 수 있는 영역에 몇 초 만에 임베드할 수 있습니다.
• GDPR 준수: 인기 있는 여러 GDPR 쿠키 동의 플러그인과 자동으로 통합되며, 원클릭으로 간편하게 GDPR을 설정할 수 있는 기능이 포함되어 있습니다.
• 모든 사용자를 위한 설계: 초보자와 고급 사용자 모두에게 적합합니다.
• 고급 사용자 지정: 고급 사용자 지정을 위해 사용자 지정 CSS 및 JavaScript를 추가합니다.
• 페이지 빌더 호환성: Elementor, Divi, 비버 빌더 및 기타 인기 페이지 빌더와 완벽하게 호환됩니다.

사용법

Embed Instagram Posts in WordPress for Free! Smash Balloon Social Photo Feed Plugin Overview(3:03)

플러그인 설치

설치를 하고 나면

설치한 플러그인 목록에는 ‘스매시 벌룬 인스타그램 피드‘과 같이 한글로 표시됩니다.

아래와 같이 워드프레스 관리자 페이지에서 아래와 같은 메뉴가 표시됩니다.

설정

[소스 관리]를 선택하여 인스타그램과 연결합니다.

인스타그램 소스가 추가되었습니다.(인스타그램과 연결되었습니다.)

최초 설치시 API연결은 필요 없습니다.

워드프레스 인스타그램(Instagram) 피드 플러그인 에 따르면 아래와 같은 메세지가 나와도 [설정]으로 이동하시면 됩니다.

최근의 Instagram API 변경으로 인해 기존 사용자는 (2016년 6월 1일 이후에도 계속 사용하려면) 새로운 Access Token을 저장해야 한다고 합니다. 처음으로 이 플러그인을 설치하는 경우 위의 Important 공지를 무시하고 설정 페이지로 이동하면 됩니다. 그림에서 Settings page(설정 페이지) 링크를 클릭하면 설정 페이지가 표시됩니다.

모든 피드

신규 피드 추가도 여기서 하게 됩니다.

순서는 아래와 같스빈다.

• 1. 피드 만들기 : 인스타그램 계정을 연결하고 피드 유형 선택

• 2. 피드 유형 사용자 정의하기 : 레이아웃, 색 구성표, 스타일 등을 선택하세요.

• 3. 피드 퍼가기 : 웹사이트 어디에서나 손쉽게 피드 추가

피드 생성 후에는 숏코드를 페이지 또는 위젯에 추가하시면 됩니다.

betheme에서는 클래식 편집기에 해당하는 ‘Column text’를 요소로 넣어주고 숏코드를 추가하시면 됩니다.

피드 편집

사용자 정의와 설정에서 피드를 편집할 수 있으나 유료(Basic ^$49/year 이상)을 이용하지 않으면 색상 외에는 변경할 수 있는 것이 매우 적다는 것이 단점입니다.

사용자 정의

피드 레이아웃
색 구성표
섹션

• 헤더
• 게시물
• 더 보기 버튼 로드
• 팔로우 버튼
• 라이트박스 : PRO만 가능함.

설정

---

참고자료 : 1. 워드프레스 인스타그램(Instagram) 피드 플러그인