티스토리 본문 글자 크기 수정
티스토리 포스팅을 하고 나서 내용을 다시 보면 글자가 너무 작게 나오는 듯한 느낌을 받아요.
어떤 스킨은 글자 크기가 크게 나오는 것 같은데 어떤 스킨은 또 작아지고.
저만 그런 느낌을 받는 것인가요?
스킨을 변경하기 전에는 이렇게 안 작았던 것 같은데 말이죠.
그래서 다른 방법을 찾아 보았습니다.
찾아보니 티스토리는 스타일시트라는 것이 적용 되기에
CSS 파일에서 수정을 하면 된다고 하네요.
저도 따라 해 보니 정말 간단하게 수정을 할 수가 있었습니다.
본문의 글씨가 너무 작아 보기가 많이 불편합니다.
포스팅 시 기본적으로 글씨 크기를 변경하지 않아도
본문에서 보면 글씨가 크게 보이도록 설정을 해 보도록 하겠습니다.
우선은 관리자 모드에 들어가셔야 합니다.
관리자 모드에 들어오니 왼쪽에 메뉴들이 나열되어 있네요.
여기서 꾸미기 메뉴 중 스킨 편집을 클릭합니다.
스킨 편집을 클릭하면 위와 같은 화면이 나오는데요.
최신글, 티에디션, 테티데스크를 선택할 수 있는 버튼이 보입니다.
티 에디션에서 홈설정과 기본설정들을 변경할 수 있는 메뉴들이 보이네요.
우리가 변경을 할 메뉴는 CSS 파일이므로 우측 상단의 "html 편집" 을 클릭합니다.
그럼 위와 같이 영어로 된 화면이 나오는데요.
모르는 문장에 뭔지 모를 외계어 같지만 전혀 신경을 쓰지 않으셔도 됩니다.
우리가 원하는 것이 아닌 것에는 그냥 손을 안 대고 그대로 두시면 되요.
기본적으로는 HTML 편집화며이 보여질 것입니다.
HTML이 뭔지 모르셔도 상관없습니다.
우리가 수정할 것은 CSS의 내용이므로
상단에 CSS 라는 것이 보이는데 해당 메뉴를 클릭 해 주세요.
조금 전에 봤던 html 과 비슷한 형태의 영어로 된 것들이 보입니다.
우리가 수정할 것은 본문에 나오는 글자의 크기입니다.
키보드에서 컨트롤키를 누르고 F 키를 눌러 줍니다. ( Ctrl + F )
그런 다음 .article 이라고 입력을 해주세요.
그럼 .article 로 시작하는 여러개의 항목들이 보일 것입니다.
예를 들면 아래와 같은 것들 말이죠.
.entryNotice .article, .entryProtected .container, .entry .container {padding:10px 20px 17px 20px; } .entry .admin {padding-bottom:14px; } .entry .admin, .entry .admin a {color:#A1A1A1; font:12px/18px dotum; } .article { width:/*@post-width*/683px/*@*/; color:/*@post-body-color*/#8A8A8A/*@*/; font-size:/*@post-body-font-size*/15px/*@*/; font-family:/*@post-body-font-family*/dotum/*@*/; word-break:break-all; word-wrap:break-word; overflow:hidden; } .article p {margin:1em 0;} .entry .article a {color:#8A8A8A; text-decoration:underline; } |
이 중에서 우리가 찾아야 하는 것은 ".article {" 로 시작하는 부분입니다.
위 표에서 붉은색으로 표시를 한 부분입니다.
파란색의 .article 들도 있지만 이들은 본문의 html에서 또 다른 조건이 들어가는 경우의 셋팅입니다.
우리는 본문에 나오는 기본 글자의 크기만 변경을 하도록 하겠습니다.
".article {" 로 시작하여 "}" 로 끝나기 전에 font-size 라는 부분이 있을 것입니다.
여기의 폰트 사이즈의 크기를 변경 해 주면
티스토리 본문에서도 적용되어 글자의 크기가 변경 됩니다.
전 기존에 10px로 되어 있었는데 15px로 변경을 해 보도록 하겠습니다.
내용을 변경 후에는 우측 상단의 "적용"버튼을 클릭하면 바로 적용이 된답니다.
15px로 변경한 글자 크기 입니다
확실히 읽기가 편해 질 정도로 커 졌습니다.
소스를 건드려야 한다는 것이 약간은 두려움도 있겠지만
한번 해 보시면 크게 어려울 것은 없어요.
오늘은 티스토리 본문 글자 크기를 수정하는 방법에 대하여 포스팅 해 보았습니다.
포스팅 시 글자 크기를 일일이 수정하지 않아도
CSS 파일 하나만 수정하여도 되는 편리한 셋팅 방법 말이죠.
'computer' 카테고리의 다른 글
조립 컴퓨터 분해! (0) | 2021.04.07 |
---|---|
삼성노트북 NT350XCR-AD5WA 윈도우 설치 (0) | 2021.03.13 |
시스템 숨김폴더에 비밀번호 걸기 배치파일 만들기 (0) | 2020.09.28 |
캐논 복합기 PIXMA MX532X 스캔하기! (0) | 2020.09.08 |
캐논 복합기 MX532X 무한잉크 사용 후기! (0) | 2020.09.04 |