미디어
미디어의 블록에 대해 알아봅니다.
미디어란?
미디어는 이미지, 동영상 등을 통해 사용자에게 정보를 전달하게 위해 사용이 됩니다.
이미지를 활용하여 단일 이미지를 보여줄 수 있으며 갤러리, 슬라이더를 활용하여 여러 이미지를 한번에 보여주는 방법 등 다양한 디자인 구성이 가능합니다.
블록 설정 방법
사용하려는 블록을 추가합니다.
퀵 메뉴의 상세설정을 클릭합니다.
아래 상세 설정을 참고하여, 설정을 변경합니다.
블록을 더블 클릭하여 상세 설정창을 열 수 있습니다.
1. 이미지 블록
페이지에 이미지를 적용할 수 있습니다. 단일 이미지 사용에 적합하며, 여러 장의 이미지 사용은 갤러리 블록 사용을 권장 드립니다.
이미지 블록_설정 항목
설정 항목 |
파일선택 PC에 저장 된 파일을 선택하여 업로드 합니다. |
이미지 라이브러리 기존에 업로드한 이미지를 사용하거나, 큐샵에서 제공하는 무료 이미지를 사용할 수 있습니다.
|
이미지 채우기 프레임에 가득 차도록 이미지를 확대합니다.
|
불투명도 등록 된 이미지의 투명도를 설정합니다. |
이미지 대체 텍스트 ( 선택 사항 ) 검색 엔진 최적화 개선을 위해, 이미지에 대한 설명을 작성합니다. |
2. 슬라이더 블록
이미지를 슬라이드 형태로 보여줄 수 있습니다. 확장영역을 활용하여, 페이지의 주제에 맞는 정보 또는 이벤트 정보 등을 노출하는 용도로 사용 할 수도 있으며 크기를 조정하여 특정 주제에 대한 이미지를 모아 슬라이드 시킬 수 있습니다.
슬라이더는 그 용도에 따라 이미지 / 색상 의 형태로 추가가 가능합니다.
슬라이더는 섹션 당 하나만 추가가 가능합니다.
슬라이더 블록_설정 항목
설정 항목 |
파일선택 PC에 저장 된 파일을 선택하여 업로드 합니다. |
이미지 라이브러리 기존에 업로드한 이미지를 사용하거나 큐샵에서 제공하는 무료 이미지를 사용할 수 있습니다.
|
이미지 채우기 프레임에 가득 차도록 이미지를 확대합니다.
|
불투명도 등록 된 이미지의 투명도를 설정합니다. |
클릭 이벤트 클릭 시 특정 페이지 및 위치로 이동하거나, 문자발송 등 다양한 설정을 할 수 있습니다. |
3. 갤러리 블록
갤러리 블록은 이미지 와 이미지 설명, 텍스트를 한번에 보여줄 수 있습니다. 이미지 블록을 통해 비슷한 구성을 할 수 있으나, 여러 이미지를 추가할 때는 갤러리 블록 사용을 권장 드립니다.
갤러리 블록_설정 항목
설정 항목 |
+ 이미지 추가 PC에 저장 된 파일을 선택하여 업로드 합니다. |
파일선택 PC에 저장 된 파일을 선택하여 업로드 합니다. |
이미지 라이브러리 기존에 업로드한 이미지를 사용하거나, 큐샵에서 제공하는 무료 이미지를 사용할 수 있습니다.
|
이미지 채우기 프레임에 가득차도록 이미지를 확대합니다.
|
불투명도 등록 된 이미지의 투명도를 설정합니다. |
텍스트 각각의 이미지 제목과 설명을 작성합니다. |
클릭 이벤트 클릭 시 특정 페이지 및 위치로 이동하거나, 문자발송 등 다양한 설정을 할 수 있습니다. |
4. 동영상 블록
유튜브(YouTube) 또는 비메오(Vimeo)에 업로드한 동영상 주소(URL)를 입력하여 페이지에 동영상을 재생할 수 있습니다.
동영상 블록_설정 항목
동영상 요소_설정 항목
설정 항목 |
링크 유튜브(YouTube) 또는 비메오(Vimeo)의 영상 주소를 입력합니다. |
스타일 재생 시 동영상 채우기 동영상을 프레임의 크기에 맞추거나 원본 비율을 유지합니다.
자동 재생 동영상이 자동으로 재생이 됩니다.
반복 재생 동영상이 반복 재생 됩니다. 클릭 허용 동영상 플레이어에 대한 조작을 할 수 있습니다. 동영상 컨트롤 표시 재생, 일시정지, 넘기기 등의 컨트롤 바를 표시합니다.
|
Last updated
