구분선 추가.
페이지를 명확한 섹션으로 나누는 깔끔한 가로선을 추가할 수 있습니다. 시각적인 구분이 필요할 때 텍스트, 이미지, 다른 요소 사이에 사용하세요.
구분선 추가
로그인한 상태에서 페이지를 엽니다. 콘텐츠 영역에 마우스를 올리면 빌더 컨트롤이 나타납니다. 기본 사용법은 첫 페이지에서 확인하세요.
- 컬럼에 마우스를 올리고 컨트롤 바에서 +를 클릭하거나, 빈 페이지에서 요소 추가를 클릭합니다. 콘텐츠 탭을 열고 구분선을 클릭합니다. 대화상자 없이 컬럼 맨 위에 추가됩니다. 컨트롤 바의 핸들로 드래그하여 이동합니다.
- 선이 얇으므로 선 자체에 마우스를 올려 컨트롤 바를 표시합니다. 더보기를 클릭하고 설정을 선택한 뒤 색상을 고릅니다.
- 항목 두께에서 사용자 정의 두께를 선택합니다.
- 선의 굵기를 정하려면 두께 슬라이더를 드래그합니다. 여기에서는 6px을 사용합니다.
- 항목 길이에서 사용자 정의 너비를 선택합니다.
- 선의 길이를 정하려면 너비 슬라이더를 드래그합니다. 여기에서는 300px을 사용합니다.
- 정렬 기준으로 정렬을 가운데로 설정합니다.
- 대화상자에서 저장을 클릭합니다. 그런 다음 콘텐츠 영역 상단의 툴바에서 저장을 클릭하여 페이지를 저장합니다.
표시 내용
선택한 색상, 두께, 길이의 가로선이 컬럼을 가로질러 표시됩니다. 동영상에서는 6px 두께, 300px 길이의 가운데 정렬 선입니다. 페이지를 저장하고 게시하면 방문자에게 표시됩니다.
구분선 설정
요소에 마우스를 올리고 컨트롤 바에서 더보기 > 설정을 엽니다. 옵션:
- 색상: 선의 색상. 테마 색상을 사용하려면 비워 둡니다.
- 두께: 테마 기본값 또는 사용자 정의 두께. 사용자 정의 두께를 선택하면 0~20px의 두께 슬라이더가 추가됩니다.
- 길이: 테마 기본값 또는 사용자 정의 너비. 전체 너비 선으로 만들려면 길이를 테마 기본값으로 둡니다. 사용자 정의 너비를 선택하면 0~500px의 너비 슬라이더가 추가됩니다.
- 정렬: 왼쪽, 가운데, 오른쪽. 사용자 정의 너비에서만 표시됩니다.
표시되지 않는 경우
- 콘텐츠 탭에 구분선이 없습니다. 사용자 프로필에서 숨겨져 있습니다. 관리자에게 구분선(Separator)의 요소 항목을 사용자 프로필에서 선택해 달라고 요청하세요.
- 다시 로드하면 사라집니다. 페이지가 저장되지 않았습니다. 다시 추가하고 콘텐츠 영역 상단의 툴바에서 저장을 클릭합니다.
- 구분선이 콘텐츠 위에 있습니다. 새 요소는 컬럼 맨 위에 추가됩니다. 선에 마우스를 올리고 핸들로 드래그하거나 더보기 > 아래로 이동을 엽니다.
- 선이 표시되지 않습니다. 색상이 페이지 배경과 같습니다. 요소에 마우스를 올리고 컨트롤 바에서 더보기 > 설정을 연 뒤 대비되는 색상을 선택합니다.
- 선이 전체 너비로 표시되지 않습니다. 길이가 사용자 정의 너비로 설정되어 있습니다. 요소에 마우스를 올리고 컨트롤 바에서 더보기 > 설정을 연 뒤 길이를 다시 테마 기본값으로 설정합니다.
다음 단계
스타일 탭에서 구분선 주위의 간격을 변경할 수 있습니다.