01 / 06
Instagram 사진이나 비디오를 웹 사이트에 삽입하기
웹 사이트에서 특정 Instagram 사진 (또는 그 중 몇 개)을 공유하고 싶었지만 사진을 컴퓨터에 저장하고 사이트에 업로드해야한다는 좌절감이 있었습니까?
이제 Instagram에는 웹 사이트 또는 블로그의 HTML에 사진이나 비디오를 쉽게 삽입 할 수있는 임베드 기능이 있으며 웹 디자이너가 아니어도이를 수행하는 방법을 찾아 낼 수 있습니다.
웹 사이트에 몇 분 안에 Instagram 사진이나 비디오를 쉽게 삽입 할 수있는 방법을 확인하려면 다음 단계를 클릭하십시오.
02 of 06
퍼가려는 Instagram 사진이나 비디오 페이지 찾기
Instagram 사진이나 비디오를 올바르게 임베딩하는 첫 번째 단계는 웹 사이트에 보여줄 공식 Instagram 사진 / 비디오 페이지에 액세스하는 것입니다. 즉, URL 은 instagram.com/p/xxxxxxxxxx/ 와 같아야합니다.
이 예에서는 공식 About.com Instagram 계정에서 가져온 사진을 사용 하겠지만 원하는 Instagram 사진 (또는 비디오)을 사용할 수 있습니다.
마우스 오른쪽 버튼을 클릭하고 "다른 이름으로 저장"을 선택하거나 이미지의 스크린 샷을 찍는 대신 이미지 상자의 오른쪽 하단 모서리에있는 설명과 설명 아래에있는 작은 회색 점 3 개를 찾으십시오.
03 / 06
'Embed'옵션 선택
세 개의 작은 회색 점을 클릭하면 두 개의 옵션이 나타납니다. 하나는 '부적절한 신고'이고 다른 하나는 '퍼가기'입니다.
'퍼가기'를 클릭하십시오.
04 / 06
소스 코드 복사
'퍼가기'를 클릭하면 화면 중간에 코드 문자열이 표시된 상자가 나타납니다.
사진이나 비디오를 사이트에 올바르게 삽입하기 위해 해당 코드가 작동하는 방식이나 의미를 알 필요가 없습니다.
초록색 "코드 삽입 복사"버튼을 클릭하면 전체 코드 문자열이 자동으로 복사됩니다.
Instagram 페이지가 완성되었습니다.
그런 다음 웹 사이트 또는 블로그로 이동할 수 있습니다.
05/06
웹 사이트의 HTML에 Instagram Embed Code 붙여 넣기
사용중인 웹 사이트 또는 블로깅 플랫폼의 관리 영역 또는 대시 보드에 액세스하여 코드를 삽입 할 적절한 영역을 찾습니다.
예를 들어 사이트가 WordPress 에서 실행되는 경우 편집 가능한 게시물이나 페이지에 '텍스트'모드 (비주얼 모드가 아닌)에 액세스하고 편집기에서 마우스 오른쪽 버튼을 클릭 한 다음 '붙여 넣기'를 선택하여 복사 된 소스 코드를 상자.
저장하고 원하는 경우 가운데 놓고 게시하십시오.
06 년 6 월
페이지 및 임베디드 Instagram 사진보기
출판 된 페이지를 온라인으로 보시고 바로 Instagram의 새로운 사진이나 비디오를 바로 볼 수 있습니다.
상단의 Instagram 사용자 이름에 대한 링크뿐만 아니라 그 아래에있는 좋아요 및 댓글 수와 함께 사진을 볼 수 있어야합니다.
사진 대신 비디오 인 경우 웹 사이트 방문자는 사이트에서 바로 비디오를 재생할 수 있습니다.
물론 사이트에 아무것도 표시되지 않으면 코드를 잘못된 위치에 붙여 넣었거나 전체 코드 문자열을 복사하지 않았을 수 있습니다.
문제가 발생하면 위대한 HTML WordPress 도움말을 참조하십시오 .