코드 블럭

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

❶ 코드 탭 추가: 탭을 생성하여 여러 코드를 추가할 수 있습니다.

❷ 제목: 탭의 제목을 설정합니다. 탭 추가 없이 1개만 있을 경우, 코드 제목은 노출되지 않습니다.

❸ 코드: 코드 입력 필드입니다. 예제 코드를 입력하여 노출할 수 있습니다.

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

❷ 순서

• 텍스트+코드블럭: 왼쪽에 텍스트, 오른쪽에 코드 블럭 순서로 설정합니다.

• 코드블럭+텍스트: 왼쪽에 코드 블럭, 오른쪽에 텍스트 순서로 설정합니다.

❸ 전체 넓이 사용, 배경 색상

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

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

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

❹ 아이콘 설정: 타이틀 상단에 들어가는 아이콘을 설정할 수 있습니다.

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

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

❺, ❻ 공통사항

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

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

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

❶ 버튼: 버튼 ON, OFF 기능입니다. 간편하게 켜고 끌 수 있습니다.

❷ 설정

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

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

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

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

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

❺ 크기: 버튼의 크기와 모서리 각짐 정도를 설정할 수 있습니다.