블록 테마에서 전면 페이지 템플릿을 안전하게 수정하는 법

블록 테마에서 HOME 페이지를 수정했는데 왜 그대로일까?

워드프레스 블록 테마(FSE)를 처음 쓰면 모두가 겪는 문제가 있다. 페이지 > HOME을 열어서 큰 배너 문구를 바꿨는데, 실제 홈페이지에서는 하나도 안 바뀐 것이다.

이유는 간단하다. 우리가 본 HOME은 페이지 본문이 아니라 전면 페이지 템플릿(Front Page Template)이기 때문이다. 블록 테마는 기존 클래식 테마와 달리 페이지 내용뿐 아니라 헤더, 푸터, 홈의 구조 자체를 모두 블록으로 관리한다. 그래서 어디를 고쳐야 하는지 구분하지 않으면 다른 페이지까지 다 깨진다.

로니트윈스 블로그도 Midnight Blogger 테마에서 같은 문제를 겪었다. HOME 페이지 본문이 아닌, 외모 > 편집기 > 템플릿 > 전면 페이지에 있는 히어로 영역과 최근 글 목록 패턴이 실제 홈을 담당하고 있었다. 이 글은 블록 테마 초보자가 전면 페이지를 안전하게 수정하는 정확한 범위를 구분하는 방법을 정리한 것이다.

1단계: 무엇을 바꾸는지부터 구분해야 한다

블록 테마 수정의 90%는 범위 구분에서 끝난다. 수정 전에 내가 바꾸려는 게 아래 4개 중 무엇인지 먼저 확인해야 한다.

수정 대상별 영향 범위 정리

  • 페이지 본문: 특정 페이지 한 곳에만 영향을 준다. 예) About 페이지의 소개 문단, 문의 페이지의 안내 문구. 페이지 > HOME에서 수정하면 여기다.
  • 전면 페이지 템플릿: 홈페이지 전체 구조를 바꾼다. 예) 홈의 큰 히어로 문구, 소개 영역, 최근 글 목록 패턴. 외모 > 편집기 > 템플릿 > 전면 페이지에서 수정해야 한다.
  • 헤더 템플릿 부분: 사이트 전체 상단에 영향을 준다. 예) 로고, 메뉴, 검색 아이콘. 하나를 바꾸면 모든 페이지의 헤더가 바뀐다.
  • 푸터 템플릿 부분: 사이트 전체 하단에 영향을 준다. 예) 저작권, 개인정보처리방침, 문의 링크.

목적이 불분명한 상태에서 전면 페이지 템플릿을 건드리면, 의도치 않게 글 상세 페이지의 레이아웃까지 바뀌는 사고가 난다. 그래서 수정 전에 반드시 현재 공개된 홈 화면을 전체 캡처하고, 수정할 템플릿의 이름과 적용 범위를 메모장에 기록해야 한다.

2단계: 저장하기 전에 리비전과 영향 범위를 확인한다

블록 테마의 사이트 편집기는 자동 저장이 아니라, 여러 변경사항을 한 번에 묶어서 저장하는 방식이다.

예를 들어 헤더 로고를 바꾸고 전면 페이지 문구를 바꾸면, 저장 창에 헤더 템플릿 부분 1개, 전면 페이지 템플릿 1개 변경 이렇게 2개가 함께 뜬다. 여기서 원하지 않는 항목은 체크를 해제하고 저장해야 한다.

안전한 저장을 위한 습관:

  1. 저장 버튼을 누르기 전에 변경사항 검토 목록을 10초만 읽는다.
  2. 내가 바꾼 게 전면 페이지 템플릿 1개만 맞는지 확인한다.
  3. 저장 후에는 홈(HOME)뿐 아니라, 글 한 편, 소개 페이지, 카테고리 목록 페이지의 헤더와 푸터가 깨지지 않았는지 3곳을 더 열어본다.

나는 이렇게 기록한다. 운영 기록 예시: 2026-09-05 / 전면 페이지 템플릿 수정 / HOME 반영 여부 확인 / 기존 글 헤더·푸터 정상 / 모바일 홈·최근 글 목록 확인 / 리비전 12 기록. 이 기록이 있으면 나중에 문제가 생겨도 10초 만에 이전 리비전으로 복구할 수 있다.

3단계: 패턴은 출발점일 뿐, 사이트 목적에 맞게 직접 써야 한다

Midnight Blogger 같은 블록 테마를 설치하면 멋진 데모 문구와 사진이 들어 있다. “우리는 당신의 이야기를 나눕니다” 같은 문구다.

이걸 그대로 두는 게 가장 위험하다. 구글은 홈의 히어로 문구를 사이트의 주제(Topical Authority)로 인식한다. 데모 문구를 그대로 두면 내 블로그가 여행 블로그인지, 운영 일지인지 알 수 없게 되어 SEO에 불리하다.

패턴을 사용하더라도 반드시 4가지를 내 사이트 목적에 맞게 고쳐 써야 한다.

  1. 누구를 위한 사이트인가: 독자 대상을 명확히 한다. 예) “워드프레스로 1인 블로그를 운영하는 사람을 위한 운영 기록”
  2. 무엇을 다루는가: 카테고리 범위를 쓴다. 예) “블록 테마 설정, 모바일 가독성, 운영 기록”
  3. 최근 글은 무엇인가: 최근 글 목록 패턴이 실제 최신 글 3개를 잘 보여주는지 확인한다.
  4. 어디로 문의하는가: 문의 버튼의 링크가 404가 아닌 실제 문의 페이지로 연결되는지 확인한다.

이 과정은 단순한 디자인 변경이 아니라, 방문자가 홈에서 3초 안에 이 사이트가 뭘 하는 곳인지 알게 만드는 탐색(내비게이션) 최적화 작업이다.

4단계: 초보자를 위한 안전한 수정 5단계 순서

아래 순서대로만 하면 다른 페이지가 깨질 위험이 없다.

1) 공개 홈을 캡처하고 바꿀 문구·링크를 메모한다.
2) 워드프레스 관리자 > 외모 > 편집기 > 템플릿 > 전면 페이지 템플릿을 연다.
3) 왼쪽 리스트에서 지금 내가 만지는 게 페이지 본문인지, 템플릿인지, 템플릿 부분인지 이름을 다시 확인한다.
4) 문구와 링크만 바꾸고, 기존 글의 URL이나 제목은 절대 건드리지 않는다.
5) 저장 대기 목록에서 영향 범위를 읽고 저장한 뒤, 시크릿 창과 모바일에서 홈, 대표 글, 소개 페이지를 순서대로 확인한다.

블록 테마는 어렵지 않다. 페이지와 템플릿의 차이만 이해하면, 코딩 없이도 홈페이지를 5분 만에 안전하게 바꿀 수 있다. 다음 글에서는 이렇게 수정한 전면 페이지가 모바일에서 잘 보이는지 점검하는 헤더와 히어로 여백 최적화 방법을 정리하겠다.

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다