GeneratePress 본문 폭 조절하는 방법

워드프레스 테마를 설치하면 디자인 설정대로 본문 폭이 정해지는데, GeneratePress에서는 Customize 기능으로 쉽게 원하는 대로 수치를 변경할 수 있다.


위는 GeneratePress의 Info 테마를 처음 설치한 모습이다. 브라우저 개발자도구로 검사를 해보면 본문 폭이 800px로 나오는데 PC에서는 다소 넓어 보인다.

사람의 시야에는 한계가 있어서 가로 폭이 너무 길면 다음 줄로 시선을 옮길 때마다 피로감을 느끼게 되고 그만큼 가독성도 떨어져서 적당히 조절하는 것이 좋다.


대시보드 – Appearance – Customize – Layout – Container

메뉴로 오면 사이드바를 포함한 전체 본문 폭(Container Width)이 1,280px로 되어 있는데 이 숫자를 1,100px로 바꾸면 본문 폭이 680px 정도로 줄어든다. 만약 폭이 너무 좁다고 느끼면 설정 창 맨 아래 Content Padding의 Right과 Left를 40px → 30px로 변경하면 본문 폭을 700px으로 맞출 수 있다.

PC 기준으로 방문자의 가독성을 생각했을 때 다음의 사이즈가 많이 사용되는 것 같다.

컨테이너 폭 : 약 1,100px~1,200px
본문 폭 : 약 700px~750px

이미지 중심의 블로그나 포트폴리오 사이트를 운영한다면 화면을 넓게 가는 것이 시원하겠지만, 글 중심의 블로그라면 아무래도 본문 폭이 너무 넓지 않은 것이 좋다. 사이즈를 정했다면 발행 버튼을 눌러서 블로그에 적용할 수 있다.

워드프레스 마스터 가이드
워드프레스 테마를 초기화하고 변경한 이유

Leave a Comment