버튼 엘리먼트 사용하는 방법

|

버튼 엘리먼트 사용법을 알려드리겠습니다. 버튼은 방문자의 행동 중 클릭을 유도하는 요소로서 중요한 역할을 합니다.

더하기를 눌러서 버튼엘리먼트를 원하는 위치에 가져다 놓습니다. 버튼에서 마우스를 클릭하면 설정메뉴가 나오고 첫번째 메뉴를 통해서 버튼의 모양을 지정할 수 있습니다.

먼저 버튼의 사이즈를 스몰, 미디엄, 라지 중에서 선택하거나 넓이와 높이를 수치로 지정할 수 있고요. 채우기 옵션을 통해서 배경을 없애거나 외곽선만 남기기, 채우기를 지정할 수 있습니다. 모서리를 둥글게 혹은 사각으로 지정할 수 있습니다. 테두리 두께도 정할 수 있고요.

그리고 버튼에 아이콘을 추가할 수 있습니다. 아이콘을 선택할 수 있고 위치를 텍스트 왼쪽이나 오른쪽에 놓을 수 있습니다. 아이콘의 크기를 지정하고 텍스트와의 거리를 스페이싱으로 조절할 수 있죠. 버튼의 텍스트는 글자 부분을 클릭해서 수정하면 됩니다.

다음 T 메뉴는 텍스트의 폰트, 크기 등을 조절하는 옵션으로 텍스트 엘리먼트 설정하기와 동일하고요. 색상의 경우도 아이콘, 배경, 테두리, 쉐도우를 마우스 올렸을 때와 올리지 않았을 때로 구분하여 지정할 수 있습니다.

다음 메뉴는 버튼의 링크를 지정하는 것이고, 그 다음은 버튼의 정렬 상태를 변경합니다. 다음 톱니바퀴는 버튼 주변의 공간을 설정하는 것입니다.

마지막으로 복제와 삭제 메뉴가 있는데 삭제 메뉴는 동일하지만 버튼의 복제 옵션은 추가 설명을 해드릴 필요가 있습니다.

버튼 엘리먼트를 위 아래로 배치하고 싶은 경우는 엘리먼트를 가져와서 쌓으면 됩니다. 하지만 좌우 배치는 버튼을 가져와서 만들 수 없습니다. 이 때 버튼을 복제하면 좌우로 배치가 되니 페이지 디자인 시 참고하시기 바랍니다.

지금까지 버튼 엘리먼트 사용법이었습니다.