냐울당 햄버거 메뉴

목차

    반응형

    아임 웹에서는 아이콘을 무료로 사용할 수 있는 사이트와 연동이 되어서

    다양한 아이콘을 무료로 사용할 수 있습니다.

     

    imweb 아이콘 무료 사용


    1. 아이콘 무료로 사용하기

    버튼 설정 메뉴

    버튼 설정

    SNS의 아이콘을 수정해보려고 합니다. 

    SNS 아이콘이 있는 버튼 위젯에서 [오른쪽 클릭  > 버튼 설정] 메뉴를 선택합니다.

     

    *디자인 모드로 들어가는 방법은 생략하겠습니다. 방법이 궁금하시다면 아래 포스팅을 참고해주세요.

     

    ▼ 아임웹 디자인 모드 들어가는 방법

    [Design/web] - 아임웹 홈페이지 제작 - 메뉴 이름 바꾸기

     

    아임웹 홈페이지 제작 - 메뉴 이름 바꾸기

    비전문가도 아임웹 같은 사이트를 이용해 손쉽게 홈페이지를 만들 수 있습니다. 홈페이지 제작의 뼈대 메뉴를 만들어보겠습니다. 1. 디자인모드 https://imweb.me/ 아임웹 스스로 만드는 반응형웹,

    ssimplay.tistory.com

     

    -

     

    버튼 설정 창

    아이콘

    페이스북 아이콘을 바꿔보겠습니다. 중간에 있는 [버튼] 섹션에서 아이콘을 선택해주세요.

    아이콘 무료 사이트와 연동되어있어 손쉽게 아이콘을 사용할 수 있습니다.

     

    -

     

    아이콘 찾기

    아이콘 찾기

    여러 아이콘 무료 사이트와 연동된 아이콘들을 골라서 사용할 수 있습니다.

    왼쪽 위를 보시면 종류를 선택해서 볼 수 있는데 가장 아래로 내리면 [소셜/브랜드] 메뉴가 있습니다.

    소셜/브랜드 메뉴에서는 다양한 SNS 아이콘들을 무료로 사용할 수 있습니다. 

     

    아래에서 세번째줄에 있는 티스토리 아이콘으로 바꿔보겠습니다.

    이때 다른 아이콘들과 통일감을 잘 맞춰주는 것이 좋습니다.

     


    2. 버튼 편집

    통일감이 있는 아이콘

    아이콘의 통일감

    검은색으로 그려진 아이콘들로만 맞춰 통일감을 주었습니다.

    라인이 아닌 안쪽으로 채워져있고 배경색은 없는 아이콘입니다. 

    인스타그램은 로고 자체가 라인이라 예외로 둡니다.

     

    -

     

    아이콘 이동

    아이콘 이동

    아이콘을 드래그해서 원하는 위치로 잡아끌면 아이콘을 이동할 수 있습니다.

     

     

     

    -

     

    버튼 추가 및 삭제

    왼쪽 위 [버튼 추가]를 누르시면 버튼을 추가할 수 있습니다.

    아이콘 위에 마우스를 올리면 오른쪽 위에 X 버튼이 생기는데 클릭하시면 버튼을 삭제할 수 있습니다.


    3. 다른 페이지에 복사 

    위젯 복사

    위젯 복사

    아이콘을 무료로 바꿔주고, 링크도 넣어 주고, 순서도 수정하셨다면 

    위젯 위에 마우스를 올리고 [오른쪽 클릭 > 위젯 복사]를 눌러 다른 페이지에도 버튼 위젯을 넣어줍니다.

     

    모든 페이지에 동일하게 들어가야하는 아이템이어서 그런 것이기 때문에다른 페이지에는 들어가지 않는다면 이 과정은 넘어가셔도 좋습니다.

     

    -

     

    위젯 붙여넣기

    위젯 붙여 넣기

    다른 페이지로 와 복사한 위젯을 붙여 넣기 해줍니다.

    [오른쪽 클릭 > 위젯 붙여 넣기]를 해주시면 됩니다.

     

    -

     

    위젯 이동

    위젯 옮기기

    드래그를 이용해 위젯의 위치를 잡아줍니다.

    원하는 위치에 검은색 바가 나오면 마우스에서 손가락을 떼주세요.

     

    -

     

    아임웹 문의 답변 내용

    다른 페이지도 작업

    아임 웹에 문의해본 결과 이 과정을 한 번에 해결해주는 기능은 아직 없다고 합니다.

    모든 페이지에 동일한 위젯이 들어가길 원한다면 페이지마다 복사 붙여 넣기를 반복해주시면 됩니다.

     


    이상으로 아임 웹에서 아이콘을 무료로 사용하는 방법을 알아보았습니다.

     

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

     

     

    [같이 보면 좋은 포스팅]

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

     

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

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

    ssimplay.tistory.com

    [Design/web] - 무료 홈페이지 제작 아임웹

     

    무료 홈페이지 제작 아임웹

    아임웹에서 무료로 홈페이지 개설을 해보겠습니다. 1. 아임웹 사이트 개설 https://imweb.me/ 아임웹 스스로 만드는 반응형웹, 쇼핑몰 모바일까지 알아서 imweb.me 아임웹은 쇼핑몰, 개인 홈페이지, 예

    ssimplay.tistory.com

     

    그럼 이만.

    총총.

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