이미지 추가
- 이미지를 추가해 주세요 [ + ] 버튼을 눌러 원하는 이미지를 넣어줍니다.
스타일
- 없음
- [이미지 채우기] : 이미지를 꽉 차게 하고 싶을 때
- [원형 이미지] : 이미지를 원형으로 넣고 싶을 때
높이
- [기본] : 자동으로 이미지 사이즈 적용
- [직접 지정] : 이미지 사이즈를 직접 지정하고 싶을 때
- [모서리 둥글기] : 각진 이미지 모서리를 둥글게 하고 싶을 때
효과
- [흑백 이미지] : 이미지를 흑백으로 넣고 싶을 때
- [선명하게] : 이미지를 선명하게 넣고 싶을 때
- [음영] : 이미지에 색상 효과를 추가하고 싶을 때
설명
- [이미지 아래에 표시] : 이미지 아래에 설명을 추가 하고 싶을 때
- [이미지와 겹치기] : 이미지 위에 설명을 추가 하고 싶을 때
- 설명을 넣지 않을 경우, [설명 문구 입력]란을 비워두시면 됩니다.
대체 텍스트
- 로딩 오류로 이미지가 뜨지 않을 경우, 대체되는 텍스트입니다.
- SEO를 위해 작성해두시면 좋습니다.
ex) 로고 이미지, About us 메인 이미지
기능
- [링크] : 이미지를 클릭 시, 이동할 링크를 설정합니다.
- [팝업으로 이미지 확대] : 이미지 클릭 시 이미지가 크게 보여집니다.
(가이드 내 이미지에 팝업으로 이미지 확대 기능이 적용되어 있습니다.)
- [전화 걸기] : 이미지 클릭 시, 입력한 번호로 전화걸기가 연결됩니다.
- [문자 발송] : 이미지 클릭 시, 입력한 번호로 문자발송이 연결됩니다.
*전화걸기/문자 발송은 모바일에서만 가능합니다.
- [이메일] : 이미지 클릭 시, 입력한 주소로 이메일 작성이 연결됩니다.
- [파일 다운로드] : 이미지 클릭 시, 다운받을 파일을 업로드 할 수 있습니다.
- [동영상] : 이미지 클릭 시, 특정 동영상을 보여줍니다.
- [소셜 공유] : 이미지 클릭 시, 소셜 공유가 가능합니다.
*카카오톡 공유 기능은 별도 작업(API 키 연결)이 필요합니다.
- [말풍선] : 이미지 클릭 시, 작성한 안내 문구를 보여줍니다.
- [코드] : 이미지 클릭 시, 연동할 링크 코드를 사용합니다.
- [최신 상품] : 이미지 클릭 시, 특정 상품 페이지로 넘어가게 해줍니다.(쇼핑몰)
- [모달] : 이미지 클릭 시, 특정 모달을 띄워줍니다.
