워드프레스 홈 화면 그리드 설정은 글을 어떻게 보여줄지 결정하는 중요한 부분입니다. 처음 들어왔을 때 글이 길게만 이어져 있으면 원하는 내용을 찾기 어렵습니다. 글이 많아질수록 이 문제는 더 눈에 띄고, 중요한 글이 금방 뒤로 밀리는 흐름이 반복됩니다.
이런 구조에서는 방문자가 한 페이지에서 오래 머무르기 어렵습니다. 여러 글을 이어서 보지 않고 중간에 나가는 경우가 늘어나면서 전체 흐름도 끊기게 됩니다. 그래서 홈 화면을 단순 목록 대신 정리된 형태로 바꿔 주는 것이 좋습니다. 글을 카드처럼 나눠서 보여주면 한눈에 들어오고, 필요한 내용을 찾기도 훨씬 쉬워집니다.
이럴 때 Post Grid 플러그인을 사용하면 편합니다. 코드를 따로 수정하지 않아도 글 목록을 그리드 형태로 배치할 수 있어서, 홈 화면 구성을 간단하게 정리할 수 있습니다.
목차
문제 상황
워드프레스 기본 홈 화면은 보통 최신 글 목록 중심입니다. 이 구조는 처음에는 괜찮습니다.
하지만 글이 쌓이면 아래 문제가 생깁니다.
- 글 목록이 길어짐
- 이미지가 제각각 보임
- 방문자가 원하는 글을 찾기 어려움
- 홈 화면 클릭률이 떨어짐
- 오래된 글 노출이 약해짐
결국 홈 화면이 단순해 보이는 문제가 아니라 사이트 내부 이동이 줄어드는 문제로 이어집니다.
해결 방향
Post Grid 플러그인을 사용하면 홈 화면을 카드형 목록으로 바꿀 수 있습니다.
핵심 흐름은 다음과 같습니다.
- Post Grid 플러그인 설치
- 새 그리드 생성
- 표시할 글 개수 설정
- 카드 높이와 화면 크기 설정
- 숏코드 복사
- 새 페이지에 숏코드 삽입
- 읽기 설정에서 홈 화면으로 지정
이 과정을 거치면 워드프레스 홈 화면 그리드가 실제 사이트 첫 화면에 표시됩니다.
홈 화면 그리드 설정 과정
워드프레스 관리자 화면에서 먼저 플러그인을 설치해 줍니다. 플러그인 추가 메뉴로 들어가서 검색창에 Post Grid를 입력하면 해당 플러그인을 찾을 수 있습니다. 테마에 기본 홈 화면 그리드 기능이 없는 경우에는 이 과정을 먼저 진행해야 합니다.
별도로 설정하지 않으면 글 목록을 카드 형태로 나누어 보여주기 어렵기 때문입니다. 설치를 마친 뒤에는 활성화까지 같이 진행해 줍니다. 여기까지 완료되어야 다음 단계에서 실제 화면 구성을 바꿀 수 있습니다.
플러그인을 활성화하면 관리자 화면 왼쪽 메뉴에 Post Grid 항목이 추가됩니다. 이 메뉴로 들어가면 그리드를 새로 만들 수 있습니다. 여기에서 Add New 버튼을 눌러 기본 틀을 하나 만들어 주면 됩니다. 이 과정이 있어야 홈 화면에 보여줄 글 묶음을 따로 구성할 수 있습니다.
홈 화면 그리드를 만들지 않으면 글을 카드 형태로 나눠서 배치할 수 없기 때문에, 이 단계는 꼭 먼저 진행해 두는 것이 좋습니다. 이후 설정은 이 틀을 기준으로 하나씩 맞춰 나가면 됩니다.
홈 화면 그리드를 새로 만들면 이름을 입력하는 화면이 먼저 나옵니다. 이 이름은 사이트에 그대로 표시되는 것이 아니라, 관리자 화면에서 구분할 때 사용하는 용도입니다. 여러 개의 그리드를 만들다 보면 서로 헷갈릴 수 있기 때문에, 용도를 바로 알아볼 수 있는 이름으로 정해 두는 것이 좋습니다.
예를 들어 홈 화면에 쓰는 경우라면 ‘홈 화면’, ‘메인 그리드’처럼 간단하게 적어 두면 나중에 찾기 쉽습니다. 이 단계에서는 복잡하게 생각할 필요 없이, 나중에 다시 봤을 때 어떤 용도인지 바로 떠오를 수 있는 이름으로 정해 두면 됩니다.
홈 화면 그리드에 어떤 내용을 보여줄지 정하는 단계입니다. 화면에 표시될 글 종류를 여기서 선택하게 됩니다. 일반적인 블로그 글을 보여주려면 ‘글(Post)’을 선택하면 됩니다. 이 부분을 다른 항목으로 두면 페이지나 다른 데이터가 함께 표시될 수 있어 원하는 화면과 다르게 나올 수 있습니다.
처음 설정할 때 이 부분을 정확히 맞춰 두는 것이 중요합니다. 어떤 글을 보여줄지 기준이 여기서 결정되기 때문에, 이후 화면 구성에도 그대로 영향을 줍니다.
한 화면에 표시할 글 개수를 정하는 단계입니다. 이 값에 따라 홈 화면에서 보이는 글 양이 달라집니다. 글 수를 너무 많이 잡으면 페이지가 무거워질 수 있고, 반대로 너무 적으면 화면이 비어 보일 수 있습니다.
처음 설정할 때는 6개에서 9개 사이로 맞춰 두면 무난하게 시작할 수 있습니다. 이 설정은 단순히 보이는 개수만 바꾸는 것이 아니라, 로딩 속도에도 영향을 줍니다. 그래서 화면 구성과 속도를 함께 고려하면서 맞추는 것이 좋습니다.
카드 높이와 화면 크기에 따른 표시 방식을 맞추는 단계입니다. 같은 그리드라도 데스크톱, 태블릿, 모바일에서 보이는 형태가 서로 다르기 때문에 각각 따로 확인해 주는 것이 필요합니다.
설정할 때는 모바일 화면을 먼저 기준으로 잡는 것이 편합니다. 작은 화면에서 균형이 맞아야 다른 기기에서도 자연스럽게 이어지기 때문입니다. 이 부분을 제대로 맞추지 않으면 카드 높이가 들쭉날쭉해 보이거나, 간격이 어색하게 벌어지는 경우가 생길 수 있습니다.
화면 전체가 정리되지 않은 느낌으로 보일 수 있으니 미리 확인해 두는 것이 좋습니다.
홈 화면 그리드를 만들고 나면 사용할 수 있는 코드가 함께 생성됩니다. 이 코드를 페이지에 넣어야 실제 화면에 그리드가 표시됩니다. 설정만 해 두고 코드를 넣지 않으면 화면에는 아무 내용도 나오지 않습니다.
그래서 이 단계에서 코드를 복사해 두는 것이 중요합니다. 복사한 코드는 원하는 위치에 붙여 넣으면 바로 적용됩니다. 홈 화면이나 특정 페이지에 배치할 때 이 코드를 기준으로 불러오게 됩니다.
새 페이지를 하나 만들고, 앞에서 복사한 숏코드를 본문에 붙여 넣습니다. 이렇게 만든 페이지가 이후 홈 화면으로 사용될 기준 페이지가 됩니다. 이 페이지에는 다른 내용을 따로 넣지 않는 것이 보기 편합니다.
불필요한 텍스트 없이 숏코드만 넣어 두면 화면 구성이 더 깔끔하게 유지됩니다. 페이지를 저장한 뒤 미리 보기를 통해 정상적으로 표시되는지 한 번 확인해 두면 이후 설정을 이어가기 수월합니다.
관리자 메뉴에서 설정 → 읽기로 들어가면 홈페이지 표시 방식을 바꿀 수 있습니다. 기본값은 최신 글이지만, 이 상태에서는 글 목록만 계속 이어서 보이게 됩니다. 여기서 표시 방식을 정적인 페이지로 바꿔 줍니다.
그리고 앞에서 만들어 둔 페이지를 홈 화면으로 지정하면 됩니다. 이렇게 설정하면 처음 접속했을 때 보이는 화면이 바뀝니다. 기존처럼 글이 길게 나열되는 대신, 그리드 형태로 정리된 화면이 바로 표시됩니다.
변경 전
- 글이 세로로 길게 나열
- 오래된 글 노출 거의 없음
변경 후
- 카드형 구조
- 여러 글 동시에 노출
- 클릭 선택 쉬움
서버 / 속도 영향
홈 화면 그리드 구조는 편하지만 설정을 잘못하면 속도가 느려질 수 있습니다.
특히 주의할 부분:
- 게시물 개수
- 이미지 크기
- 모바일 레이아웃
해결 기준
- 6~9개 시작
- 이미지 최적화
- 캐시 플러그인 사용
마무리
워드프레스 홈 화면 그리드는 복잡한 작업이 아닙니다.
- 플러그인 설치
- 그리드 생성
- 숏코드 적용
- 홈 화면 지정
이 흐름만 따라가면 바로 적용됩니다.
▶ 워드프레스 스팸 댓글 폭증 문제 해결 (실전 차단 설정 가이드)
