이미지+텍스트

이미지와 텍스트를 좌, 우로 배치하여 보여줄 수 있습니다.

❶ 이미지 텍스트 순서

• 이미지+텍스트: 왼쪽에 이미지, 오른쪽에 텍스트 순서로 설정합니다.

• 텍스트+이미지: 왼쪽에 텍스트, 오른쪽에 이미지 순서로 설정합니다.

❷ 전체 넓이 사용

• 사용함: 적용한 홈페이지 가로 사이즈를 무시하고 가로로 꽉차게 보여집니다.

• 사용안함: 적용한 홈페이지 가로 사이즈 내에서 구성 요소가 보여집니다.

❸ 배경색: 구성 요소의 배경색을 설정합니다.

❹ 이미지 첨부: 이미지 영역을 클릭하여 원하는 이미지를 직접 업로드하거나 Unsplash 이미지를 선택할 수 있습니다.

❺ 이미지 채움: 이미지의 채움 정도를 설정합니다. 원본을 보여주거나 비율을 유지하면서 꽉 채우는 등 이미지가 어떻게 보여질지 선택할 수 있습니다.

❻ 이미지 비율: 이미지의 비율을 설정할 수 있습니다.

❼ 테두리 라운드: 이미지의 테두리 라운딩을 설정합니다.

❶ 텍스트 정렬: 텍스트를 왼쪽, 오른쪽, 가운데 정렬로 설정합니다. PC, 모바일 화면 각각 설정할 수 있습니다.

❷ 서브 타이틀: 상단에 노출되는 포인트 텍스트 문구입니다. 미입력 시 노출되지 않습니다.

❸ 메인 타이틀: 메인 텍스트입니다. HTML을 사용할 수 있습니다. 미입력 시 노출되지 않습니다.

❹ 설명: 설명 텍스트입니다. HTML을 사용할 수 있습니다. 미입력 시 노출되지 않습니다.

❷, ❸, ❹ 공통사항

• 글자 사이즈: 글자 사이즈를 설정합니다.

• 글자 굵기: 글자 굵기를 설정합니다. 100(얇은)~900(굵은)로 선택할 수 있습니다.

• 글자색: 글자 색상을 설정합니다.

❶ 버튼: 버튼 기능을 간편하게 켜고 끌 수 있습니다.

❷ 설정

• 버튼 텍스트: 버튼에 들어갈 텍스트를 입력합니다. 미입력 시 버튼이 노출되지 않습니다.

• 창: 버튼 클릭 시 새 탭, 현재창, 페이지 이동을 설정할 수 있습니다.

• 링크: 버튼 클릭 시 이동할 링크를 설정합니다. 링크는 https://로 시작하도록 입력합니다.

❸ 버튼 배경색: 버튼 색상을 설정합니다.

❹ 버튼 텍스트색: 버튼 내 글자 색상을 설정합니다.