워드프레스를 설치하고 테마를 사용하게 되면 테마마다 본문의 글자간격이 모두 틀립니다. 어떠한 경우는 본문의 글자간격이 너무 넓을수도 있고 어떠한 경우는 너무 좁을수도 있을 것입니다.
이러한 본문의 글자 줄 간격을 줄이거나 키우는 방법은 무엇일까요? 매우 간단합니다. 먼저 한글폰트 적용등 크롬의 요소검사 기능을 활용하여 부분 수정하는 방법은 이곳을 참조해보시면 되겠습니다.
상기 링크의 글을 보시면 요소검사(또는 검사)기능을 어떻게 활용하는지 자세히 보실수 있습니다.
먼저 자이언트사이트의 본문 글자간격을 확인해 보도록 하겠습니다.
요소검사를 통해서 소스를 보니 본문을 의미하는 body의 Line-height가 1.6em으로 정의되어 있습니다. 그런데 좀더 글자 줄 간격을 좀더 줄이고 싶다면 이 값을 조절하면 됩니다. (상단의 적색박스칸 참조)
워드프레스 테마에서 설정한 기본값인 1.6em 보다 작은 1em으로 줄이게 되면 위의 모습처럼 보여지게 됩니다. 사람마다 어떤 줄 간격이 더 읽기 좋다고 느끼는것은 틀릴 것입니다. 가장 마음에 드는 줄간격과 가독성을 함께 고려하여 조절하시면 되겠습니다.
물론 크롬의 요소검사(검사)에서 수정된 값은 미리보기 역할만 하므로 줄 간격을 결정했다면 style.css 값을 수정한후 FTP 프로그램등을 이용하여 원본파일에 수정파일을 덮어씌워야 실제 적용될 것입니다.
5 Comments
열매맺는나무
고맙습니다. 덕분에 행간 폭 문제 해결했습니다.
Giantt
도움이 되셨다니… 다행입니다. ^^
민은혜
혹시 워드프레스에서 쓰인 글 제목 줄 간격을 조절 할 수도 있나요?
PC버전일때는 한줄짜리 제목인데 모바일버전으로 보면 아무래도 폭이 줄어들다보니 두줄로 바뀌어 보이는데, 이 때 두줄로 된 제목이 줄간격이 좁아서 겹쳐보이네요ㅠㅠ
Giantt
물론 소스코드 자체를 건드리는 방법이므로 조절됩니다. 다만 편의성 측면에서 먼저 별도 테마를 사용하신다면 옵션에서 제목폰트크기 조절기능이 있는지 확인하여 수정해보시면 되겠습니다.
익명
잘봤습니다