티스토리 뷰
@ 안녕하세요, provbs입니다
오늘 처음 티스토리에 가입하고 첫 게시물을 올렸는데, 네이버 블로그와는 다르게 기본세팅 외에는 html과 css를 편집해서 사용해야 한다는 사실을 알게 되었습니다.
다행히 저는 html과 css를 사용할 수 있기 때문에 약간씩 수정하기 시작했습니다.
본문의 글 사이즈와 글 색깔에 대한 부분은 "티스토리 본문 글씨크기" 이렇게 검색하시면 여러 포스트가 나옵니다.
대부분 css의 <p> 태그의 속성을 바꿔주라는 내용으로 되어있습니다.
(좋은 포스트들이 많습니다, 읽어보시고 오시면 좋을것 같아요. 제 포스트는 요런 방법들을 통해서 해결되지 않는 부분에 대해서 썼습니다.)
그런데, 이렇게 <p> 태그의 속성을 바꿔주어도 안바뀌는 부분이 있다는 것을 알게 되었습니다.
바로, 문단모양에서 "본문2"가 아닌 "본문1", "본문3"과 같은 다른 글씨크기 서식으로 바꿀 경우 <p>태그 적용이 안되는 것을 발견..!
<p>태그 수정으로 바꾼 속성은 "본문2"에만 적용이 되고 있었습니다.
저는 "본문1"이 적용된 "@ 안녕하세요, provbs입니다" 파란글씨를 제가 원하는 사이즈로 설정하고 싶었습니다.
어찌된 영문인지 한번 살펴봤습니다.
@ 크롬 검사 기능으로 살펴보기
크롬 검사 기능으로 살펴보니, 원래의 css 파일말고, 페이지가 생성될때 다른 css파일에 영향을 받는다는 것을 발견했습니다.
"본문1"이 적용된 <p> 태그가 p[data-ke-size = 'size18']로 바뀌어서 처리가 되는 것 같습니다.
그런데 저 data-ke-size에 관련한 부분은 티스토리에서 제공하는 css 편집파일에 존재하지 않았습니다.
아무래도 css보다는 html쪽으로 접근을 해봐야 할것 같습니다.
@ 글작성에서 html모드로 들어가기
글을 작성한 후 위의 "기본모드"를 눌러서 HTML 모드로 들어갑니다.
HTML모드로 들어가서 해당 부분을 살펴봤더니,
"@ 안녕하세요, provbs입니다" 에 해당하는 부분의 <p> 태그가 <p data-ke-size="size18">로 되어있는 것을 알수있습니다.
그리고 해당 <p>태그 안쪽의 <span> 태그에 제가 바꾼 파란색으로 인라인 css가 적용되어 있는 것을 발견했습니다.
그럼 이제 저 인라인 css를 이용해서 폰트사이즈를 바꾸면 되겠죠?
font-size : 40px; 을 추가해주었습니다. (원하시는 픽셀의 사이즈로 설정 해주시면 됩니다.)
결과는..
성공!
@ 마무리
물론, css가 아닌 html에서 인라인 css를 한줄한줄 수정해주어야 하기 때문에, 상당히 불편합니다.
그나마, 기본적인 본문 서식은 css파일 <p> 태그 편집으로 일괄처리하고, "본문1"과 같이 머릿글을 쓸때 필요한 부분만 수정해 주면 되서 그렇게 많은 노동은 아닌듯 싶습니다.
사실 왜 에디터에서 글씨 사이즈를 고를 수 없게 해두었는지는.. 이해가 가지 않습니다.
더 쉽고 좋은 방법이 있는지는 모르겠지만.. 검색했을때는 일반적인 <p>태그 수정법 밖에 나오지 않더군요.
오늘 티스토리 처음써보는 뉴비지만 혹시나 저와 같은 상황인 분들께 도움이 될까 싶어서 작성해보았습니다.
앞으로도 잘부탁드립니다 ^_^
끝까지 읽어주셔서 감사합니다.
provbs였습니다.
'유용한 정보 공유' 카테고리의 다른 글
| 라데온 그래픽카드 저사양 게임들에서 최소주파수 안먹힐때 해결법 (0) | 2022.11.10 |
|---|---|
| python cgi { } key error 에러 해결하기 (0) | 2022.05.28 |
| 윈도우 아나콘다 프롬프트에서 리눅스 명령어를 사용하고 싶다면? (0) | 2022.04.08 |
| 윈도우 "창이 없어졌어요", "창이 넘어갔어요" 화면 밖으로 나간 창 해결 방법 (4) | 2021.12.29 |
| 몽고디비 - An error occurred while loading navigation: Invalid UTF-8 string in BSON document 에러 해결법 (3) | 2021.12.29 |