이미지 캐러셀

썸네일을 선택해서 넣을 수 있는 인터랙티브 이미지 캐러셀을 추가하고 Outlook 대체 표시 방식을 알아보세요.

🎠 Image Carousel 요소 레이어를 사용하면 좌우 화살표와 썸네일(선택 사항)로 넘겨 볼 수 있는 인터랙티브 이미지 캐러셀을 추가할 수 있어요.

이미지 캐러셀 썸네일 꾸미기. Emailify 플러그인 헤더의 Settings 버튼을 클릭한 다음 🎠 Image Carousel 레이어를 클릭하면 🎠 Image Carousel 컴포넌트의 썸네일 모양을 바꿀 수 있어요. 썸네일 크기, 데스크톱이나 모바일에서 표시할지 여부, 활성/호버 테두리 색상, 항목 간격 등을 조정할 수 있어요.

Outlook에서는 캐러셀의 첫 번째 이미지만 표시돼요. Outlook은 인터랙티브 이미지 캐러셀에 필요한 기능을 지원하지 않아요. 가장 중요한 이미지를 첫 번째 슬라이드로 사용하고, 꼭 필요한 정보를 뒤쪽 슬라이드에만 넣지 마세요.

🎠 Image Carousel Figma 레이어를 선택하면 다음 옵션이 표시돼요.

🎠📷 Carousel Image 요소를 사용하면 기존 🎠 Image Carousel 상위 요소에 이미지 슬라이드를 더 추가할 수 있어요.

“Quick Add” 기능으로 새 Emailify 레이어 추가하기 ​

Emailify에서는 Figma 디자인에 레이어로 추가되는 특별한 레이아웃 블록과 콘텐츠 요소로 디자인을 만들고, 플러그인에서 HTML로 내보낼 수 있어요.

이런 레이아웃 블록과 콘텐츠 요소를 추가하려면 Emailify 프레임을 하나 이상 만든 다음 그 프레임을 클릭하세요. 그러면 플러그인 하단에 Quick Add Element 컨텍스트 메뉴가 자동으로 나타나요. 원하는 요소를 클릭하고 Add + 버튼을 클릭하면 선택한 레이어에 추가돼요.

컨텍스트 메뉴에서 사용할 수 있는 옵션은 현재 선택한 Figma 레이어에 따라 달라져요.

Settings를 연 다음 Figma에서 같은 유형의 Emailify 레이어를 여러 개 선택하면 설정을 일괄 적용할 수 있어요. 변경한 설정은 선택한 모든 레이어에 적용돼요.