워드프레스 블록 편집기와 고전 편집기 비교: 차이점과 선택 기준

워드프레스 블록 편집기는 문단·이미지·표를 각각의 블록으로 구성하고, 고전 편집기는 하나의 편집 영역에서 글을 이어서 작성합니다. 새 블로그에서 다양한 배치를 만들려면 블록 편집기부터 익히는 편이 실용적이며, 기존 원고 서식이나 고전 편집기 전용 기능을 유지해야 한다면 테마와 플러그인 호환성을 확인한 뒤 고전 편집기를 선택할 수 있습니다.

블록 편집기와 고전 편집기는 무엇인가요?

블록 편집기와 구텐베르크

블록은 글을 구성하는 작은 부품입니다. 설명은 문단 블록, 사진은 이미지 블록, 소제목은 제목 블록으로 넣고 각 부품을 선택해 이동하거나 설정합니다. 워드프레스는 2018년 12월 출시한 5.0부터 블록 편집기를 기본으로 제공했습니다. 기본 개념과 화면은 워드프레스 블록 편집기 공식 안내에서 확인할 수 있습니다.

이 편집기를 흔히 구텐베르크(Gutenberg)라고도 부릅니다. 다만 Gutenberg 플러그인은 새로운 편집 기능을 먼저 제공하는 별도 플러그인입니다. 일반적인 블록 글쓰기를 위해 이 플러그인을 따로 설치할 필요는 없습니다.

고전 편집기와 Classic Editor 플러그인

고전 편집기는 워드프로세서처럼 하나의 본문 영역에 글을 쓰고 도구 모음으로 굵게 표시하거나 링크와 이미지를 넣는 방식입니다. 시각적으로 편집하는 비주얼 탭과 HTML을 다루는 텍스트 탭이 있습니다. HTML(Hypertext Markup Language)은 웹 문서의 구조를 나타내는 표시 언어입니다.

Classic Editor는 이전 글 편집 화면을 복원하는 공식 플러그인입니다. 블록 편집기 안에 넣는 ‘클래식 블록’과는 다릅니다. 클래식 블록은 본문 안의 한 블록이고, Classic Editor는 글을 편집하는 화면 자체를 바꿉니다.

글 편집기와 사이트 편집기도 구분해야 합니다. 글 편집기는 개별 글의 본문을 작성하는 곳이고, 사이트 편집기는 블록 테마에서 머리글·바닥글·템플릿 등 사이트 구성을 다룹니다. 클래식 테마에서도 블록으로 글을 쓸 수 있습니다. 반대로 Classic Editor 플러그인이 블록 테마의 사이트 편집 기능을 고전 방식으로 바꿔 주는 것은 아닙니다.

같은 글을 작성하면 무엇이 다른가요?

‘실내 식물 관리’라는 연습용 초안을 만든다고 가정하겠습니다. 제목, 소개 문단, ‘물 주기’라는 소제목, 사진 한 장, 준비물 목록, ‘빛/창가의 간접광’과 ‘물/흙 상태 확인’이라는 두 항목을 담은 표를 넣습니다. 실제 관리 지침이 아니라 편집 방법을 비교하기 위한 예시입니다.

블록 편집기로 작성하기

1. 글 → 새 글 추가에서 제목 필드에 ‘실내 식물 관리’를 입력하고 본문에 소개 문단을 씁니다. Enter를 누르면 다음 문단을 이어서 작성할 수 있습니다.
2. 블록 추가 버튼 +를 눌러 제목 블록을 넣고 ‘물 주기’를 입력합니다. 본문 소제목은 H2로 지정합니다. 글 제목을 본문에 H1으로 다시 넣을 필요는 없습니다.
3. 이미지 블록에서 직접 준비한 사진을 업로드하거나 미디어 라이브러리의 이미지를 고릅니다. 이미지 내용에 맞는 대체 텍스트를 입력하고 정렬과 크기를 확인합니다.
4. 목록 블록으로 준비물을 적고, 표 블록에서 2열·본문 2행을 만듭니다. 표 설정에서 머리글 구역을 추가해 총 3행으로 만든 뒤, 머리글에는 ‘항목/메모’, 본문 두 행에는 예시 내용을 입력합니다.
5. 목록 보기에서 제목·문단·이미지·목록·표의 순서를 확인합니다. 이미지 블록을 선택해 이동 도구로 위치를 바꿔 보고, 초안을 저장한 뒤 미리보기를 엽니다.

글 전체를 하나의 상자로 다루지 않고 필요한 부품만 선택한다는 점이 핵심입니다. 표 블록에는 행·열을 편집하는 기능이 있습니다. 사진 옆에 설명을 배치하려면 열 블록 등을 사용할 수 있지만, 좁은 화면에서 쌓이는 순서도 미리 확인해야 합니다.

고전 편집기로 작성하기

1. 제목 필드에 같은 제목을 넣고, 비주얼 탭의 본문 영역에 소개 문단을 씁니다.
2. ‘물 주기’를 별도 줄에 입력하고 해당 문단을 선택한 뒤 서식 선택 메뉴에서 제목 2를 고릅니다. 글자를 굵게 만드는 것과 제목 구조를 지정하는 것은 다릅니다.
3. 사진을 넣을 위치에 커서를 놓고 미디어 추가를 누릅니다. 이미지와 대체 텍스트, 크기·정렬을 확인해 삽입합니다. 준비물은 도구 모음의 목록 기능으로 입력합니다.
4. 기본 도구 모음에 표 삽입 기능이 없다면 텍스트 탭에서 HTML로 표를 넣거나 표 기능을 제공하는 호환 플러그인이 필요합니다. 설치된 플러그인에 따라 도구 모음은 달라질 수 있습니다.
5. 초안을 저장하고 미리보기에서 소제목·사진·목록·표가 의도한 순서로 나오는지 확인합니다.

고전 편집기의 텍스트 탭에서 표를 넣는 연습을 하려면, 사진이나 목록 태그 안이 아닌 본문 마지막의 독립된 위치에 다음 전체 예제를 붙여 넣을 수 있습니다. 블록 편집기에서는 같은 코드를 사용자 정의 HTML 블록에 넣어 비교할 수 있습니다.

<table>
  <thead>
    <tr><th scope="col">항목</th><th scope="col">메모</th></tr>
  </thead>
  <tbody>
    <tr><td>빛</td><td>창가의 간접광</td></tr>
    <tr><td>물</td><td>흙 상태 확인</td></tr>
  </tbody>
</table>

미리보기의 예상 결과는 열 두 개와 머리글 한 행, 내용 두 행으로 된 표입니다. 테두리·색상·너비는 테마에 따라 달라지며 이 코드는 표 블록으로 자동 변환되지 않습니다. 되돌리려면 연습용 초안에서 해당 표 코드 또는 HTML 블록을 삭제하면 됩니다.

HTML과 쇼트코드는 양쪽에서 사용할 수 있습니다

블록 편집기에서도 사용자 정의 HTML 블록으로 직접 마크업을 넣을 수 있습니다. HTML 코드를 독자에게 보여 주려는 경우에는 코드 블록을, 실제 화면 요소로 표시하려는 경우에는 사용자 정의 HTML 블록을 선택합니다. 사용자 권한과 보안 설정에 따라 일부 태그가 저장 중 제거될 수 있으므로 저장 후 결과를 확인해야 합니다.

쇼트코드는 플러그인 등의 기능을 불러오는 짧은 명령입니다. 블록 편집기에는 쇼트코드 블록이 있고 고전 편집기에서는 본문에 쇼트코드를 입력할 수 있습니다. 편집기를 바꿔도 해당 기능을 제공하는 플러그인이나 테마가 필요하다는 조건은 같습니다.

기능 비교와 장단점

표에 나오는 CSS(Cascading Style Sheets)는 색상·여백 등 화면의 모양을 지정하는 스타일 언어입니다. 메타 박스는 플러그인의 부가 설정처럼 편집 화면에 추가되는 입력 구역입니다.

블록 편집기의 장점과 적응할 부분

블록 편집기는 요소별 배치를 수정하기 쉽고 기본 블록만으로 표·버튼·열을 구성할 수 있습니다. 자주 사용하는 제목·설명·버튼의 묶음은 패턴으로 활용할 수 있습니다. 다만 동기화된 패턴은 여러 곳에 연결될 수 있으므로 한 곳의 수정이 다른 사용 위치에 미치는 영향을 이해해야 합니다.

처음에는 글 설정과 블록 설정을 혼동하거나 중첩된 열 안에서 원하는 요소를 선택하기 어려울 수 있습니다. 이때 목록 보기로 구조를 확인하면 도움이 됩니다. 추가 블록 플러그인을 많이 쓰면 그 플러그인의 유지·호환성도 함께 관리해야 합니다.

고전 편집기의 장점과 한계

문장을 길게 이어 쓰고 익숙한 도구 모음을 사용하는 사람에게는 단순한 작업 환경이 편할 수 있습니다. 기존 HTML 서식과 이전 편집 화면의 메타 박스에 의존하는 운영 방식도 유지하기 쉽습니다.

반면 복잡한 배치를 만들 때는 HTML과 CSS 또는 별도 도구가 필요해질 수 있습니다. ‘글이 중심이니 반드시 고전 편집기가 빠르다’는 결론도 성립하지 않습니다. 익숙함, 글의 구성, 설치된 기능에 따라 작성 시간이 달라집니다.

내 블로그에는 어떤 편집기가 적합할까요?

• 새 블로그를 시작한다면: 우선 기본 블록 편집기로 문단·제목·이미지·목록·표만 익혀 보세요. 처음부터 복잡한 배치를 만들 필요는 없습니다. 블록 테마를 사용할 계획이라면 사이트 편집과의 관계도 함께 이해하는 편이 좋습니다.
• 텍스트와 사진이 중심이라면: 두 편집기 모두 충분히 사용할 수 있습니다. 같은 초안을 만들어 문단 수정, 사진 이동, 표 수정 중 자주 하는 일이 어느 쪽에서 편한지 비교하세요.
• 소개 페이지와 반복 배치가 많다면: 블록·패턴을 먼저 검토할 만합니다. 단, 편집 화면의 모양만 보지 말고 현재 테마와 모바일 화면에서 결과를 확인해야 합니다.
• 기존 HTML 원고와 전용 기능을 유지해야 한다면: 고전 편집기를 유지하는 것이 합리적일 수 있습니다. 해당 기능의 블록 편집기 지원 여부와 Classic Editor가 동작할 테마 조건을 먼저 확인하세요.

선택 기준은 ‘새것인가’나 ‘더 많이 쓰는가’보다 본인의 반복 작업과 유지관리 비용입니다. 비교할 때는 테마와 플러그인을 그대로 둔 복사 환경에서 편집기만 바꾸세요. 테마까지 동시에 바꾸면 어떤 변화가 편집기 때문인지 구분하기 어렵습니다.

고전 편집기 설치와 편집기 선택 방법

다음 절차는 플러그인을 설치할 권한이 있는 자체 호스팅 워드프레스와 클래식 테마를 전제로 합니다. Classic Editor 공식 안내는 블록 테마와 전체 사이트 편집을 지원하지 않는다고 설명합니다. 블록 테마에서 설정이 보이지 않거나 고전 화면으로 바뀌지 않는다면 고장을 단정하지 말고 이 조건을 먼저 확인하세요. WordPress.com 등 관리형 서비스는 요금제와 관리자 정책에 따라 설치 가능 여부가 다를 수 있습니다.

1. 백업하고 현재 상태를 적습니다. 데이터베이스와 파일을 백업하고 현재 테마, 활성 플러그인, 기본 편집기 설정을 기록합니다. 운영 사이트를 복제한 시험 환경인 스테이징에서 먼저 확인하세요.
2. 플러그인 → 새 플러그인 추가에서 ‘Classic Editor’를 검색합니다. 공식 Classic Editor 배포 페이지와 제작자 정보를 대조한 뒤 설치하고 활성화합니다.
3. 설정 → 쓰기에서 모든 사용자의 기본 편집기를 선택합니다. 기존 고전 작업을 유지하려면 고전 편집기, 새 글을 블록으로 쓰려면 블록 편집기를 기본으로 정합니다.
4. 사용자가 편집기를 전환하도록 허용할지 선택합니다. 글마다 비교하려면 전환을 허용하고 저장합니다. 공동 운영 사이트에서는 편집 방식이 섞여 생길 문제를 팀과 정리하세요.
5. 글 → 모든 글에서 전환 가능한 편집 링크를 확인하고 연습용 초안을 엽니다. 설정과 버전에 따라 글 목록의 링크 또는 편집 화면의 전환 메뉴로 선택할 수 있습니다. 허용된 경우 각 글은 마지막으로 사용한 편집기로 다시 열립니다.
6. 새 글과 기존 글을 각각 확인합니다. 기본값을 바꾸는 것만으로 모든 기존 글이 개별 블록으로 변환되지는 않습니다. 미리보기로 결과를 확인한 뒤 운영 글에 적용하세요.

설정이 없으면 권한, 블록 테마 여부, 다른 편집기 제어 플러그인을 확인합니다. 멀티사이트에서는 네트워크 관리자가 설정을 제한할 수 있습니다. 플러그인을 임의로 여러 개 설치해 편집기를 강제로 전환하기보다 현재 제한의 원인을 먼저 확인하는 편이 낫습니다. 메뉴 번역과 위치는 워드프레스·플러그인 버전 및 관리 환경에 따라 조금씩 달라질 수 있습니다.

기존 글을 전환하고 안전하게 되돌리는 방법

클래식 블록과 블록으로 변환

기존 고전 본문을 블록 편집기에서 열면 내용이 클래식 블록으로 표시될 수 있습니다. 그 안에서 기존 내용을 편집할 수도 있고 ‘블록으로 변환’을 선택해 문단·제목·이미지 등으로 나눌 수도 있습니다. 블록 편집기를 켰다는 사실과 본문을 개별 블록으로 변환했다는 사실은 다릅니다.

복잡한 표, 사용자 정의 HTML, 오래된 플러그인 서식은 원하는 블록으로 완벽하게 나뉜다고 보장할 수 없습니다. 변환 뒤 내용과 배치를 확인하고, 필요한 부분은 클래식 블록이나 HTML로 유지하는 선택도 검토하세요. 정상적으로 보이는 기존 글을 한꺼번에 변환할 필요는 없습니다.

반대로 블록 글을 고전 편집기에서 수정하면 블록 구조나 속성이 달라질 수 있습니다. 블록은 HTML뿐 아니라 구조를 구분하는 주석과 설정도 저장합니다. 이를 텍스트 탭에서 지우거나 서식을 다시 처리하면 이후 블록 편집기에서 복구 안내가 나올 수 있습니다. 특히 일부 동적 블록은 플러그인 실행에 의존하므로 단순한 HTML 복사로 대체되지 않습니다.

전환 전후 확인과 복원 절차

1. 운영 글을 바로 저장하지 않습니다. 복원할 수 있는 백업을 마련하고 제목·본문·요약문·대표 이미지·카테고리·공개 URL을 기록합니다. 스테이징 또는 별도 연습용 초안을 이용합니다.
2. 대표적인 글 한 편부터 시험합니다. 긴 본문뿐 아니라 표·사진·캡션·목록·쇼트코드·추가 블록을 포함한 글을 고릅니다. 기존 화면도 비교용으로 남깁니다.
3. 한 가지 변경만 적용합니다. 편집기만 바꾸거나 클래식 블록 하나만 변환한 뒤 저장합니다. 테마 변경과 플러그인 정리를 동시에 진행하지 않습니다.
4. 공개 화면 또는 미리보기를 비교합니다. 제목 단계, 링크, 사진 대체 텍스트, 표의 열, 쇼트코드 출력과 모바일 줄바꿈을 점검합니다. 편집 화면에 내용이 있다고 실제 기능이 정상이라는 뜻은 아닙니다.
5. 이상이 있으면 추가 저장을 멈춥니다. 저장 전에는 실행 취소를 이용할 수 있습니다. 이미 저장했다면 사용 가능한 리비전에서 변환 전 본문을 확인해 복원하거나 백업을 사용합니다. 리비전 보존 여부는 사이트 설정에 따라 다르며 파일·플러그인 설정 전체를 복원하는 백업은 아닙니다.
6. 본문과 설정을 각각 되돌립니다. 필요한 본문을 복원한 뒤 기록해 둔 기본 편집기와 관련 설정을 맞추고 다시 확인합니다. Classic Editor 비활성화는 저장된 본문의 변환을 되돌리는 작업이 아닙니다. 복원이 확인된 뒤 나머지 글에 적용할지 결정하세요.

자주 묻는 질문

블록 편집기와 고전 편집기 중 무엇을 더 많이 사용하나요?

정확한 현재 전체 이용 비율을 하나의 수치로 단정하기는 어렵습니다. 워드프레스 2023년 공식 설문에서는 응답자의 60%가 구텐베르크를 사용한다고 답했습니다. 이는 2023년 응답자 기준이며 고전 편집기와 병행하는 경우를 배제한 2026년 전체 점유율이 아닙니다. Classic Editor 공식 페이지는 2026년 10월 확인 시 활성 설치 800만 개 이상을 표시하지만, 설치 수는 사람 수나 고전 편집기만 쓰는 사이트 수와 같지 않습니다.

편집기를 바꾸면 SEO나 사이트 속도가 좋아지나요?

편집기 이름만으로 검색엔진 최적화(SEO)나 속도 향상이 보장되지는 않습니다. Google의 SEO 기본 가이드가 다루는 읽기 쉬운 콘텐츠, 명확한 제목과 링크 등 최종 페이지의 품질을 살펴야 합니다. 속도는 테마·이미지·스크립트·광고·추가 블록 등의 영향을 받습니다. 비교하려면 같은 콘텐츠와 환경에서 최종 페이지를 측정해야 하며, 관리자 편집 화면의 반응 속도와 방문자의 페이지 로딩 속도도 구분해야 합니다.

클래식 테마에서도 블록 편집기를 사용할 수 있나요?

네. 클래식 테마라는 말은 테마의 구성 방식을 뜻하며 고전 편집기 사용을 의미하지 않습니다. 다만 넓은 너비, 색상, 편집 화면 스타일 등 지원 범위는 테마마다 다릅니다. 사이트 편집기는 별도로 블록 테마가 필요합니다.

글마다 다른 편집기를 사용할 수 있나요?

지원되는 환경에서 Classic Editor의 전환 허용 설정을 사용하면 글마다 편집기를 선택할 수 있습니다. 그렇다고 같은 글을 두 편집기로 번갈아 저장해도 항상 문제가 없다는 뜻은 아닙니다. 기존 글은 호환성이 확인된 편집 방식으로 유지하고, 새 방식을 시험할 때는 복사본으로 먼저 확인하는 편이 안전합니다.