매뉴얼

  •  
  •  매뉴얼 

*슬라이드 요소 블럭

● 슬라이드 전환하기

*슬라이드 이동 탭

슬라이드 좌측 상단의 번호 버튼을 통해 편집을 원하는 슬라이드로 전환할 수 있습니다.




 슬라이드 블럭에 요소 블럭 추가하기

슬라이드 블럭은 안에 요소 블럭들을 자유롭게 추가할 수 있습니다.

추가된 요소 블럭들의 편집 방법은 보통의 요소 블럭들과 같으나, 설정 메뉴 위치의 차이가 있습니다.


슬라이드 블럭 안의 + 버튼을 눌러 요소를 추가할 수 있습니다.



슬라이드 블럭 안에 있는 요소 블럭들의 설정 메뉴는 각 요소 블럭의 우측 상단에 초록색으로 표시됩니다.

설정메뉴 위치와 색상만 다를 뿐 설정 방법은 동일합니다.

초록색 추가 버튼을 통해 원하는 위치에 원하는 요소 블럭을 추가할 수 있습니다.

(슬라이드 블럭 안에 지도와 마우스오버, 슬라이드 블럭은 추가할 수 없으니 참고해 주세요.)



 슬라이드 블럭 상세 설정하기

슬라이드 블럭 위에 마우스를 올리면 좌측 상단에 블럭 편집 메뉴가 표시됩니다.

가운데에 있는 설정(톱니 바퀴 모양) 버튼을 클릭하여 상세 설정창을 열어줍니다.



● 슬라이드 추가하기


슬라이드 상세 설정창 화면입니다.

슬라이드 목록 하단의 추가하기 버튼을 눌러 슬라이드를 추가할 수 있습니다.

추가하기 버튼을 눌러 슬라이드 편집창을 열어줍니다.


배경색, 이미지, 동영상 중 선택하여 배경을 적용할 수 있습니다.


[배경을 배경색으로 적용하는 경우]

항목설명
배경색원하는 배경 색상을 선택하여 배경색을 지정할 수 있습니다. 


[배경을 이미지로 적용하는 경우]

항목설명
위치슬라이드 배경이미지의 위치를 설정합니다.
크기

슬라이드 배경이미지의 크기를 설정합니다.

  • 원본 크기 : 이미지의 원본 크기를 유지합니다. 이미지보다 블럭의 가로 또는 세로 사이즈가 작을 경우 이미지를 반복하여 표시하거나 빈 공간으로 둡니다.
  • 커버 : 이미지를 블럭의 크기만큼 꽉 채워서 보여줍니다.
  • 원본 비율 : 이미지의 원본 비율을 유지하여 보여줍니다.
반복이미지가 블럭의 크기보다 작을 경우 빈 공간을 그대로 보여줄지 이미지를 반복하여 표시할지 설정합니다.
컬러 오버레이배경 이미지 위에 배경색을 덮고 싶은 경우 설정합니다. 투명도를 주지 않으면 배경이미지가 아예 가려집니다.


[배경을 동영상으로 적용하는 경우]

항목설명
동영상 주소

배경으로 적용할 유튜브 동영상의 주소를 입력해 주세요. 

(주소 확인 방법은 동영상 주소 확인하기 매뉴얼을 참고하세요.  동영상 주소 참고하기>  )

컬러 오버레이배경 이미지 위에 배경색을 덮고 싶은 경우 설정합니다. 투명도를 주지 않으면 배경이미지가 아예 가려집니다.


각 항목을 입력한 뒤 적용하기를 눌러주면 슬라이드 목록에 추가된 것을 확인할 수 있습니다.

블럭 상세 설정창 하단의 적용하기 버튼을 눌러주어야 최종 적용됩니다.



● 슬라이드 배경 변경하기


슬라이드 목록에서 변경을 원하시는 슬라이드 우측의 설정 버튼을 눌러 설정메뉴를 열어줍니다.

수정 버튼을 누르면 추가할 때와 동일한 편집창이 열립니다. 

내용 편집 후 적용하기를 눌러주시면 슬라이드 배경 이미지가 수정됩니다.



●  슬라이드 설정 변경하기

슬라이드 지연시간, 높이 등 상세 기능을 설정할 수 있습니다.


슬라이드 블럭 상세 설정창을 열어주시면 슬라이드 목록 아래에 있는 설정 항목을 통해 상세 기능을 설정할 수 있습니다.


[슬라이드 상세 설정] 

항목 설명 
페이징슬라이드 아래쪽에 현재 슬라이드의 위치를 표시해주는 기능입니다.
좌우 이동 버튼슬라이드 좌우 이동 버튼입니다.
슬라이드 지연 시간슬라이드가 몇 초 후에 다음 슬라이드로 넘어갈지 설정할 수 있습니다. 3초에서 60초까지 설정할 수 있습니다.
높이

슬라이드의 높이를 설정합니다. 

  • 화면 크기에 채움 : 슬라이드를 화면에 꽉 채워서 보여줍니다. 디바이스에 따라 자동적으로 꽉 채워서 보여집니다.
  • 직접 입력 : 슬라이드를 직접 입력한 높이로 보여줍니다. 

슬라이드 안의 내용이 설정한 높이보다 길어질 경우 넘어가는 부분은 화면에 보이지 않습니다.


[슬라이드 전환 효과] 

항목 설명 
효과
슬라이드가 전환될 때의 효과를 설정합니다. 미리보기를 통해 동작 모습을 확인할 수 있습니다.




● 슬라이드 레이아웃 설정하기

슬라이드의 여백과 정렬을 설정할 수 있습니다.


슬라이드 블럭 상세 설정창 상단 탭메뉴에서 레이아웃을 눌러줍니다.

각 항목을 변경한 후에 하단의 적용하기를 누르면 변경한 내용이 적용 됩니다.

항목설명
좌우 여백슬라이드 안쪽의 좌우 여백을 설정합니다. 
상단 여백슬라이드 안쪽의 상단 여백을 설정합니다.
하단 여백슬라이드 안쪽의 하단 여백을 설정합니다.
정렬슬라이드 안에 요소들의 정렬을 설정합니다. 




● 애니메이션 설정하기

화면에 해당 요소 블럭이 위치한 영역이 보일 때 동작하는 애니메이션을 설정합니다.

효과

애니메이션 효과를 설정합니다.

  • 슬라이드 : 요소 블럭이 보이지 않다가 상/하/좌/우 방향 중 한곳에서 슬라이드 되어 보여집니다.
  • 페이드 : 요소 블럭이 보이지 않다가 점차 또렷해집니다.
  • 확대 : 요소 블럭이 보이지 않다가 확대되었다 다시 원래 크기로 돌아오면서 보여집니다.
  • 플립 : 요소 블럭이 보이지 않다가 위아래 또는 좌우로 뒤집히면서 보여집니다.
  • 회전 : 요소 블럭이 보이지 않다가 한 바퀴 회전하면서 보여집니다.
지속 시간애니메이션이 동작되는 시간을 설정합니다.
지연 시간요소 블럭이 위치한 영역이 화면에 표시되고 몇 초 뒤에 애니메이션이 동작할 지 설정합니다.


닷홈 홈페이지