콘텐츠 요소
콘텐츠 요소의 종류와 설정 방법에 대해 알아봅니다.
Last updated
콘텐츠 요소의 종류와 설정 방법에 대해 알아봅니다.
Last updated
큐샵 링크 사이트를 만들기 위해 이미지 아이콘 텍스트 등 다양한 콘텐츠 요소를 제공하고 있습니다. 다양한 콘텐츠를 활용하여, 여러분들만의 프로필 링크를 만들 수 있습니다.
버튼 형식의 링크 요소를 추가하여, 링크의 이름 및 URL을 설정할 수 있습니다.
링크의 기본 배경색은 [디자인 > 테마]의 button의 색상을 기본 텍스트 색상은 Text sub의 색상을 따라갑니다.
항목 | 설명 |
이름(필수) | 링크에 적용 될 이름을 입력합니다. |
URL(선택) | URL을 입력하면 클릭 시 해당 URL로 이동합니다.
|
텍스트 크기 | 입력한 이름의 텍스트 크기를 선택합니다.
|
텍스트 굵기 | 입력한 이름의 텍스트 굵기를 선택합니다.
|
색상 | 링크의 색상을 선택합니다. |
이미지를 추가하여, 다양한 디자인을 할 수 있습니다.
항목 | 설명 |
미리보기 | 미리보기 부분을 클릭하여, PC의 이미지를 선택할 수 있습니다. |
URL(선택) | URL을 입력하면 클릭 시 해당 URL로 이동합니다.
|
프레임 | 뷰포트를 통해 보여지는 이미지의 프레임을 선택합니다. |
텍스트를 추가하여, 링크 내 브랜드 소개 및 설명등을 기재할 수 있습니다.
텍스트의 기본 색상은 [디자인 > 테마]의 Text main의 색상을 따라갑니다.
항목 | 설명 |
입력창 | 뷰포트를 통해 보여질 내용을 입력합니다. |
텍스트 크기 | 입력한 이름의 텍스트 크기를 선택합니다.
|
텍스트 굵기 | 입력한 이름의 텍스트 굵기를 선택합니다.
|
좌우 정렬 | 텍스트의 정렬 위치를 선택합니다.
|
유튜브(YouTube)에 업로드한 동영상 주소(URL)를 입력하여동영상을 재생할 수 있습니다.
항목 | 설명 |
주소 | 업로드한 동영상 주소(URL)를 입력합니다. |
자동재생 | 영상의 자동 재생 여부를 설정합니다. |
라운드 | 뷰포트를 통해 보여지는 영상의 라운드를 설정합니다. |
콘텐츠와 콘텐츠를 구분짓는 용도로 사용이 됩니다.
라인의 기본색상은 [디자인 > 테마]의 button의 색상을 따라갑니다.
항목 | 설명 |
두께 | 라인의 두께를 선택합니다.
|
색상 | 라인의 색상을 선택합니다. |
다양한 아이콘을 활용하여 페이지 디자인을 할 수 있습니다.
아이콘의 기본색상은 [디자인 > 테마]의 Text sub의 색상을 따라갑니다.
항목 | 설명 |
아이콘 더보기/숨기기 | 아이콘 더보기를 통해 변경할 아이콘 디자인을 선택합니다.
|
URL(선택) | URL을 입력하면 클릭 시 해당 URL로 이동합니다.
|
색상 | 아이콘의 색상을 선택합니다. |
사용자에게 위치 정보를 알려주고자 할 때 사용합니다.
구글 지도를 지원 하며 별도의 API 설정 없이 쉽게 사용을 하실 수 있습니다.
항목 | 설명 |
주소 | 지도에 표시를 할 주소를 입력합니다. |
언어 | 지도를 표시할 언어를 선택합니다.
|
확대 | 뷰포트에 보여지는 지도의 확대 비율을 선택합니다. |
라운드 | 뷰포트를 통해 보여지는 지도의 라운드를 설정합니다. |
스크롤링 요소를 사용하면, 입력한 텍스트가 자동으로 스크롤이 됩니다. 여러 텍스트를 입력하여 사용자에게 주제에 맞는 정보 또는 이벤트 정보를 노출하는 용도로 사용이 가능합니다.
스크롤링의 기본 색상은 [디자인 > 테마]의 Text main의 색상을 따라갑니다.
항목 | 설명 |
입력창 | 뷰포트를 통해 보여질 내용을 입력합니다. |
텍스트 크기 | 스크롤링 텍스트의 크기를 선택합니다.
|
텍스트 굵기 | 입력한 이름의 텍스트 굵기를 선택합니다.
|
버튼 형식의 링크 요소를 추가하여, 링크의 이름 및 URL을 설정할 수 있습니다.
도형의 기본색상은 [디자인 > 테마]의 button의 색상을 따라갑니다.
항목 | 설명 |
도형 더보기/숨기기 | 도형 더보기를 통해 변경할 도형 디자인을 선택합니다.
|
URL(선택) | URL을 입력하면 클릭 시 해당 URL로 이동합니다.
|
도형 색상 | 도형의 색상을 선택합니다. |
테두리 굵기 | 테두리 ON 설정 시 테두리의 굵기를 선택합니다.
|
테두리 색상 | 테두리 ON 설정 시 테두리 색상을 설정 합니다. |
프레임 | 뷰포트를 통해 보여지는 이미지의 프레임을 선택합니다. |
