오늘은 글의 가독성을 높여주기 위한 워드프레스 줄 간격 설정 방법을 통해 사람들에게 보다 쉽게 정보를 전달할 수 있는 읽기 쉬운 글을 작성해 보도록 하겠습니다.
워드프레스 줄 간격 설정 – GeneratePress
워드프레스 안에는 정말 수많은 종류의 테마들이 있는데 오늘은 많은 분이 많이 사용하시고 속도가 빠르기로 유명한 ‘GeneratepPress‘ 기준으로 줄 간격을 설정하는 방법을 설명해 드리도록 하겠습니다. 먼저 아래와 같이 사용하시는 워드프레스의 관리자 페이지부터 시작해 보겠습니다.
CCS 코드 추가
GeneratePress에서 줄 간격을 설정하는 방법은 간단합니다. 바로 CCS에서 코드 하나만 추가하면 되는데 사용자 정의하기의 추가 CCS에서 원하시는 공간에 아래 코드를 복사하셔서 먼저 붙여넣기를 해줍니다.
|
# 워드프레스 줄 간격 설정 CCS 코드 (GeneratePress) |
HTML 코딩을 아시는 분이라면 아시겠지만, 워드프레스 줄 간격을 설정할 수 있는 ‘line-height’ 코드입니다. 코드에 이어 원하시는 단위를 입력하시면 되고 위에서는 CCS에서 주로 사용하는 크기 단위인 ’em’과 ‘px’중 저는 ’em’을 사용하고 있는데 이 부분은 편하신 대로 변경하셔서 적용하시면 되겠습니다.
줄 간격 설정
GeneratePress에서는 CCS를 추가할 때 코드 우측의 화면에서 적용여부를 바로 확인하실 수 있기 때문에 아래와 같이 원하시는 간격을 확인하시고 줄 간격을 조정하시면 되겠습니다.
줄 간격 늘리기
위에 있는 코드 기준으로 줄 간격을 늘려보겠습니다. 크기는 1.8 em에서 2.2 em으로 0.4 em 키우게되면 아래와 같이 적용 됩니다.
줄 간격 줄이기
다음은 이제 줄 간격을 줄여보겠습니다. 크기는 1.8 em에서 1.4 em으로 늘렸던 것과 동일하게 0.4em 줄이게 되면 아래와 같이 적용됩니다.
WRAP-UP
오늘은 워드프레스 줄 간격을 설정하는 방법에 대해 알아보았습니다. 일반적으로 줄 간격은 ‘Shift+Enter’나 다음 문단으로 넘어가는 방식으로 조정을 많이 하시는데 문단 내에서 가독성을 높이기 위해 줄 간격을 설정하시는 거라면 위에 있는 가이드를 잘 활용하셔서 보기 쉽고 이해하기 쉬운 글을 작성하시기를 바랍니다.