워드프레스 홈화면 레이아웃 직접 구성하는 방법

워드프레스 홈화면 레이아웃을 원하는 형태로 바꾸고 싶은데 무료 테마 기능만으로는 한계를 느끼는 경우가 많습니다. 특히 최신 글 목록만 반복해서 보여주는 구조는 사이트 특징을 살리기 어렵고, 원하는 정보 배치도 제한되는 경우가 많습니다.

처음에는 테마 설정만으로 해결하려고 하지만 실제로는 레이아웃 자유도가 부족해서 답답함을 느끼게 됩니다. 카테고리별 영역을 나누거나 특정 위젯을 원하는 위치에 배치하려고 하면 결국 유료 기능으로 넘어가는 경우도 많습니다.

문제는 디자인 기능이 많아질수록 사이트 로딩이 무거워지는 경우도 있다는 점입니다. 특히 홈화면은 방문자가 가장 먼저 보는 영역이라 지나치게 무거운 구성은 속도 저하로 이어질 수도 있습니다.

그래서 이번에는 워드프레스 홈화면 레이아웃을 직접 구성할 수 있는 Page Builder by SiteOrigin 플러그인을 기준으로 정리해보겠습니다. 실제 설치부터 레이아웃 구성, 위젯 추가 흐름까지 이미지 순서대로 설명하겠습니다.

무료 테마만으로 홈화면 구성이 어려운 이유

워드프레스 무료 테마는 시작하기는 편하지만 홈화면을 원하는 구조로 바꾸기 어려운 경우가 많습니다. 특히 뉴스 스타일이나 포털형 화면처럼 카테고리 영역을 나누고 싶을 때 제한이 크게 느껴질 수 있습니다.

최신 글만 반복 출력되는 구조는 방문자 입장에서 정보 구분이 어렵게 느껴질 수도 있습니다. 그래서 워드프레스 홈화면 레이아웃을 직접 구성할 수 있는 플러그인을 찾게 되는 경우가 많습니다.

워드프레스 플러그인 검색 화면에서 Page Builder by SiteOrigin 플러그인을 설치하는 모습입니다. 레이아웃을 직접 구성하기 위해서는 먼저 이 플러그인을 설치해야 합니다. 단순 디자인 변경이 아니라 페이지 구조 자체를 나누는 역할을 하게 됩니다.

설치를 끝내고 바로 찾으려고 하면 메뉴 위치 때문에 당황하는 경우가 많습니다. 일반 설정 메뉴가 아니라 페이지 편집 화면 안에서 동작하기 때문입니다.

새 페이지 추가 화면에서 Page Builder 버튼이 표시된 모습입니다. 이 버튼을 눌러야 워드프레스 화면 레이아웃을 직접 구성할 수 있는 편집 화면으로 이동하게 됩니다.

홈화면을 원하는 구조로 만들기 위해서는 먼저 화면 비율을 나누는 작업이 필요합니다. 예를 들어 최신 글 영역과 사이드 영역 비율을 다르게 구성하려면 직접 레이아웃을 설정해야 합니다.

Page Builder 상단 메뉴 화면입니다. Add Widget, Add Row, Layouts 같은 기능들이 보이는 상태입니다. 여기서 핵심은 Add Row 기능입니다. 이 기능을 통해서 화면 전체 구조 비율을 직접 설정하게 됩니다.

단순히 2단 구조만 만드는 것이 아니라 각 영역의 비율까지 직접 조절해야 원하는 화면이 나옵니다. 특히 뉴스 스타일처럼 큰 영역과 작은 영역을 같이 배치하려면 비율 조정 기능이 중요합니다.

Add Row 기능으로 레이아웃 비율을 직접 조정하는 화면입니다. 왼쪽은 넓게, 오른쪽은 좁게 구성하는 방식처럼 원하는 비율을 직접 설정할 수 있습니다. 화면 구성을 세밀하게 바꾸고 싶을 때 가장 많이 사용하는 기능입니다.

처음 사용하는 경우에는 어떤 구조로 만들어야 할지 막막하게 느껴질 수 있습니다. 그래서 미리 제작된 레이아웃을 불러오는 Layouts 기능을 사용하는 경우도 많습니다.

Layouts 기능으로 미리 만들어진 레이아웃 목록을 불러온 모습입니다. 홈페이지 스타일별 샘플 구조가 제공되기 때문에 처음부터 직접 만들지 않아도 원하는 형태를 빠르게 적용할 수 있습니다.

레이아웃만 만든다고 끝나는 것은 아닙니다. 실제 콘텐츠를 채우기 위해서는 위젯 기능이 같이 필요합니다. 최신 글, 이미지, 카테고리, 다운로드 목록 같은 요소들을 삽입해야 홈화면이 완성됩니다.

Add Widget 화면에서 다양한 위젯을 선택하는 모습입니다. 기본 워드프레스 위젯뿐 아니라 설치된 플러그인의 위젯까지 같이 표시됩니다. 그래서 다운로드 목록이나 최근 글 같은 기능도 원하는 위치에 넣을 수 있습니다.

홈화면 레이아웃을 직접 구성한 뒤에는 최신 글만 반복되는 단순 구조에서 벗어날 수 있었습니다. 특히 원하는 카테고리를 따로 배치하거나 다운로드 영역, 최근 게시물 영역을 나누어 구성하면서 사이트 흐름 자체가 훨씬 정리된 느낌이 들었습니다.

또한 불필요하게 무거운 테마 기능을 사용하지 않고 필요한 구성만 직접 배치할 수 있어서 홈화면 관리도 이전보다 단순해졌습니다.

워드프레스 홈화면 레이아웃은 단순 디자인보다 “정보를 어떻게 보여줄 것인가”에 더 가까운 작업입니다. 특히 무료 테마 한계를 느끼고 있다면 Page Builder 방식처럼 직접 레이아웃을 구성하는 흐름이 훨씬 자유롭게 느껴질 수 있습니다.