티스토리 제목 배경 사이즈 변경

티스토리 제목 배경 사이즈 변경하는 법

티스토리 블로그를 운영하면서 어려운 것이 한두 가지가 아니다.

글 구성이나 크기 화면 비율 등이 좀 어렵다.

내가 원한 사이즈의 사진을 올리는 것도 힘들고 네이버 블로그처럼 구성이 쉽지가 않다.

다른 블로그를 구경하다가 제목 칸 사이즈가 작은 것을 보고 HTML을 이것저것 찾다가 사이즈를 줄이는 것을 알아냈다.

정확한 것인지는 모르겠지만 일단 사이즈는 줄었다.

나와 같은 것을 고민하는 사람이 있을지 없을지는 모르겠지만 일단 내가 해본 방법을 소개하겠다.

티스토리 블로그관리

로그인을 하고 화살표가 가리키는 톱니 모양을 눌러 블로그 관리로 들어간다.

블로그 관리홈 : 꾸미기

블로그 관리 홈 목록 중에 꾸미기 - 스킨 편집을 눌러 들어간다.

 

스킨편집

html 편집을 눌러 들어가면 html 편집 창이 나오게 된다.

CSS

html 옆에 있는 CSS창으로 들어간다.

글씨가 쓰여있는 곳 여백을 클릭하고 ctrl+f 를 누르면 위와 같은 검색창이 나온다

이곳에 post-cover {라고 입력을 하고 엔터를 누르면 이 글씨가 있는 곳을 찾아준다.

이와 같은 창이 뜨면 성공한 것이다.

이 부분에서 수치를 바꿔주면 제목 배경화면 창 사이즈가 변경된다.

최초 설정값은 340px로 되어 있다.

나는 수치를 200px로 바꾸었다.

너무 제목 창이 커서 보기가 안 좋았는데 200px이 적당하고 이쁜 것 같아 200px로 설정했다.

수치를 변경하고 나면 상단의 적용 버튼을 눌러줘야 변경이 된다.

적용을 하고 나면 제목 배경 사이즈가 바뀐 것을 확인할 수 있다.

처음 것은 340px 사이즈가 적용되어 있는 것이고 아래에 있는 것은 200px를 적용했을 때 화면이다.

아무것도 모르는 상태에서 하려고 하니 어려운 것이 너무나 많다.

하지만 하나하나 찾고 바꾸면서 뭔지 모를 뿌듯함은 남는 것 같다.