워드프레스에서 처음 글을 쓸 때는 짧은 예시 글로 제목과 본문, 이미지 넣는 순서를 익히면 좋습니다.
이 글에서는 예: 책상 정리하는 간단한 방법을 주제로 글을 작성하고, 미리보기와 발행까지 살펴봅니다.
주제·제목·사진·카테고리·슬러그는 설명용 예시이므로 자신의 블로그에 맞게 정합니다.
작게 보이는 캡처는 이미지를 눌러 새 탭에서 크게 볼 수 있습니다.
1. 글 추가 화면을 열고 제목부터 입력하기
관리자 화면 왼쪽 메뉴에서 글 → 글 추가를 누릅니다.
본문 위쪽의 제목 추가에 글 제목을 입력합니다.
예시 제목은 책상 정리하는 간단한 방법입니다.
캡처에 붙은 예:는 설명용 글이라는 표시이므로 실제 제목에 꼭 넣을 필요는 없습니다.
제목 아래 빈 영역을 누르면 본문을 쓸 수 있습니다.
작성 도중에는 화면 오른쪽 위 임시 글로 저장을 누릅니다.
저장됨 또는 임시글 저장됨 안내가 나오면 저장된 것입니다.
임시 저장은 인터넷에 글을 공개하는 발행과 다릅니다.
2. 오른쪽의 ‘글’과 ‘블록’은 무엇이 다를까?
글은 게시물 전체이고, 블록은 그 안에 넣는 내용 조각입니다.
단락 하나, 소제목 하나, 이미지 한 장을 각각 블록으로 다룹니다.
오른쪽 설정이 보이지 않으면 화면 오른쪽 위 공개 버튼 근처의 네모난 패널 모양 설정 버튼을 누릅니다.
- 글 탭: 대표 이미지, 슬러그, 카테고리, 공개 상태처럼 글 전체에 적용하는 설정입니다.
- 블록 탭: 현재 선택한 단락·헤딩·이미지의 글자 크기, 색상, 대체 텍스트 등을 설정합니다.
아래는 단락을 선택하고 오른쪽 블록 탭을 연 예시입니다.
대표 이미지를 찾고 있다면 이곳이 아니라 옆의 글 탭으로 이동합니다.
2-1. + 버튼으로 필요한 블록 추가하기
본문의 빈 줄 옆에 나타나는 네모난 + 버튼을 누릅니다.
열린 메뉴에서 단락, 헤딩 2, 헤딩 3, 이미지 등 필요한 블록을 고릅니다.
원하는 블록이 보이지 않으면 검색창에 이름을 입력하거나 모두 찾아보기를 누릅니다.
또는 편집 화면 왼쪽 위의 파란색 + 버튼인 블록 삽입기를 사용할 수 있습니다.
관리자 검은 도구 모음의 + 새로 추가와는 다른 버튼입니다.
3. 헤딩과 단락으로 짧은 본문 작성하기
헤딩은 내용을 나누는 소제목이고, 단락은 그 내용을 설명하는 일반 문장입니다.
글자를 크게 보이게 하려고 헤딩을 고르기보다 내용의 순서에 맞춰 사용합니다.
- H1: 글 전체 제목으로, 일반적인 글 템플릿이 제목을 H1으로 표시하므로 본문에서 다시 넣지 않습니다.
- H2: 본문의 큰 소제목입니다(예: 자주 쓰는 물건만 남기기).
- H3: H2 안에서 더 자세히 나눌 때 사용합니다(예: 작은 물건은 한곳에 모으기).
- H4~H6: 더 세부적인 구분에 사용하며, 짧은 첫 글에서는 보통 H2와 H3면 충분합니다.
- 단락: 소제목 아래에 설명을 쓰는 블록으로, 제목 단계에 포함되지 않습니다.
새 줄의 + 메뉴에서 헤딩 2 또는 헤딩 3을 선택하고 소제목을 입력합니다.
화면에 제목이나 헤딩으로 묶여 보이면 해당 블록을 넣은 뒤 블록 도구 모음 또는 설정에서 H2·H3 수준을 확인합니다.
일반 설명은 단락 블록에 입력합니다.
단락에서 Enter를 누르면 새 단락이 만들어지고, Shift + Enter를 누르면 같은 단락 안에서 다음 줄로 넘어갑니다.
3-1. 그대로 연습해 볼 짧은 예시 글
아래 내용은 입력 순서를 보여주는 설명용 예시입니다.
각 줄 앞의 ‘제목·단락·H2·H3’ 표시는 글에 입력하는 내용이 아니라 선택할 위치나 블록을 뜻합니다.
제목: 책상 정리하는 간단한 방법
단락:
책상 위 물건이 많으면 필요한 물건을 찾기 어렵습니다.
오늘은 책상을 정리하는 간단한 방법을 소개합니다.
H2: 자주 쓰는 물건만 남기기
단락:
오늘 사용할 노트와 필기구만 책상 위에 둡니다.
사용하지 않는 물건은 서랍이나 보관함에 넣습니다.
H3: 작은 물건은 한곳에 모으기
단락:
펜과 클립은 종류별로 작은 정리함에 모아 둡니다.
이미지: 이 설명 아래에 정리함 사진이나 그림을 넣습니다.
넣는 방법은 6번에서 설명합니다.
H2: 사용한 뒤 제자리에 놓기
단락:
작업을 마치면 물건을 제자리에 돌려놓습니다.
다음 날 사용할 공간을 비워 두면 정리하기가 수월합니다.
아래는 H2·H3·단락을 구분해 입력한 편집 화면입니다.
4. 대표 이미지와 본문 이미지를 따로 준비하기
대표 이미지는 글의 표지이고, 본문 이미지는 특정 설명을 돕는 자료입니다.
대표 이미지는 테마에 따라 홈의 글 목록이나 개별 글 상단에 표시됩니다.
본문 이미지는 내가 넣은 문장 아래에 표시됩니다.
본문에 사진을 넣었다고 대표 이미지가 자동으로 지정되는 것은 아닙니다.
이번 예시에서는 아래 두 파일을 따로 준비했습니다.
파일명과 1200×675 크기는 설명용 예시이며 워드프레스의 필수 조건은 아닙니다.
대표 이미지는 이 사이트에서 사용하는 16:9 비율에 맞췄습니다.
4-1. 대표 이미지 예시
글 전체 주제를 보여주는 표지로 example-desk-cover.webp를 준비했습니다.
4-2. 본문 추가 이미지 예시
작은 물건을 정리함에 모아 둔 모습을 보여주는 example-desk-body.webp를 준비했습니다.
이 이미지는 ‘펜과 클립은 종류별로 작은 정리함에 모아 둡니다’ 바로 아래에 넣습니다.
위 두 이미지는 설명용으로 AI로 생성한 이미지이며 실제 정리 작업을 촬영한 사진은 아닙니다.
독자는 자신의 주제에 맞는 직접 촬영한 사진이나 사용 권한이 있는 이미지를 준비하면 됩니다.
이미지 제작이 어렵다면 ChatGPT나 제미나이에 주제와 용도를 알려 대표 이미지와 본문 이미지를 각각 요청할 수 있습니다.
다만 설정 방법을 설명하는 화면은 AI로 만들지 말고 실제 화면을 캡처합니다.
5. 대표 이미지 등록하기
오른쪽 설정에서 글 탭을 누르고 제목 아래의 대표 이미지 설정을 누릅니다.
이미 이미지가 들어 있다면 교체 버튼으로 바꿀 수 있습니다.
열린 창 왼쪽 위 파일 업로드 → 파일 선택을 눌러 준비한 대표 이미지를 선택합니다.
이미 업로드한 파일이라면 미디어 라이브러리에서 선택하면 됩니다.
업로드 후 선택된 이미지에 체크 표시가 있는지 확인합니다.
오른쪽 대체 텍스트에는 이미지 내용을 짧게 설명합니다.
예: 노트와 필기구를 정리한 책상 일러스트.
마지막으로 창 오른쪽 아래 대표 이미지 설정을 누릅니다.
미디어 목록의 작은 정사각형 썸네일은 원본 일부만 보여줄 수 있습니다.
실제 글에서 이미지가 잘렸는지는 목록 썸네일이 아니라 글 미리보기에서 확인합니다.
오른쪽 글 탭에 대표 이미지가 표시되면 임시 글로 저장을 누릅니다.
6. 필요한 문장 아래에 본문 이미지 넣기
예시 글의 ‘펜과 클립은 종류별로 작은 정리함에 모아 둡니다’ 문장 끝을 누릅니다.
Enter를 눌러 바로 아래에 빈 단락을 만듭니다.
(PC 폴더의 준비된 사진을 복사+붙여넣기, 빈줄에 사진을 드래그 하셔도 됩니다.)
그 빈 줄을 선택한 상태에서 편집 화면 왼쪽 위 파란색 +를 누르고 이미지를 검색합니다.
검색 결과에서 이미지를 선택합니다.
이때 대표 이미지 블록과 혼동하지 않습니다.
본문에 이미지 상자가 생기면 업로드를 눌러 별도로 준비한 본문용 파일을 선택합니다.
이미 올린 파일은 미디어 라이브러리에서 고릅니다.
삽입한 이미지를 누르고 오른쪽 블록 탭의 대체 텍스트를 입력합니다.
이 화면처럼 콘텐츠·설정·스타일 탭이 나뉘어 있다면 콘텐츠 탭에서 찾습니다.
예: 칸이 나뉜 정리함에 펜과 클립을 모아 둔 모습.
이미지는 관련 설명 바로 다음에 두고, 필요한 장수만 넣습니다.
위치가 잘못됐다면 이미지를 선택했을 때 나타나는 도구 모음의 위·아래 화살표로 블록을 이동합니다.
수정한 뒤 다시 임시 글로 저장을 누릅니다.
7. 슬러그와 카테고리 정하기
슬러그는 글 주소의 마지막 부분입니다.
예를 들어 (자신의 사이트 주소)/desk-organization/에서 desk-organization이 슬러그입니다.
짧고 내용을 알 수 있는 주소를 정하면 링크를 확인하고 공유하기 편합니다.
영문 슬러그 자체가 검색 상위 노출을 보장하는 것은 아니며 한글도 사용할 수 있습니다.
7-1. 슬러그 입력 위치
오른쪽 글 탭에서 슬러그 옆의 파란색 주소 부분을 누릅니다.
아래 캡처의 199는 설정 위치를 보여주는 예시 숫자이므로 그대로 입력하지 않습니다.
입력창에 주제에 맞는 짧은 슬러그를 적습니다.
이번 예시는 desk-organization이며 영문 단어 사이는 공백 대신 하이픈 -으로 구분했습니다.
창을 닫고 임시 글로 저장을 누릅니다.
슬러그는 첫 발행 전에 정하는 편이 좋습니다.
이미 발행해 공유한 글의 슬러그를 바꾸면 기존 링크가 끊길 수 있으므로 리디렉션 등을 검토해야 합니다.
이 글에서는 사이트 전체 고유주소 설정을 바꾸지 않고 현재 글의 슬러그만 정합니다.
7-2. 글 주제에 맞는 카테고리 선택하기
오른쪽 글 탭에서 아래로 스크롤해 카테고리를 펼칩니다.
내 블로그에 만들어 둔 카테고리 중 글의 주제와 맞는 것을 선택합니다.
예를 들어 생활 블로그라면 생활 정리 같은 분류를 사용할 수 있습니다.
캡처의 워드프레스 시작하기는 이 사이트의 분류이므로 그대로 따라 고를 필요는 없습니다.
태그는 꼭 필요한 경우에만 넣고, 처음에는 비워 두어도 됩니다.
8. 발행 전에 새 탭에서 미리보기
먼저 임시 글로 저장을 누르고 저장 완료를 확인합니다.
화면 오른쪽 위 모니터 모양의 보기 버튼을 누른 뒤 새 탭에서 미리보기를 선택합니다.
창 폭이 좁으면 별도의 미리보기 버튼으로 표시될 수도 있습니다.
새 탭에서 제목, 소제목 순서, 문장 줄바꿈을 확인합니다.
대표 이미지와 본문 이미지가 각각 올바른 위치에 있는지 살펴봅니다.
임시글 미리보기는 로그인 상태에서 확인하는 화면이므로 주소를 다른 사람에게 보내도 똑같이 보이지 않을 수 있습니다.
9. 크롬 창에서 모바일 화면 미리보기
글 편집 화면이 아니라, 8번에서 연 글 미리보기 탭에서 진행합니다.
Windows의 크롬 기준이며 실제 휴대전화가 없어도 좁은 화면에서 글을 확인할 수 있습니다.
9-1. 모바일 전환 버튼 켜기
키보드에서 F12를 눌러 개발자 도구를 엽니다.
열리지 않으면 크롬 오른쪽 위 ⋮ → 도구 더보기 → 개발자 도구를 누릅니다.
개발자 도구 안쪽을 한 번 누른 다음 Ctrl + Shift + M을 누릅니다.
또는 개발자 도구 왼쪽 위의 휴대전화·태블릿이 겹친 모양 버튼인 Toggle device toolbar를 누릅니다.
개발자 도구가 닫힌 상태에서 단축키만 누르면 다른 크롬 기능이 열릴 수 있으므로 먼저 F12로 열었는지 확인합니다.
9-2. 화면 너비를 바꾸며 확인하기
미리보기 영역 위쪽의 Dimensions 또는 기기 선택 메뉴에서 Responsive를 고릅니다.
너비에 390을 입력해 보거나 목록의 휴대전화 기기를 선택합니다.
390px는 설명용 예시이며 360px, 430px 등 다른 너비에서도 확인할 수 있습니다.
아래 캡처는 전환 버튼 위치가 아니라 좁은 화면에서 본 예시 글의 결과 화면입니다.
아래로 스크롤해 본문 추가 이미지와 마지막 문장까지 확인합니다.
글자가 화면 밖으로 나가지 않는지, 이미지가 잘리지 않는지, 가로로 밀어서 읽어야 하는 곳은 없는지 살펴봅니다.
확인을 마치면 Ctrl + Shift + M으로 기기 모드를 끄고 개발자 도구의 ×를 눌러 닫습니다.
크롬의 모바일 미리보기는 실제 기기와 완전히 같지는 않으므로 발행 후 가능하면 휴대전화에서도 최종 확인합니다.
발행 후 같은 글의 내용을 보완할 때는 글 수정과 업데이트 방법을 확인합니다.
나중에 공개하거나 일부 사람에게만 보여 줄 글은 예약 발행·비공개·비밀번호 보호 설정을 구분해 사용합니다.
설정 화면을 직접 촬영하려면 PC용 캡처 도구 사용법을 참고할 수 있습니다.
발행한 글의 방문 반응은 WPStart 애널리틱스 설치와 통계 확인 방법으로 살펴볼 수 있습니다.
10. 최종 확인하고 글 발행하기
미리보기에서 수정할 부분을 발견했다면 편집기 탭으로 돌아가 고친 뒤 다시 저장합니다.
제목과 본문, 대표 이미지, 본문 이미지, 슬러그, 카테고리를 마지막으로 확인합니다.
사진이나 캡처에 개인정보가 노출되지 않았는지도 확인합니다.
공개할 준비가 됐다면 편집기 오른쪽 위 공개를 누릅니다.
‘공개할 준비가 됐나요?’ 패널에서 가시성: 공개와 공개: 즉시를 확인합니다.
바로 발행하려면 마지막 공개 버튼을 누릅니다.
아직 연습 중이거나 검토가 필요하면 취소를 눌러 임시글로 남겨 둡니다.
글이 발행되었습니다라는 완료 안내가 나오면 글 보기로 공개 글을 엽니다.
(자신의 사이트 주소) 를 새로 열어 홈에서도 해당 글을 눌러 봅니다.
미리보기 주소가 아닌 실제 글 주소에서 제목과 이미지, 본문이 정상적으로 표시되는지 확인합니다.
첫 글은 짧더라도 이 과정을 한 번 익혀 두면 다음 글부터 같은 순서로 작성할 수 있습니다.