mobile background

디자인앤모어 고객 전용

아임웹 가이드

모든 이미지는 클릭 시, 확대됩니다.

모든 작업 후에는 반드시 우측 상단 [게시하기] 버튼을 눌러주세요.

이미지 추가 방법

[디자인모드] - 텍스트 추가 상단 메뉴 페이지 접속


이미지 추가 방법

이미지 위젯 추가


- 텍스트 위젯을 추가할 페이지에서 섹션 내 위젯 추가 버튼[ + ]을 클릭합니다.

- [이미지] 위젯을 추가합니다.

이미지 위젯

이미지 설정


- 이미지 위젯 위에서 마우스 오른쪽 클릭 후 [이미지 설정]으로 들어갑니다.

이미지 설정

이미지 추가


- 이미지를 추가해 주세요 [ + ] 버튼을 눌러 원하는 이미지를 넣어줍니다.



스타일

- 없음

- [이미지 채우기] : 이미지를 꽉 차게 하고 싶을 때

- [원형 이미지] : 이미지를 원형으로 넣고 싶을 때



높이

- [기본] : 자동으로 이미지 사이즈 적용

- [직접 지정] : 이미지 사이즈를 직접 지정하고 싶을 때

- [모서리 둥글기] : 각진 이미지 모서리를 둥글게 하고 싶을 때



효과

- [흑백 이미지] : 이미지를 흑백으로 넣고 싶을 때

- [선명하게] : 이미지를 선명하게 넣고 싶을 때

- [음영] : 이미지에 색상 효과를 추가하고 싶을 때



설명

- [이미지 아래에 표시] : 이미지 아래에 설명을 추가 하고 싶을 때

- [이미지와 겹치기] : 이미지 위에 설명을 추가 하고 싶을 때

- 설명을 넣지 않을 경우, [설명 문구 입력]란을 비워두시면 됩니다.



대체 텍스트

- 로딩 오류로 이미지가 뜨지 않을 경우, 대체되는 텍스트입니다.

- SEO를 위해 작성해두시면 좋습니다.

  ex) 로고 이미지, About us 메인 이미지


기능

- [링크] : 이미지를 클릭 시, 이동할 링크를 설정합니다.

- [팝업으로 이미지 확대] : 이미지 클릭 시 이미지가 크게 보여집니다.

   (가이드 내 이미지에 팝업으로 이미지 확대 기능이 적용되어 있습니다.)

- [전화 걸기] : 이미지 클릭 시, 입력한 번호로 전화걸기가 연결됩니다.

- [문자 발송] : 이미지 클릭 시, 입력한 번호로 문자발송이 연결됩니다.

   *전화걸기/문자 발송은 모바일에서만 가능합니다.

- [이메일] : 이미지 클릭 시, 입력한 주소로 이메일 작성이 연결됩니다.

- [파일 다운로드] : 이미지 클릭 시, 다운받을 파일을 업로드 할 수 있습니다.

- [동영상] : 이미지 클릭 시, 특정 동영상을 보여줍니다.

- [소셜 공유] : 이미지 클릭 시, 소셜 공유가 가능합니다.

   *카카오톡 공유 기능은 별도 작업(API 키 연결)이 필요합니다.

- [말풍선] : 이미지 클릭 시, 작성한 안내 문구를 보여줍니다.

- [코드] : 이미지 클릭 시, 연동할 링크 코드를 사용합니다.

- [최신 상품] : 이미지 클릭 시, 특정 상품 페이지로 넘어가게 해줍니다.(쇼핑몰)

- [모달] : 이미지 클릭 시, 특정 모달을 띄워줍니다.

이미지 위젯 기능

마우스 오버

미지 위에 마우스를 올렸을 때 이미지 효과(모바일 미작동)



효과

- 마우스 오버 시에도 기본 이미지를 유지할 경우, 설정하지 않습니다.

- [이미지를 추가해 주세요] : 마우스 오버 시, 다른 이미지를 보여주고 싶을 때

- [흑백 이미지] : 마우스 오버 시, 기본 이미지를 흑백으로 전환할 때

- [이미지 확대] : 마우스 오버 시, 기본 이미지를 확대 할 때

- [기본 이미지 숨김] : 마우스 오버 시, 기본 이미지를 숨기고 싶을 때



음영

- 마우스 오버 시, 이미지에 색상을 넣고 싶을 때



스타일

- [기본 설명과 동일하게 적용] : 기본에 작성한 설명과 동일하게 적용

- [이미지 아래에 표시] : 마우스 오버 시, 이미지 아래에 텍스트를 입력하고 싶을 때

- [이미지 겹치기] : 마우스 오버 시, 이미지 위에 텍스트를 보여주고 싶을 때

- [감추기] : 기본 상태일 때 텍스트가 있으나, 마우스 오버 시 감추고 싶을 때

이미지 마우스 오버 기능

디자인앤모어


DESIGN AND MORE │CEO. LEE HYUN A

Business Registration No. 207-20-11862

E-commerce Registration No.

제2025-대구북구-0278호

Contact. 010.2694.1031

E-mail.contact@designandmore.kr

Privacy Officer. LEE HYUN A


ⓒ 2025 DESIGN AND MORE. All Right Reserved.

디자인앤모어  DESIGN AND MORE


CEO. LEE HYUN A

Business Registration No. 207-20-11862[사업자정보확인]

Address. 대구 북구 성북로 70, 1007-2702

E-commerce Registration No. 제2025-대구북구-0278

Contact. 010.2694.1031 │ E-mail. contact@designandmore.kr

Privacy Officer. LEE HYUN A


Copyright © 2026 DESIGN AND MORE. All rights reserved.