Instagram 계정에서 자동으로 업데이트되는 최신 글 그리드를 표시하려면 최신 Instagram 글 블록을 사용하세요. 이 가이드에서는 최신 Instagram 글의 피드를 사이트에 추가하는 방법을 배웁니다.
비즈니스 계정이나 크리에이터 계정과 같은 프로페셔널 Instagram 계정이 있다면, 웹사이트에 Instagram 글 피드를 표시할 수 있습니다. Instagram 프로페셔널 계정을 무료로 이용할 수 있습니다. 새로운 프로페셔널 Instagram 계정을 생성하거나 기존 개인 Instagram 계정을 프로페셔널 계정으로 변환할 수 있습니다.
워드프레스닷컴 계정을 Instagram에 처음 연결하면 개인 Instagram을 프로페셔널 계정으로 변환할지, 아니면 생성한 프로페셔널 계정을 선택할지 묻는 메시지가 표시됩니다.
최신 Instagram 글의 피드를 표시하려면 최신 Instagram 글 블록을 추가하는 것이 첫 번째 단계입니다.
최신 Instagram 글 블록을 추가하려면 다음 단계를 따르세요.
- 워드프레스닷컴 사이트의 페이지, 글, 템플릿을 편집합니다.
- +블록 삽입기(더하기 아이콘)를 클릭하고 “Instagram”를 검색합니다.
- “최신 Instagram 글” 아이콘을 클릭하여 최신 Instagram 글 블록을 삽입합니다.
블록 추가에 대한 자세한 안내는 여기에서 확인하세요.
처음으로 최신 Instagram 글 블록을 추가하면 Instagram 계정을 연결하라는 메시지가 표시됩니다. 플러그인이 활성화된 사이트가 있는 경우 사이트의 프라이버시 설정이 비공개가 아닌 공개 또는 공개 예정 모드로 설정되어 있어야 합니다.
사이트를 Instagram에 연결하려면 다음 단계를 따르세요.
- “Instagram에 연결” 아이콘을 클릭하여 최신 Instagram 글 블록을 삽입합니다.
- 팝업 창에서 “허용” 버튼을 클릭하여 연결을 승인합니다.
- Instagram 창이 닫히고 워드프레스 편집기에 최신 Instagram 글 피드가 표시됩니다.
이때 Instagram의 협업 컬렉션(대화에 공유된 글)은 포함되지 않습니다.
표시할 글의 수 및 모바일 장치에 표시되는 방법을 포함하여 최신 Instagram 글 블록 설정을 변경할 수 있습니다.
Instagram 피드 표시를 사용자 정의하려면 다음 단계를 따르세요.
- 최신 Instagram 글 블록을 클릭하여 선택합니다.
- 블록 설정 사이드바를 엽니다.
- 계정 설정 및 디스플레이 설정을 사용자 정의합니다.
사용자 정의 옵션에는 다음이 포함됩니다.
계정 설정: 연결된 Instagram 계정을 봅니다. 계정을 제거하거나 다른 계정에 연결하려면 해당 계정의 연결을 해제합니다.
표시 설정: 표시되는 Instagram 글 수, 사용되는 열 수 및 Instagram 그리드에서 각 글을 구분하는 공간(픽셀 단위로 계산)을 조정합니다.
모바일에서 스택: 모바일에서 스택을 활성화하면 왼쪽 콘텐츠가 오른쪽 콘텐츠 위에 표시됩니다(데스크톱 화면처럼 나란히 표시되지 않음). 따라서 모바일 방문자의 환경이 개선됩니다.
고급: 고급 탭에서는 블록에 CSS 클래스를 추가하여 사용자 정의 CSS를 작성하고 블록 스타일을 지정할 수 있습니다. 블록에 CSS 클래스를 추가하는 방법에 대해 자세히 알아보세요.
정렬 및 너비: 블록 선택 시 표시되는 블록 툴바 도구 모음에는 테마에서 지원되는 경우 넓은 폭 또는 전체 폭을 사용하는 것 외에도 블록을 왼쪽, 가운데 또는 오른쪽으로 정렬하는 옵션이 포함되어 있습니다.
최대 2개의 Instagram 계정을 연결하여 2개의 최신 Instagram 글 블록(즉 한 블록 당 1개 계정)을 사용할 수 있습니다. 이 프로세스에는 두 개의 별도 Instagram 로그인이 필요합니다. 같은 로그인을 사용하여 여러 Instagram 계정을 관리하면 작동하지 않습니다.
첫 번째 Instagram 계정을 사이트에 연결한 뒤 다음 단계에 따라 두 번째 계정을 연결합니다.
- 새 브라우저 탭에서 instagram.com으로 이동하여 첫 번째 Instagram 계정에서 로그아웃합니다.
- 두 번째 Instagram 계정에 로그인합니다.
- 다음 링크를 클릭하여 사이트의 마케팅 연결 페이지로 이동합니다.
- 연결된 Instagram 계정 옆의 아래 방향 화살표를 클릭합니다.
- Instagram 아래에서 “다른 계정 연결” 옵션을 선택합니다.
- 연결되면 두 개의 최신 Instagram 글 블록을 사용할 수 있습니다.
사이트의 마케팅 연결 페이지에서 Instagram 연결을 관리할 수도 있습니다.
Instagram 계정을 워드프레스닷컴 사이트에 연결 해제하거나 다시 연결하려면 다음 단계를 따르세요.
- 다음 링크를 클릭하여 사이트의 마케팅 연결 페이지로 이동합니다.
- 연결된 Instagram 계정 옆의 아래 방향 화살표를 클릭합니다.
- 연결 해제 버튼을 클릭하고 계정 연결을 해제할지 확인합니다.
그런 다음 마케팅 연결 페이지에서 Instagram 옆에 있는 연결을 클릭하여 Instagram 계정을 다시 연결하거나 다른 계정을 연결할 수 있습니다.
지원 