3. 제목·본문과 글자 모양 설정하기
제목은 페이지의 주제를, 텍스트는 상세 설명을 전달합니다. 글자 크기뿐 아니라 행간·정렬·색상도 함께 조절하면 읽기 편한 페이지를 만들 수 있습니다.
1단계. 제목 내용 입력하기
- 제목 요소를 선택합니다.
- 도구 모음의 설정을 열고 제목 입력란의 예시 문구를 바꿉니다.
- 예를 들어 우리 매장을 소개합니다처럼 방문자가 내용을 바로 이해할 수 있는 제목을 입력합니다.
- 설정창에 적용 버튼이 있으면 눌러 캔버스에 반영합니다. 입력만 한 뒤 닫으면 변경이 적용되지 않을 수 있습니다.
2단계. 제목 계층과 글자 크기 정하기
항목 | 설정 방법 |
|---|---|
태그 수준 H1~H6 | 문서의 제목 계층입니다. 페이지 대표 제목과 소제목의 관계에 맞게 선택합니다. 글자를 크게 보이게 하려는 목적으로만 바꾸지 마세요. |
글꼴·굵기 | 선택 목록에서 글꼴과 Regular·Medium·SemiBold 등 제공되는 굵기를 고릅니다. |
글자 크기 | 제목은 예를 들어 36, 본문은 16~18 정도부터 조절합니다. 예시값이므로 실제 화면과 브랜드 기준에 맞게 바꾸세요. |
행간 | 줄 사이 간격입니다. 제목 1.25, 여러 줄 본문 1.5 정도부터 확인하면 좋습니다. 여러 줄로 작성해 실제 간격을 확인합니다. |
자간 | 글자 사이 간격입니다. 음수는 좁게, 양수는 넓게 보이게 합니다. 화면에 표시되는 단위를 확인하고 조금씩 조절합니다. |
3단계. 정렬·색상·효과 설정하기
- 왼쪽·가운데·오른쪽·양쪽 중 정렬을 선택합니다. 긴 본문은 왼쪽 정렬부터 확인해 보세요.
- 글자 색에서 색을 선택하고 배경 위에서 충분히 읽히는지 확인합니다.
- 필요한 경우 채우기·그림자·테두리를 설정합니다. 효과가 없어도 내용이 읽히는지 먼저 확인해 주세요.
- 제목이 여러 줄일 때는 줄바꿈 옵션을 바꾸어 단어가 어색하게 끊기지 않는지 봅니다.
4단계. 본문 텍스트 작성하기
- 라이브러리에서 텍스트를 추가하거나 기존 텍스트를 선택합니다.
- 편집으로 내용을 바꾸고 짧은 문단으로 나눕니다.
- 설정 패널에 표시되는 글자 크기·행간·정렬을 조절합니다. 요소 종류에 따라 제공되는 항목이 다를 수 있습니다.
- 공백 여러 개로 위치를 맞추기보다는 정렬과 여백 설정을 사용합니다.
5단계. 저장·게시 후 같은 값인지 확인하기
- 편집기에서 제목 문구와 글자 크기를 확인한 뒤 저장합니다.
- 다시 열어 설정이 유지되는지 확인합니다.
- 게시 후 실제 방문자 주소에서 줄바꿈·행간·정렬·색상을 확인합니다.
- 모바일에서도 제목이 잘리지 않는지 확인합니다. 편집기의 확대 비율은 실제 글자 크기와 다릅니다.
주의
사이트 CSS나 부모 블록의 설정이 함께 적용되면 선택한 색상과 실제 화면이 다를 수 있습니다. 설정값만 보고 완료하지 말고 게시 화면을 함께 확인해 주세요.