미넴 스킨 소제목 수정하는 방법. 미넴 스킨은 정말 좋은 티스토리 무료 스킨입니다. 미넴 스킨을 사용하면서 글자 크기 및 소제목을 수정하는 법을 살펴보다가 저처럼 헤매시는 분들이 계실 것 같아 정보를 공유하고자 합니다.
미넴 스킨을 적용하면 빠르고 안정적인 티스토리 블로그 운영이 가능합니다. 그러기 위해서는 먼저 다운로드 해야겠죠? 스킨 제작자의 블로그를 통해 다운로드 받으실 수 있습니다.
미넴 스킨은 최고
무료로 배포 중인 여러 스킨 중에 아주 뛰어난 스킨으로 생각합니다. 물론 제 블로그에도 미넴스킨을 사용하고 있습니다. 눈에 잘 들어오는 가독성을 구현해 낼 수 있고 광고를 넣기 또한 아주 수월합니다.
제작자님께 다시 한번 감사의 말씀을 드립니다. 항상 고맙습니다. 스킨을 설치하고 난 뒤 항상 점수가 낮았던 CLS 속도 개선으로 블로그 성능이 향상이 많이 된 점은 더없이 기쁘기만 합니다.
미넴 스킨 설치 후 블로그 CLS점수 개선
구글의 PageSpeed Insights에서 성능검사를 해보시면 블로그 점수를 확인하실 수 있습니다. 2.5 정도였던 CLS가 0.059로 대폭 개선되었습니다.
미넴 스킨 소제목 변경
미넴스킨의 글자를 키우거나 줄이는 방법은 블로그 내 본문의 글자는 스킨 편집에서 조절이 가능한데 소제목의 글자는 조절을 할 수가 없습니다. 소제목의 글자의 크기를 줄이거나 키우는 방법은 다음과 같습니다. 천천히 따라 해 보시면 쉽게 하실 수가 있을 것입니다.
저는 html, css 이러한 것에 대하여 잘 모르지만 검색에 검색을 더하여 하나씩 찾아보고 변경하는 법을 알게 되었습니다.
저처럼 많은 시간을 빼앗기시지 않도록 초보 분들에게 약간이나마 도움이 되었으면 합니다. 아래에 설명드리는 내용은 미넴스킨을 사용하시는 분에게 해당되는 내용입니다.
웹페이지 소제목 글자 크기 변경
소제목은 H2, H3, H4로 구성이 되어 있습니다. 이 부분을 수정해 주셔야 하는데 미넴 스킨에서는 html에서 수정을 하시면 크기나 스타일의 변경이 가능합니다. 처음에는 몰라서 css 쪽을 건드려 보다가 새로 스킨을 깔기를 몇 번 반복했습니다.
먼저 티스토리 블로그 관리자 화면에서 스킨 편집을 눌러 html 편집 화면으로 들어가 줍니다. “심플하면서 막강한 기능을 가진 미넴스킨입니다.” 공감 또 공감합니다.
Ctrl+f를 눌러 “style 1″을 입력해서 항목을 찾아 줍니다. 약 100번쯤에 있을 겁니다. 아래로 내려가서 h1, h2, h3, h4가 보이실 겁니다. 여기에서 크기를 수정해 주셔야 합니다.
먼저 h1~4에 대한 항목에 대해서 알아보도록 하겠습니다. 본문 글을 작성하실 때 제목에 대한 내용은 다음과 같습니다.
- h1 : 제목 (맨 위의 제목을 말함)
- h2 : 제목 1 (여기서부터 아래 h3까지 소제목임)
- h3 : 제목 2
- h4 : 제목 3
{“originWidth”:710,”originHeight”:244,”style”:”alignCenter”,”alt”:”티스토리 글쓰기 제목”,”caption”:”티스토리 글쓰기 제목”,”filename”:”티스토리 글쓰기.webp”}_##]
h1, h1[data-ke-size] { font-size:calc(1.5em * [##_var_font-size-ratio_##]) !important; }
h2, h2[data-ke-size] { font-size:calc(1.4em * [##_var_font-size-ratio_##]) !important; }
h3, h3[data-ke-size] { font-size:calc(1.3em * [##_var_font-size-ratio_##]) !important;}
h4, h4[data-ke-size] { font-size:calc(1.2em * [##_var_font-size-ratio_##]) !important; }
h2부터 소제목 시작입니다. h2 [data-ke-size] { font-size:calc(1.4em * [##_var_font-size-ratio_##])! important; } 여기 부분의 부분의 숫자의 크기를 조절합니다.
글자를 키우려면 “숫자 em” 부분의 숫자가 커지면 글자가 커지고 작아지면 글자도 작아집니다. 소수점 크기로 수정하실 수 있습니다. 예를 들자면 1.234em 이렇게 지정을 하실 수 있습니다.
모바일 소제목 글자 크기 변경
모바일에서도 글자 크기를 변경을 하실 수 있으며 똑같이 Ctrl+g를 눌러 “style 1″을 입력해서 해당 항목을 찾아 줍니다. 약 190번쯤에 있을 겁니다.
미넴 스킨 모바일 소제목 크기 변경 heml코드
h1, h1[data-ke-size] { font-size:calc(1.5em * [##_var_mobile-font-ratio_##] * [##_var_font-size-ratio_##]) !important; }
h2, h2[data-ke-size] { font-size:calc(1.4em * [##_var_mobile-font-ratio_##] * [##_var_font-size-ratio_##]) !important; }
h3, h3[data-ke-size] { font-size:calc(1.3em * [##_var_mobile-font-ratio_##] * [##_var_font-size-ratio_##]) !important;}
h4, h4[data-ke-size] { font-size:calc(1.2em * [##_var_mobile-font-ratio_##] * [##_var_font-size-ratio_##]) !important; }
바꾸는 방법은 위와 같이 h1부터 h4의 글자 크기를 키우거나 줄이는 방법으로 합니다.
본문 크기를 하나씩 바꿔 보면서 적당한 크기로 바꾸시면 됩니다. 저 같은 경우에는 제목과 본문 제목 1의 크기를 같게 그리고 본문 제목 2와 본문 제목 3을 크기가 같게 조절하였습니다. 이것은 개인 취향이니까 입맛에 맞게 수정하시면 됩니다.
소제목 스타일 변경하기
미넴 스킨에서 소제목 앞에 세로줄이나 밑줄을 표시하거나 없애는 방법을 알려 드리겠습니다.
미넴 스킨에서는 소제목 앞에 세로줄이 표시가 됩니다. 이걸 없애거나 밑줄을 추가할 수 있습니다. 다양하게 변화를 줄 수 있는 미넴 스킨의 이런 점이 너무 좋습니다.
함께 보면 좋은 글
애드센스 일시적인 광고 제한 해결 무효트래픽 문제가 아닐 때 해결 방법입니다. 이렇게 해보세요.
티스토리 Meta Tag 등록은 메타 태그 플러그인을 사용하세요.
이것으로 미넴 스킨 소제목 변경에 대한 글을 마치도록 하겠습니다. 티스토리 초보 블로거들에게 무료로 스킨을 나눠주시는 제작자님께 다시 한번 감사드리며 마치도록 하겠습니다. 끝까지 읽어 주셔서 감사합니다.