코드지원
텍스트/버튼/아이콘직접 디자인한 이미지 버튼 추가하기
텍스트 위젯을 통해 포토샵 등을 사용해 직접 제작한 이미지 버튼을 추가할 수 있습니다. 이미지 위젯을 사용해, 이미지 버튼을 삽입하는 것도 가능하지만, 정밀한 편집 및 이미지 크기 조절이 필요하신 경우 다음 도움말을 참조해 추가할 수 있습니다.
이 도움말에서는 버튼을 예시로 설명하지만, 필요에 따라 버튼이 아닌 다른 디자인물을 사용하셔도 됩니다.
주의 : 이 방법을 통해 이미지 버튼을 추가하시는 경우 모든 크기의 디스플레이에 대응이 어려울 수 있습니다. 꼭 필요한 경우가 아닌 한 이미지는 이미지 위젯을 사용하실 것을 권장합니다.
직접 디자인한 이미지를 업로드하고, 클릭 시 이동하도록 링크를 추가합니다.
다음처럼 보조 메뉴가 나타나면 링크 버튼을 클릭합니다. 보조 메뉴가 나타나지 않는 경우 업로드한 이미지를 마우스로 클릭해 보세요.
업로드한 이미지의 크기를 조절할 수 있습니다.
폭과 높이를 숫자로 입력하고, 업데이트를 클릭합니다.참고 : 둘 중 하나만 입력해도 상대 비율에 따라 자동 조절됩니다.
업로드한 이미지 버튼은 정렬 기능을 통해 텍스트 위젯 영역 안에서 왼쪽/가운데/오른쪽으로 정렬할 수 있습니다.
미리보기를 클릭해 작동여부를 확인하고, 게시하기를 클릭해 실제 사이트에 적용합니다.
상호명 : 애드리빙
서울시 마포구 마포대로 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
텍스트 위젯을 통해 포토샵 등을 사용해 직접 제작한 이미지 버튼을 추가할 수 있습니다. 이미지 위젯을 사용해, 이미지 버튼을 삽입하는 것도 가능하지만, 정밀한 편집 및 이미지 크기 조절이 필요하신 경우 다음 도움말을 참조해 추가할 수 있습니다.
이 도움말에서는 버튼을 예시로 설명하지만, 필요에 따라 버튼이 아닌 다른 디자인물을 사용하셔도 됩니다.
주의 : 이 방법을 통해 이미지 버튼을 추가하시는 경우 모든 크기의 디스플레이에 대응이 어려울 수 있습니다. 꼭 필요한 경우가 아닌 한 이미지는 이미지 위젯을 사용하실 것을 권장합니다.
1단계: 이미지 버튼 추가 및 링크 걸기
직접 디자인한 이미지를 업로드하고, 클릭 시 이동하도록 링크를 추가합니다.
다음처럼 보조 메뉴가 나타나면 링크 버튼을 클릭합니다. 보조 메뉴가 나타나지 않는 경우 업로드한 이미지를 마우스로 클릭해 보세요.
2단계, 이미지 크기 편집하기
업로드한 이미지의 크기를 조절할 수 있습니다.
폭과 높이를 숫자로 입력하고, 업데이트를 클릭합니다.
참고 : 둘 중 하나만 입력해도 상대 비율에 따라 자동 조절됩니다.
3단계, 이미지 정렬하기
업로드한 이미지 버튼은 정렬 기능을 통해 텍스트 위젯 영역 안에서 왼쪽/가운데/오른쪽으로 정렬할 수 있습니다.
4단계, 작동여부 확인하기
미리보기를 클릭해 작동여부를 확인하고, 게시하기를 클릭해 실제 사이트에 적용합니다.