워드프레스 설치와 기본 설정을 마치고 나면 결국 가장 많이 하게 되는 일은 글쓰기입니다.
관리자 화면에서 새 글을 추가하면 처음 보는 편집 화면이 나타납니다. 예전에 사용하던 워드프로세서와 조금 다르게 느껴질 수 있는데, 워드프레스에서는 글의 각 요소를 블록(Block) 단위로 나누어 편집합니다.
처음 접하면 "문단 하나 쓰는데 왜 블록이라는 개념까지 알아야 하지?"라는 생각이 들 수 있습니다.
하지만 몇 번 사용해 보면 오히려 구조가 단순합니다.
제목은 제목 블록, 글은 문단 블록, 사진은 이미지 블록, 목록은 목록 블록처럼 각각의 콘텐츠를 작은 조각으로 나누어 조립한다고 생각하면 됩니다.
이 방식을 이해하면 글의 순서를 바꾸거나 이미지를 추가하고 표를 넣는 작업도 훨씬 편해집니다.
워드프레스 블록 편집기는 무엇일까?
워드프레스의 기본 편집기는 흔히 블록 편집기라고 부릅니다.
과거의 편집기는 하나의 큰 문서 안에서 글과 사진을 입력하는 방식에 가까웠습니다.
현재의 블록 편집기는 콘텐츠를 각각의 독립된 요소로 나누어 관리합니다.
예를 들어 다음과 같은 글이 있다고 생각해 보겠습니다.
제목
첫 번째 설명 문단
사진 한 장
소제목
목록
마무리 문단
워드프레스에서는 이것들이 하나의 덩어리가 아니라 각각 별도의 블록으로 구성됩니다.
그래서 사진만 위로 옮기고 싶다면 이미지 블록만 이동하면 되고, 문단 하나를 삭제하고 싶다면 해당 문단 블록만 선택하면 됩니다.
처음에는 낯설지만 글이 길어질수록 이런 구조가 편리하게 느껴집니다.
블록은 레고 조각처럼 생각하면 쉽다
블록 편집기를 가장 쉽게 이해하는 방법은 레고를 떠올리는 것입니다.
작은 블록을 하나씩 조립해서 하나의 큰 모양을 만드는 것처럼 워드프레스도 여러 콘텐츠 블록을 조합해 하나의 글을 만듭니다.
문단 블록을 놓고 그 아래 이미지 블록을 추가하고, 다시 제목 블록을 넣는 식입니다.
필요하면 블록의 위치를 위아래로 움직일 수도 있습니다.
그래서 글 전체를 다시 편집하지 않고 특정 요소만 수정하기 쉽습니다.
제목은 글의 내용을 한눈에 보여줘야 한다
새 글을 만들면 가장 먼저 입력하는 것이 제목입니다.
제목은 방문자가 검색 결과나 사이트 목록에서 가장 먼저 보는 부분 중 하나입니다.
따라서 지나치게 과장하기보다 글의 내용을 정확하게 설명하는 것이 좋습니다.
예를 들어
'이 설정 안 하면 큰일 납니다'
보다는
'워드프레스 이미지 용량 줄이는 방법'
처럼 내용이 분명한 제목이 이해하기 쉽습니다.
특히 정보형 블로그에서는 제목을 보는 순간 "이 글에서 무엇을 알 수 있는지" 예상할 수 있어야 합니다.
제목을 너무 길게 만들 필요도 없습니다.
핵심 내용이 앞부분에 자연스럽게 드러나도록 작성하면 충분합니다.
문단 블록은 길게 쓰지 않는 것이 좋다
글을 작성할 때 가장 많이 사용하는 것은 문단 블록입니다.
일반적인 설명 문장을 입력하면 자동으로 문단 블록이 만들어집니다.
여기서 초보자들이 자주 하는 실수 중 하나는 한 문단에 너무 많은 내용을 넣는 것입니다.
PC 화면에서는 크게 불편하지 않아 보여도 모바일에서는 한 문단이 화면 전체를 가득 채우게 됩니다.
독자는 긴 문단을 보면 내용을 읽기 전에 부담을 느낄 수 있습니다.
그래서 하나의 문단에서는 한 가지 내용만 설명하는 편이 좋습니다.
예를 들어 워드프레스 플러그인을 설명한다면
첫 문단에서는 플러그인의 역할을 설명하고,
다음 문단에서는 설치 방법을 설명하고,
그다음 문단에서는 주의점을 설명하는 방식으로 나눌 수 있습니다.
문단을 적절히 나누면 같은 내용이라도 훨씬 편하게 읽힙니다.
H2와 H3 소제목은 글의 길을 만들어 준다
긴 글에서 특히 중요한 것이 소제목입니다.
워드프레스에서는 제목 블록을 이용해 H2, H3 등의 구조를 만들 수 있습니다.
H1은 보통 글 전체의 제목에 사용됩니다.
따라서 본문 안에서는 일반적으로 H2부터 사용하는 경우가 많습니다.
예를 들어 이 글의 구조를 보면
H2: 워드프레스 블록 편집기는 무엇일까?
H2: 제목은 글의 내용을 한눈에 보여줘야 한다
H2: 문단 블록은 길게 쓰지 않는 것이 좋다
처럼 큰 내용을 나누고 있습니다.
큰 주제 안에서 내용을 다시 세분화할 필요가 있다면 H3를 사용할 수 있습니다.
소제목은 디자인이 아니라 구조다
소제목을 단순히 글자를 크게 만드는 기능이라고 생각해서는 안 됩니다.
H2와 H3는 글의 구조를 나타내는 역할도 합니다.
예를 들어
H2 아래에 H3가 들어가고,
H3 아래에 다시 세부 내용이 이어지는 식입니다.
책으로 비유하면 H2는 큰 장의 제목이고 H3는 그 안의 작은 절 제목과 비슷합니다.
이 구조를 일정하게 사용하면 방문자도 글을 이해하기 쉽고 검색엔진도 콘텐츠의 구조를 파악하는 데 도움이 됩니다.
이미지 블록은 필요한 곳에만 넣는 것이 좋다
워드프레스 글에는 이미지도 쉽게 추가할 수 있습니다.
이미지 블록을 추가한 뒤 컴퓨터에서 사진을 업로드하거나 미디어 라이브러리에 있는 기존 이미지를 선택하면 됩니다.
이미지는 글의 이해를 돕는 데 매우 유용합니다.
예를 들어 워드프레스 관리자 화면 설정 방법을 설명한다면 실제 화면 캡처가 있으면 독자가 훨씬 쉽게 따라갈 수 있습니다.
하지만 이미지를 무조건 많이 넣는다고 좋은 글이 되는 것은 아닙니다.
본문과 관계없는 장식용 이미지를 지나치게 많이 넣으면 페이지가 길어지고 로딩 속도에도 영향을 줄 수 있습니다.
이미지 파일 크기도 확인하자
스마트폰이나 카메라로 촬영한 원본 사진은 용량이 매우 클 수 있습니다.
그대로 업로드하면 페이지를 불러오는 시간이 길어질 수 있습니다.
그래서 블로그에 사용할 이미지는 필요한 크기로 줄이고 적절하게 압축하는 것이 좋습니다.
이미지의 가로 크기가 실제 본문보다 훨씬 큰데도 원본을 그대로 사용하는 것은 불필요한 경우가 많습니다.
이미지 최적화는 이후 사이트 속도를 관리할 때도 중요한 부분입니다.
목록 블록은 정보를 짧게 정리할 때 유용하다
글을 쓰다 보면 여러 항목을 한 번에 보여줘야 할 때가 있습니다.
이럴 때 문장으로 길게 연결하기보다 목록을 사용하면 이해하기 쉽습니다.
예를 들어 워드프레스 글을 발행하기 전에 확인할 내용을 정리한다면 다음과 같이 표현할 수 있습니다.
- 제목이 내용과 맞는지 확인하기
- 소제목 구조 확인하기
- 오타 확인하기
- 이미지 크기 확인하기
- 카테고리 선택하기
- 링크가 정상적으로 열리는지 확인하기
이렇게 정리하면 독자가 필요한 내용을 빠르게 확인할 수 있습니다.
순서가 중요한 경우에는 번호 목록을 사용할 수도 있습니다.
예를 들어 설치 과정을 설명한다면
- 관리자 화면에 로그인합니다.
- 플러그인 메뉴를 엽니다.
- 원하는 플러그인을 검색합니다.
- 설치 후 활성화합니다.
처럼 순서를 보여주는 것이 좋습니다.
표 블록은 비교할 때 사용하면 편하다
워드프레스에는 표를 만드는 블록도 있습니다.
비슷한 항목을 비교하거나 여러 정보를 일정한 형식으로 보여줄 때 유용합니다.
예를 들어 무료 테마와 유료 테마를 비교한다면 표를 사용할 수 있습니다.
| 비용 | 무료 | 비용 발생 |
| 기본 기능 | 비교적 단순 | 다양한 기능 제공 가능 |
| 지원 | 제한적일 수 있음 | 제작사 지원 제공 가능 |
| 초보자 활용 | 충분히 가능 | 필요에 따라 선택 |
이처럼 항목이 반복되는 내용은 표를 활용하면 한눈에 비교하기 쉽습니다.
다만 모든 내용을 표로 만들 필요는 없습니다.
특히 모바일에서는 너무 많은 열이 들어간 표가 화면 밖으로 밀려나거나 읽기 어려워질 수 있습니다.
그래서 표는 2~4개의 핵심 항목을 비교할 때 사용하는 편이 좋습니다.
인용 블록과 강조 기능도 필요한 만큼만 사용한다
워드프레스에는 인용문을 별도로 표시하는 인용 블록이나 글자를 굵게 표시하는 강조 기능도 있습니다.
중요한 문장을 눈에 띄게 만들 때는 도움이 됩니다.
하지만 모든 문장을 굵게 만들거나 색상을 지나치게 많이 사용하면 오히려 중요한 부분이 무엇인지 알기 어려워집니다.
예를 들어 한 문단 안에서 꼭 기억해야 할 핵심 문장 한 부분만 굵게 처리하는 정도가 자연스럽습니다.
강조는 많을수록 눈에 잘 띄는 것이 아니라 적게 사용할수록 의미가 분명해지는 경우가 많습니다.
블록을 위아래로 이동하면 글을 쉽게 재구성할 수 있다
블록 편집기의 장점 가운데 하나는 글의 순서를 쉽게 변경할 수 있다는 것입니다.
글을 다 작성한 뒤 읽어보면 어떤 문단이 앞에 오는 것이 더 자연스럽다고 느껴질 때가 있습니다.
예전처럼 문장을 전부 잘라내고 다시 붙이지 않아도 됩니다.
해당 블록을 선택한 뒤 위나 아래로 이동하면 됩니다.
이미지나 표도 마찬가지입니다.
그래서 처음부터 완벽한 순서로 글을 작성하려고 부담을 가질 필요가 없습니다.
먼저 내용을 작성한 다음 전체 흐름을 읽어보고 필요한 블록을 옮기면서 정리할 수 있습니다.
실제로 긴 정보글을 작성할 때는 이런 방식이 편합니다.
재사용할 내용은 패턴 기능을 활용할 수 있다
블로그를 오래 운영하다 보면 여러 글에 반복해서 넣는 내용이 생길 수 있습니다.
예를 들어 안내 문구나 특정 형식의 박스, 공통적인 소개 영역 등이 있습니다.
워드프레스에서는 여러 블록을 묶어 패턴 형태로 활용할 수 있는 기능도 제공합니다.
반복해서 같은 구조를 직접 만드는 수고를 줄일 수 있습니다.
하지만 초보자라면 처음부터 패턴 기능까지 모두 배울 필요는 없습니다.
글을 몇 편 작성하면서 반복되는 작업이 실제로 생겼을 때 활용하면 됩니다.
워드프레스는 기능을 모두 외운 뒤 시작하는 방식보다 필요한 기능을 그때그때 배우는 방식이 훨씬 편합니다.
발행하기 전에 미리보기를 확인하는 습관을 들이자
편집 화면에서는 보기 좋았는데 실제 사이트에서 보면 줄 간격이나 이미지 크기가 다르게 느껴질 수 있습니다.
그래서 글을 발행하기 전에 미리보기를 확인하는 것이 좋습니다.
특히 PC 화면뿐 아니라 모바일 화면도 확인하면 도움이 됩니다.
확인할 내용은 어렵지 않습니다.
제목이 지나치게 길지 않은지, 소제목이 자연스럽게 나뉘어 있는지, 이미지가 화면을 벗어나지 않는지, 문단이 너무 길지 않은지 정도만 확인해도 충분합니다.
외부 사이트로 연결한 링크가 있다면 실제로 정상적인 주소로 연결되는지도 확인하는 것이 좋습니다.
오타도 이 단계에서 한 번 더 발견할 수 있습니다.
좋은 블록 편집은 화려한 글보다 읽기 편한 글을 만든다
워드프레스 블록 편집기에는 다양한 기능이 있습니다.
버튼을 만들 수도 있고 배경색을 넣을 수도 있으며 여러 열로 화면을 나누는 것도 가능합니다.
처음에는 이런 기능을 모두 사용해야 전문적인 사이트처럼 보일 것 같다는 생각이 들 수 있습니다.
하지만 정보형 블로그에서는 오히려 기본적인 블록만으로 충분한 경우가 많습니다.
실제로 자주 사용하는 것은 대부분 다음 정도입니다.
제목, 소제목, 문단, 이미지, 목록, 표, 링크
이 기본 요소만 잘 활용해도 읽기 좋은 정보글을 만들 수 있습니다.
중요한 것은 화려한 편집 기술이 아니라 독자가 원하는 정보를 빠르게 찾을 수 있도록 글을 구성하는 것입니다.
글이 길어지면 소제목으로 나누고, 비교가 필요하면 표를 사용하고, 설명만으로 이해하기 어려우면 이미지를 넣는 식으로 각각의 블록을 목적에 맞게 사용하면 됩니다.
워드프레스 블록 편집기를 한 문장으로 정리하면 글을 여러 작은 콘텐츠 조각으로 나누어 자유롭게 조립하는 글쓰기 도구라고 할 수 있습니다.
처음 몇 편은 편집 화면이 어색할 수 있지만 직접 작성해 보면 금방 익숙해집니다.
그리고 블록 편집기에 익숙해진 뒤에는 디자인 기능을 더 배우는 것보다 제목과 소제목, 문단을 논리적으로 구성하는 연습이 훨씬 중요합니다.
결국 방문자가 기억하는 것은 편집기의 기능이 아니라 글에서 얻은 정보이기 때문입니다.
다음 단계에서는 작성한 글을 단순히 발행하는 데서 끝내지 않고, 방문자가 다른 글까지 자연스럽게 읽을 수 있도록 만드는 내부 링크와 메뉴 구조, 관련 글 연결 방법을 이해하면 블로그 전체가 하나의 정보 사이트처럼 연결되기 시작합니다.
FAQ:
워드프레스 블록 편집기를 사용하려면 코딩을 알아야 하나요?
기본적인 글 작성에는 코딩 지식이 필요하지 않습니다. 제목, 문단, 이미지, 표, 목록 같은 블록을 선택하고 내용을 입력하는 방식으로 사용할 수 있습니다. HTML이나 CSS는 더 세밀한 디자인을 직접 수정할 때 도움이 될 수 있지만 초보자가 글을 발행하는 데 필수는 아닙니다.
글 안에서 H1 제목을 여러 번 사용해도 되나요?
일반적인 블로그 글에서는 글 제목이 H1 역할을 하는 경우가 많습니다. 본문은 H2와 H3 등을 사용해 계층적으로 나누는 것이 이해하기 쉽습니다. 사용하는 테마에 따라 실제 출력 구조가 달라질 수 있으므로 사이트의 제목 구조도 한 번 확인하는 것이 좋습니다.
블록을 많이 사용하면 사이트가 느려지나요?
일반적인 문단, 제목, 목록 같은 기본 블록을 사용하는 것 자체를 크게 걱정할 필요는 없습니다. 다만 외부 스크립트나 복잡한 기능을 불러오는 특수 블록을 지나치게 많이 사용하거나 용량이 큰 이미지를 다수 넣으면 페이지 속도에 영향을 줄 수 있습니다.