텍스트/버튼/아이콘직접 디자인한 이미지 버튼 추가하기

텍스트 위젯을 통해 포토샵 등을 사용해 직접 제작한 이미지 버튼을 추가할 수 있습니다. 이미지 위젯을 사용해, 이미지 버튼을 삽입하는 것도 가능하지만, 정밀한 편집 및 이미지 크기 조절이 필요하신 경우 다음 도움말을 참조해 추가할 수 있습니다.

이 도움말에서는 버튼을 예시로 설명하지만, 필요에 따라 버튼이 아닌 다른 디자인물을 사용하셔도 됩니다.

주의 : 이 방법을 통해 이미지 버튼을 추가하시는 경우 모든 크기의 디스플레이에 대응이 어려울 수 있습니다. 꼭 필요한 경우가 아닌 한 이미지는 이미지 위젯을 사용하실 것을 권장합니다.


1단계: 이미지 버튼 추가 및 링크 걸기

직접 디자인한 이미지를 업로드하고, 클릭 시 이동하도록 링크를 추가합니다.

  1. 디자인 모드에 접속합니다. 접속방법
  2. 왼쪽 상단 위젯 추가  버튼을 클릭합니다.
  3. 텍스트 위젯을 클릭합니다.
  4. 텍스트 위젯을 마우스로 더블-클릭합니다.
  5. 텍스트 도구의 이미지 첨부  버튼을 클릭합니다.
  6. 내 PC에서 업로드할 파일을 선택하고 확인을 클릭합니다.
  7. 다음처럼 보조 메뉴가 나타나면 링크 버튼을 클릭합니다. 보조 메뉴가 나타나지 않는 경우 업로드한 이미지를 마우스로 클릭해 보세요.

  8. 링크(URL)를 입력합니다. (예: http://appsweb.kr)
  9. 삽입을 클릭해 링크 추가를 완료합니다.


2단계, 이미지 크기 편집하기

업로드한 이미지의 크기를 조절할 수 있습니다.

  1. 업로드한 이미지를 마우스로 클릭합니다.
  2. 보조 메뉴가 나타나면 이미지 크기  버튼을 클릭합니다.
  3. 높이를 숫자로 입력하고, 업데이트를 클릭합니다.
    참고 : 둘 중 하나만 입력해도 상대 비율에 따라 자동 조절됩니다.


3단계, 이미지 정렬하기

업로드한 이미지 버튼은 정렬 기능을 통해 텍스트 위젯 영역 안에서 왼쪽/가운데/오른쪽으로 정렬할 수 있습니다.

  1. 이미지를 마우스로 클릭합니다.
  2. 보조 메뉴가 나타나면 정렬  버튼을 클릭합니다.
  3. 왼쪽, 가운데, 오른쪽 중 하나를 선택합니다.
  4. 텍스트 에디터 바깥 영역을 클릭해 텍스트 에디터를 종료합니다.


4단계, 작동여부 확인하기

미리보기를 클릭해 작동여부를 확인하고, 게시하기를 클릭해 실제 사이트에 적용합니다.

상호명 : 애드리빙

서울시 마포구 마포대로 63-8 삼창프라자빌딩 1539호

사업자등록번호 : 106-04-80687 조회하기

통신판매업신고번호 : 제 2015-서울용산-00950 호

T.1566-5733  F.02-6499-3299  E.so2815@naver.com

운영시간 : 평일 AM 10:00 ~ PM 18:00(공휴일 휴무)

점심시간 : AM 11:30 ~ PM 1:00

test