기본 Instagram 갤러리 외에도 Snapwidget을 사용하여 Instagram 이미지를 전용 갤러리에 추가하지 않고도 페이지와 블로그 게시물에 삽입할 수 있습니다.
Snapwidget을 추가하려면 다음 단계를 따르세요.
- 가입하기 스냅위젯. 로그인하면 서비스를 선택하라는 화면이 표시됩니다.
- 온 클릭 서비스 선택 (1) 버튼.
- 이렇게 하면 Instagram, Facebook 및 Twitter 중에서 선택할 수 있는 세 가지 옵션(2)이 표시됩니다.
- 를 클릭하십시오 인스타그램 원하는 레이아웃을 선택해야 하는 섹션까지 아래로 스크롤합니다.
- 웹사이트에 표시하려는 레이아웃을 선택합니다. 이제 위젯을 구성하는 옵션이 표시됩니다. 를 클릭하십시오 위젯 구성 버튼을 클릭합니다.
- 위젯의 설명과 모양을 편집할 수 있는 화면으로 이동합니다.
- ID / Username – Instagram 사용자 이름을 추가하려면 여기를 클릭하십시오. Instagram으로 로그인하라는 팝업이 표시됩니다(아직 로그인하지 않은 경우). 를 클릭하십시오 인스타그램으로 로그인 버튼을 클릭합니다.
그러면 인증 권한을 요청하는 팝업 창이 표시됩니다. 를 클릭하십시오 권한 부여 버튼을 클릭합니다. - 상품 설명 – 여기에 Instagram 피드에 대한 설명을 입력합니다.
- 썸네일 크기 – 여기에서 이미지 섬네일의 크기를 지정합니다.
- 레이아웃 – 표시할 열과 행의 수를 지정합니다.
- 위젯 받기 –를 클릭하십시오 위젯 받기 임베드 코드를 가져오려면 버튼을 누르세요. 그러면 코드를 보여주는 팝업 창이 나타납니다. 를 클릭하십시오 클립 보드에 복사 버튼을 눌러 전체 포함 코드를 복사합니다.
- 업데이트 미리보기 – 변경 사항을 업데이트하려면 여기를 클릭하십시오.
복사한 코드를 Pixpa Studio에 포함
임베드 코드를 복사했으므로 이제 페이지나 블로그 게시물에 붙여넣을 수 있습니다.
페이지에 추가
- Embed 코드를 모든 항목에 추가할 수 있습니다. 페이지 사용자 정의 코드 조각의 도움으로.
- 방법을 참조하십시오 사용자 지정 코드 스니펫을 사용하여 코드를 삽입합니다.
블로그 게시물에 추가
- 로 이동 블로그 게시물 편집 페이지 임베드 코드를 추가할 게시물을 편집합니다.
- 그런 다음 텍스트 편집기 위에 있는 '<>' 아이콘을 클릭합니다.
- 이렇게 하면 블로그 게시물의 콘텐츠에 대한 코드가 표시됩니다.
- Instagram 피드를 표시하려는 위치에 포함 코드를 붙여넣을 수 있습니다. 이 예에서는 게시물 아래에 임베드 코드를 추가했습니다.
- 변경 사항을 저장하십시오.
