홈페이지 무료 제작 가능 사이트 아임웹!
오늘은 버튼을 만들어보겠습니다.
디자인 모드에 접속해주시는 것 잊지 말아 주세요~!
1. 버튼 만들기
추가 아이콘
아임웹은 홈페이지 무료 제작 사이트인만큼
직관적인 제작 툴을 제공합니다.
Wallpaper와 Best 사이에 버튼을 만들고 싶을 때
마우스를 사이에 가져다 대면 + 모양 동그라미 아이콘이 나옵니다.
+ 모양이니 당연히 추가 아이콘이겠죠? 클릭합니다.
-
버튼 만들기
추가할 수 있는 요소들을 디자인 요소와 DB요소로 나누어 보여줍니다.
버튼을 만들 것이기 때문에
디자인 요소중 버튼을 선택합니다.
홈페이지를 무료로 제작할 수 있지만
그렇다고 기능이 절대 떨어지지 않아요.
-
2. 버튼 설정
버튼 설정
버튼의 기본 디자인은
템플릿에 기본으로 설정된 대표 디자인입니다.홈페이지의 통일성을 위해 디자인은 그대로 두겠습니다.
버튼을 구체적으로 조정해주려면[오른쪽 클릭 > 버튼 설정] 메뉴를 클릭합니다.
-
버튼 텍스트
버튼 텍스트는 [버튼 설정 > 버튼 > 텍스트] 항목에서 바꿀 수 있습니다.
원하는 글을 적어주세요.
디자인을 변경하고 싶으시다면
텍스트 왼쪽에 중요 스타일을 선택해
사용자 정의를 눌러 원하는 디자인으로 바꿔주세요.
-
링크 넣기
버튼에 링크를 넣는 방법은
텍스트 오른쪽에 링크를 선택하고
원하는 주소를 넣어주시면 됩니다. 여기서 다른 페이지로도 이동이 가능합니다.
새창으로 열고 싶다면 새창을 체크해주세요.
3. 확인 후 게시하기
완료된 화면 확인
버튼 설정에서 나와서
전체적인 화면이 내가 원하는 대로 잘되었나
확인해줍니다.
-
게시하기
마지막으로 오른쪽 상단 게시하기 버튼을 눌러
홈페이지를 저장하고 게시합니다.
이상으로 닫는 홈페이지 무료 제작 사이트 아임웹에서 버튼을 만들어보았습니다.
도움이 되셨다면 공감과 댓글, 구독을 부탁드립니다.
[같이 보면 좋은 포스팅]
아임웹 그리드 나누기
아임 웹에서 그리드를 나누는 방법을 알아보겠습니다. 먼저 디자인 모드에 접속합니다. 디자인 모드 접속 방법 1. 위젯 추가 메인 페이지 제 웹사이트의 메인 페이지입니다. 최신글최신 글 불러
ssimplay.tistory.com
[Design/web] - 게시판 최신글 연동 - 아임웹
게시판 최신글 연동 - 아임웹
최신 글은 여러 게시판들 중 최신 글을 보여주는 기능입니다. 아임 웹에서 원하는 게시판의 최신 글을 연동해 보여주는 기능을 만들어보겠습니다. 잊지 말고 디자인 모드에 접속해주세요. 디자
ssimplay.tistory.com
그럼 이만.
총총.
'web' 카테고리의 다른 글
아임웹 로그인 창 제거하기 (34) | 2022.03.15 |
---|---|
아임웹 폼 이메일 (36) | 2022.03.11 |
아임웹 그리드 나누기 (6) | 2022.02.22 |
게시판 최신글 연동 - 아임웹 (4) | 2022.02.17 |
아임웹 게시판 설정 - 블로그형 게시판 (6) | 2022.02.16 |