아스트라 테마 본문 글자 크기 및 줄 간격 조정하기

저는 워드프레스 테마를 변경하면 먼저 글자 크기를 키우는 편입니다. 아스트라 테마의 경우 무료 버전에서는 전체 본문 글자 크기를 조정하는 옵션이 제공되지만 블로그 포스트 본문 폰트의 크기와 줄 간격(행간)을 변경하는 옵션은 제공되지 않습니다.

GeneratePress 테마를 사용하는 경우 다음 글을 참고하여 본문 글자 크기와 줄 간격을 조정할 수 있습니다.

아스트라 테마 본문 글자 크기 및 줄 간격 조정하기

Astra는 GeneratePress와 함께 빠른 테마로 평가되고 있습니다. 그리고 아스트라는 엘리멘터와 함께 사용하여 쇼핑몰 사이트 제작에도 많이 사용됩니다.

참고로 클라우드웨이즈를 이용하는 경우 사이트 개수에 관계 없이 Astra Pro를 1년 동안 무료로 사용할 수 있고, 이후에는 월 4달러에 이용할 수 있습니다("클라우드웨이즈에서 Astra Pro 테마 무료로 사용하기" 참고).

아스트라 무료 버전을 사용하는 경우 외모 » 사용자 정의하기 » 글로벌 » 글자 페이지로 이동하여 Body Font 섹션에서 글자 크기를 설정할 수 있습니다.

Body Font의 글자 크기를 조정하면 블로그 본문의 글자 크기뿐만 아니라 헤딩 (Heading)을 제외한 나머지 모든 부분의 글자 크기가 변경되는 것 같습니다.

블로그 글 본문 글자 크기만 조정하고 싶은 경우 CSS 코드를 사용할 수 있습니다.

• font-size: 글자 크기 설정
• line-height: 행간 설정

예시:

/* Adjusting the font size and line height of the Single Post body in the Astra theme */

.entry-content p {
	font-size: 1.2em;
	line-height: 1.9em;
}

상기 코드는 대부분의 테마에서 작동할 것입니다. 뉴스페이퍼 등 자체 CSS 클래스를 사용하는 경우에는 상황에 맞게 적절히 변경하여 적용하시기 바랍니다.

숫자 값은 적절히 변경하세요. 위에 제시된 CSS 코드를 외모 » 사용자 정의하기 » 추가 CSS에 추가하거나 차일드 테마의 스타일시트 파일(style.css)에 추가할 수 있습니다.

기본적인 CSS를 이해하시면 글자 크기, 컬러 등의 스타일을 쉽게 조정할 수 있습니다.

참고

• 워드프레스 블로그 수익화 관련 전자책을 구입해도 될까?
• 챗GPT에서 Canva를 사용하는 방법