냐울당 햄버거 메뉴

목차

    반응형

    아임 웹에서 자신의 인스타그램 피드를 연동할 수 있다는 사실 알고 계신가요?

    홈페이지에 손쉽게 인스타그램을 연동해서 홍보할 수 있습니다.

     

    imweb 인스타그램 연동

    잠깐!! 

    디자인 모드에 미리 접속해주시는 것 잊지 말아 주세요~!

     

    디자인 모드 접속 방법


    1. 갤러리 추가

    위젯 추가 버튼

    위젯 추가

    먼저 불필요한 위젯들을 삭제해줍니다. [위젯에서 오른쪽 클릭]으로 위젯을 삭제할 수 있습니다.

    그리고 빈 공간에 마우스를 올렸을 때 [+버튼]이 보이면 클릭합니다.

     

    -

     

    갤러리 위젯

    갤러리 위젯 추가

    아임 웹에서 제공하는 다양한 위젯들이 나오는데 여기서 DB 요소 안에 있는 [갤러리 위젯]을 추가합니다.

     

     

    -

     


    2. 인스타그램 연동

    갤러리 설정

    갤러리 설정

    갤러리 위젯을 추가하면 에릭 요한슨의 사진 작품이 샘플 사진으로 나오는데 멋있으니 잠깐 감상을 해주고 [오른쪽 클릭 > 갤러리 설정] 메뉴를 열어주세요.

     

    -

     

    갤러리 연동인스타 계정에서 가져오기

    인스타그램 연동

    갤러리 설정 아래쪽을 보시면 갤러리 연동이라는 부분이 있습니다. 

    갤러리를 선택할 수 있는데 맨 아래쪽에 인스타 계정에서 가져오기 항목을 선택합니다.

     

    -

     

    인스타그램 연동하기

    표시된 두 버튼 중 아무 곳이나 클릭해 자신의 인스타그램 계정을 연동합니다.

     

    -

     

    인스타그램 정보 공유 허용

    인스타그램 연동 허용

    연동되는 사항을 잘 읽어보시고 허용을 누릅니다.


    3. 갤러리 디자인 설정

    갤러리 디자인 탭

    다른 디자인

    인스타그램 연동 이후 다시 갤러리 설정에 들어옵니다.갤러리 설정 옆에 디자인 탭을 눌러 원하는 모양으로 디자인을 선택합니다. 

     

    전체적인 그리드를 수정하고 싶다면 다른 디자인 버튼을 눌러 원하는 그리드를 골라줍니다.

     

    -

     

    리스트

    이미지 비율

    처음에는 이미지 비율이 4:3으로 되어있을 겁니다. 인스타그램은 비율이 정사각이 더 잘 어울리니 1:1로 설정합니다.

    이건 개인 취향의 문제이니 원하시는 비율로 하셔도 괜찮습니다.

     

    나머지는 인스타그램이 연동된 갤러리를 보시면서 마음에 들게 수정해주시면 됩니다.

     

     

    인스타그램 연동이된 갤러리 이미지

    연동이 완료된 갤러리 이미지를 보여드리면서 마무리하겠습니다.


    이상으로 아임 웹에서 인스타그램 연동하는 방법을 알아보았습니다.

    도움이 되셨다면 공감과 댓글, 구독을 부탁드립니다.

     

     

    [같이 보면 좋은 포스팅]

    [Design/web] - 아이콘 무료로 사용하기 - 아임 웹

     

    아이콘 무료로 사용하기 - 아임 웹

    아임 웹에서는 아이콘을 무료로 사용할 수 있는 사이트와 연동이 되어서 다양한 아이콘을 무료로 사용할 수 있습니다. 1. 아이콘 무료로 사용하기 버튼 설정 SNS의 아이콘을 수정해보려고 합니다

    ssimplay.tistory.com

    [Design/web] - 개인 웹 사이트 만들기 아임웹 - 텍스트 위젯 이미지 넣기

     

    개인 웹 사이트 만들기 아임웹 - 텍스트 위젯 이미지 넣기

    개인 웹 사이트를 무료로 만들 수 있는 사이트 아임 웹에서 개인 웹 사이트 제작 방법을 하나하나 쪼개서 설명드립니다. 오늘은 텍스트 위젯에 이미지를 넣는 방법을 알아볼게요. 1. 텍스트 위젯

    ssimplay.tistory.com

     

    그럼 이만.

    총총.

    반응형
    댓글
    위쪽 화살표
    도움이 되었다면 공감(하트)과 댓글을 부탁드려요.
    로딩바