글과 이미지를 자유롭게 만들기
워드프레스에서 글이나 페이지를 작성할 때 사용하는 기본 편집기가 바로 **블록 편집기(Gutenberg Editor)**입니다.
이 편집기는 ‘블록’ 단위로 구성되어 있어, 텍스트, 이미지, 동영상, 버튼 등 다양한 요소를 손쉽게 추가하고 배치할 수 있습니다.
1. 블록 편집기 진입 방법
- 관리자 메뉴 → 글 → 새 글 추가 (또는 기존 글 편집)
- 페이지 → 새 페이지 추가 시 자동으로 블록 편집기 진입
2. 주요 블록 종류 소개
| 블록 종류 | 설명 |
| 단락 | 일반 텍스트 입력용 기본 블록 |
| 제목 | H1~H6까지의 글머리 블록 (SEO에 중요) |
| 이미지 | 로컬 이미지 업로드 또는 미디어 라이브러리 선택 |
| 갤러리 | 여러 이미지를 그리드로 정렬하여 표시 |
| 버튼 | 클릭 유도 버튼 추가 |
| 인용구 | 강조된 인용문 블록 |
3. 블록 삽입 방법
- 블록 사이에 마우스를 올리면 ‘+’ 아이콘이 나타남
- 또는 좌측 상단 ‘+’ 버튼 클릭 → 원하는 블록 선택
- 블록 선택 후 드래그로 위치 이동 가능
4. 유용한 기능 팁
- 블록은 복사, 이동, 재사용 블록으로 저장 가능
- 이미지나 갤러리에는 대체 텍스트(alt text) 꼭 입력 → SEO 반영
- ‘그룹 블록’으로 여러 블록을 하나로 묶어 디자인 정리 가능
5. 기본 글꼴 크기와 이미지 크기 조절하기
📐 전체 레이아웃 크기 및 간격 조정
사이트 편집기 > 스타일 > 레이아웃 탭에서는 블로그 콘텐츠의 전체 구조를 조정할 수 있습니다.
- 콘텐츠 너비: 본문 영역의 기본 너비(px 단위)를 설정합니다. 일반적으로 720px 정도가 가독성에 좋습니다.
- 넓은 폭: 전체 폭을 기준으로 하는 디자인의 최대 폭을 설정합니다.
- 패딩: 콘텐츠와 화면 가장자리 사이의 여백입니다. 0~40px 정도로 설정 가능하며, 좌우 따로 조정할 수 있습니다.
- 블록 간격: 블록 사이의 기본 간격을 조절할 수 있어 전체적인 공간 감을 결정합니다.
직관적인 슬라이더 UI로 설정할 수 있으며, 반응형 설정도 가능합니다.
🅰️ 전체 테마 스타일에서 기본 글자 크기 조정
현재 사용 중인 워드프레스 테마에서는 스타일 > 레이아웃 메뉴에서는 글자 크기 설정이 보이지 않습니다. 이 경우, 다음과 같이 블록 편집기 내부에서 개별 블록의 글자 크기를 조절할 수 있습니다:
- 블록 편집기에서 텍스트가 포함된 블록(예: 단락, 제목 블록 등)을 클릭합니다.
- 오른쪽 사이드 패널(블록 설정 패널)을 엽니다.
- [스타일] 또는 [타이포그래피] 항목을 펼치면 ‘글자 크기’ 옵션이 나타납니다.
- 프리셋(작게, 보통, 크게 등)을 선택하거나 px 단위로 수치를 입력해 직접 조정할 수 있습니다.
(일반적으로 기본 값으로 세팅되어있음)
※ 이 방식은 개별 블록마다 적용되며, 전체 테마에 일괄 적용되지는 않습니다. 전역 스타일 설정을 원한다면 상단 스타일 메뉴 > 요소 선택 > 타이포그래피 편집 기능을 함께 사용하는 것을 권장합니다.
🖼️ 이미지 크기 조절 방법 (블록 편집기에서)
- 이미지 블록 선택 → 우측 블록 설정 패널 열기
- [크기] 옵션에서 너비/높이 비율 직접 입력 또는 슬라이더 조절
- ‘전체 너비’, ‘너비 맞춤’ 등의 정렬 옵션도 사용 가능
또는 이미지 블록 가장자리를 드래그하여 직접 크기 조정할 수 있어요.
- 블록은 복사, 이동, 재사용 블록으로 저장 가능
- 이미지나 갤러리에는 대체 텍스트(alt text) 꼭 입력 → SEO 반영
- ‘그룹 블록’으로 여러 블록을 하나로 묶어 디자인 정리 가능
블록 편집기는 단순한 글쓰기를 넘어, 디자인 감각을 적용한 콘텐츠 제작을 가능하게 해줍니다.
초보자라면 텍스트와 이미지를 중심으로 익히되,
점차 버튼, 레이아웃, 재 사용 블록까지 도전해보는 것이 좋습니다.
다음 편에서는 갤러리 블록을 이용해 블로그에 이미지를 효과적으로 배치하는 법을 안내할게요!