이지스트 사용 가이드

이지스트를 사용하는데 필요한

방법들에 대해 배워보세요.

사이트 생성부터 디자인, 사이트 운영까지

이지스트를 활용하여 사이트를 관리하는

모든 과정을 안내합니다.



이미지 컴포넌트 이해

이지스트의 이미지 베너 컴포넌트는 웹 사이트의 레이아웃과 디자인을 보완하는 역할을 합니다.
이미지를 배치할 때 먼저 고려해야 하는 페이지 레이아웃과 이미지의 크기를 자유롭게 설정할 수 있습니다.
이미지가 페이지 전체를 차지하거나, 가운데 정렬되어 있는 등의 레이아웃을 정할 수 있습니다.
모바일 기기에서도 잘 보이도록 반응형으로 이미지를 배치 할 수 있습니다.


1. 이미지  컴포넌트와 베너 컴포넌트의 차이
  • 베너 컴포넌트의 경우 원본 이미지의 크기와 상관없이 선택한 베너 컴포넌트의 디자인에 맞춰 이미지 크기와 비율이 리사이징 됩니다.
  • 이미지  컴포넌트의 경우 별도의 디자인이 없기 때문에 원본 이미지 크기와 비율이 그대로 적용됩니다.


2. 이미지 컴포넌트의 종류

① B009 (너비가 1024xp이하인 이미지에 적합)

  • 원본 이미지의 가로 너비가 1024px 이상일 경우 강제로 너비가 1024px로 리사이징 되며 세로 너비도 동일한 비율로 줄어듭니다.

 

  • 가로 너비가 1024px 이하일 경우 별도의 리사이징 없이 반영되며 이미지는 가운데 정렬 됩니다.


  • 이미지를 여러장 반영할 경우 이미지 1장 단위로 스와이핑 됩니다


② B010 (너비가 1024xp이하인 이미지에 적합) 

  • B009베너와 동일한 속성이지만 이미지가 여러장일 경우 1장 단위로 스와이핑 되는 것이 아니라 영역 전체가 스크롤 됩니다.



③  B011 (너비가 1024xp이상인 이미지에 적합)

  • 이미지의 너비의 제약 없이 이미지 원본 크기 그대로 반영 됩니다. 화면 전체를 이미지로 꽉 채우고 싶을때 유용합니다.



3. 이미지 세부 설정
  • 타이틀 : 베너 이미지 안에 들어갈 큰 글씨 입니다
  • 설명 : 베너 이미지 안의 들어갈 본문 내용입니다
  • 링크주소 : 베너 이미지를 선택하였을때 이동할 링크 주소를 입력합니다.
  • 동영상 주소 : B011 베너의 경우 이미지가 아닌 동영상을 업로드 할 수 있습니다
  • 모바일 이미지 : 모바일 화면일 때 보여질 이미지를 별도로 업로드 할 수 있습니다.
  • PC 이미지 : 일반 PC화면일때 보여질 이미지를 업로드 합니다.
  • 이미지 컴포넌트 이미지간 간격과 모서리 둥굴게 정도를 조정할 수 있습니다.



원하시는  답변이 아닌가요? 우측 하단 실시간 채팅을 신청하시면 최대한 빨리 답변 드리도록 하겠습니다.


카카오톡 채널 채팅하기 버튼