귀하의 웹 사이트에서 특정 Instagram 사진 또는 비디오 게시물을 공유하고 싶었던 적이 있습니까?) 그런 다음 절망적으로 사진을 컴퓨터에 저장하고 사이트에 업로드하려고 시도 했습니까?
Instagram에는 웹 사이트 나 블로그의 HTML에 쉽게 사진이나 비디오를 삽입하는 데 사용할 수있는 embed 기능이 있으며 웹 디자이너가 아니어도이를 수행하는 방법을 알 수 있습니다.
Instagram 포스트를 웹 페이지에 직접 삽입하는 이점은 웹 사이트 방문자가 Instagram에있는 것처럼 포스트와 상호 작용할 수 있다는 것입니다. 그들은 그것을 클릭하여 게시 페이지 나 사용자 프로필로 이동할 수 있으며, Instagram 사용자라면 이미 알 수 있습니다.
웹 사이트에 몇 분 안에 Instagram 사진이나 비디오를 쉽게 삽입 할 수있는 방법을 확인하려면 다음 단계를 클릭하십시오.
01 / 06퍼가려는 Instagram 사진이나 비디오 페이지 찾기
우선 우선 : 모바일 앱이 아닌 웹에서 Instagram에 액세스해야합니다.
앱에서 찾은 소식을 퍼갈 필요가있는 경우 3 도트 게시물의 오른쪽 상단 모서리에 표시되는 복사 링크 옵션을 복사하여 웹 어딘가에 붙여 넣어 메뉴에 표시합니다.
예를 들어 전자 메일 메시지에 붙여 넣은 다음 자신에게 보내어 데스크탑 컴퓨터에서 해당 게시물에 대한 링크를 열 수 있습니다.
웹 브라우저에서 Instagram Post 열기
이 예에서는 공식 Lifewire Instagram 계정의 사진 포스트를 사용 하겠지만, 원하는 Instagram 포스트를 사용할 수 있습니다.
게시물의 URL이 이미있는 경우 해당 URL을 클릭하거나 복사하여 웹 브라우저에 붙여 넣으십시오. Instagram 게시물의 URL은 다음과 같습니다. instagram.com/p/xxxxxxxxxx/ .
그러나 이미 Instagram.com (웹상, 앱이 아닌 것을 기억하십시오)에서 가정 피드, 프로필, 태그 또는 탐색 페이지를 탐색하는 경우 게시 페이지를 열지 않아도됩니다. 그것을 웹 페이지에 삽입하십시오.
03 / 06오른쪽 하단 모서리에있는 3 개의 점을 클릭하십시오.
마우스 오른쪽 버튼을 클릭하고 "다른 이름으로 저장"을 선택하거나 이미지의 스크린 샷을 찍는 대신, 단순히 3 도트 이미지 상자의 오른쪽 하단 모서리에 페이지, 팝업 또는 자체 게시물 페이지의 팝업으로 표시되는지 여부를 나타냅니다.
그 3 개의 회색 점을 클릭하면 몇 가지 옵션이 나타납니다. 클릭 깊숙이 박다.
04 / 06소스 코드 복사
화면 중간에 상자에 코드 문자열과 파란색 버튼이 표시됩니다. 캡션을 포함시켜 웹 페이지에 표시하려는 경우 캡션 상자 포함 선택을 취소했지만 사진이나 비디오 만 표시하려면 선택을 취소하면됩니다.
사이트에 사진이나 비디오를 올바르게 임베드하기 위해 코드의 작동 방식이나 의미를 알 필요가 없습니다. 파란색을 클릭하기 만하면됩니다.소스 코드 복사 버튼 자동으로 전체 코드 문자열을 복사합니다.
Instagram 페이지가 완성되었습니다. 그런 다음 게시물을 표시 할 웹 사이트 또는 블로그로 이동할 수 있습니다.
05/06웹 사이트의 HTML에 Instagram Embed Code 붙여 넣기
사용중인 웹 사이트 또는 블로깅 플랫폼의 관리 영역 또는 대시 보드에 액세스하여 코드를 삽입 할 적절한 영역을 찾습니다.
예를 들어 사이트가 WordPress에서 실행되는 경우 편집 가능한 게시물이나 페이지에 액세스하면됩니다. 텍스트 모드 (비주얼 모드가 아닌) 마우스 오른쪽 버튼으로 클릭 편집기에서 풀 복사 된 소스 코드를 상자에 넣으십시오.
저장하고 원하는 경우 가운데 놓고 게시하십시오.
06 년 6 월페이지 및 임베디드 Instagram 사진보기
출판 된 페이지를 온라인으로 보시고 바로 Instagram의 새로운 사진이나 비디오를 바로 볼 수 있습니다.
상단의 Instagram 사용자 이름에 대한 링크뿐만 아니라 그 아래에있는 좋아요 및 댓글 수와 함께 사진을 볼 수 있어야합니다.
사진 대신 비디오 인 경우 웹 사이트 방문자는 사이트에서 바로 비디오를 재생할 수 있습니다.
물론 사이트에 아무것도 표시되지 않으면 코드를 잘못된 위치에 붙여 넣었거나 전체 코드 문자열을 복사하지 않았을 수 있습니다. 문제가 발생하면 위대한 HTML WordPress 도움말을 참조하십시오.
