헤딩 텍스트 반응 설정하기

//워드프레스/아바다 테마/헤딩 텍스트 반응 설정하기

웹사이트 디자인을 위해 또는 SEO를 위해 텍스트를 표현할 때 적절한 HTML 태그를 사용하는 것은 아주 중요합니다.
그래서 웹사이트 제작 시 가장 첫 단계에 하는 설정이 바로 문서 작성을 위한 텍스트별 설정(크기, 행간, 자간, 서체 등등)입니다.
아바다 테마는 “테마옵션-타이포그래피” 에서 이 설정을 합니다. (참고. 아바다테마에서 한글 서체를 설정하는 방법)
이때, 만약 웹사이트의 디자인을 위해 헤딩태그의 글자 크기를 크게 설정한 경우, 데스트톱에서는 적절하게 보이지만 모바일기기에서는 부담스럽게 크게 글자가 나타납니다. (아래 동영상 참고)

아바다테마 반응형 헤딩 타이포그래피 옵션 설정 전

아바다테마 반응형 헤딩 타이포그래피 옵션 설정 후

이를 해결하는 옵션은 “테마옵션-반응형-헤딩 태그 반응 민감도”입니다. 이 옵션을 사용해서 헤딩태그(h1~h6)의 반응을 설정합니다.
이 옵션은 기본값으로 Off되어 있습니다.(현재 5.7.1 버전)
이 옵션을 On하고 민감도와 최소 폰트 사이즈 비율을 적절하게(내 웹사이트의 글자 크기와 반응 상태를 보고) 조정합니다.

이후 웹사이트가 표시되는 기기의 화면 넓이에 따라 글자의 크기가 반응을 합니다.
반응정도와 최소 크기에 관한 설명의 위의 이미지를 참고하세요.

|2018. 11. 8|카테고리: 아바다 테마|0 개의 댓글

글쓴이 :

댓글 쓰기