티스토리 포스팅 스킨 변경하고 설정하기(폰트 색깔 사이즈 배경 이미지)

티스토리 html 변경하기

오늘은 티스토리의 게시글 글자 사이즈와 배경 이미지 변경을 변경하는 방법에 대해서 알려드릴게요. 정말 막일 막일 이런 노가다가 없네요. 헤드에 이미지 없애겠다고 정말 온갖 방법을 다 동원했었죠.

 

사실 티스토리는 이것저것 제가 조정하고 싶은게 많은데 Html 코딩은 오늘 포스팅하는 정도만 하고 마치려고요.

이러다가 정말 html에다가 포토샵 일러 프리미어 프로 등등 온갖 프로그램들을 다 공부하다가 제 인생이 끝날 거 같네요

 

---

포스팅의 제목의 굵기 변경하는 방법

 

티스토리 코팅 방법 설명

관리자 모드에서 스킨 편집을 선택해 준 후 우측 상단에 보이는html 편집을 선택해 줍니다.

 

여기서 잠깐! html? CSS는 뭘까?

 

Html을 쉽게 설명하면 집을 지을 때 도면 같은 거라고 생각하면 됩니다. 어디에 대문이 있고 창문이 있고 안방 욕실 등이 있을지를 설정하는 곳이에요

 

CSS는 그렇게 기본 구조가 지어지고 나면 그곳에 변기를 넣는데 크기를 어떻게 할까? 색깔은 어떤 색으로 할까? 결정하는 곳이라고 생각하면 돼요 

 

 

우리는 골격을 바꾸는 게 아니라 색깔이나 크기만 바꿀 거니까 CSS를 선택해 준 후 키보드에서 Ctrl + F를 눌러 주세요 그러면 내가 원하는 단어를 찾을 수 있는데  찾기 창이 뜨면  post-cover .category 를 복사한 후 붙여 넣기를 해줍니다.

 

 

티스토르 포스팅 화면 변경하는 방법

post-cover category 는 "카테고리 없음"의 글자 크기와 색깔 변경이 가능하고

post-cover h1 은 "제목"의 글자 크기와 색깔 변경이 가능합니다.

post-cover a 는 "by izy family" 글자를
post-cover .meta 는 "날짜"를
post-cover .meta a 는 " 수정 삭제" 변경이 가능하다

 

색깔은 color 옆에 #으로 되어 있는 부분을 포토샵이나 그림판에서 마음에 드는 색깔을 찾은 후 그 색깔 번호를 가져와 쓰시면 됩니다.

 

나는 흰색보다 검은색이 좋아서 #000000으로 해줬다

흰색은 #FFFFFF으로 해주면 된다

글자 크기는 font size를 변경해 주면 된다.

글자 두께는 font-weight를 변경해 주면 된다. 

 

 

---

포스팅 헤드 이미지 변경하거나 삭제하는 방법

 

포스팅 헤드 이미지는 기본값이 우리가 정해준 대표 이미지가 자동으로 들어가게 되어 있습니다.

여기서 포스팅 헤드 이미지가 뭐냐고요?

 

왼쪽의 제목에 들어가 있는 이미지를 오른쪽처럼 아무것도 없이 제거하는 것을 말합니다. 

어떻게 제거하는지 처음에는 아무리 찾아도 못 찾다가 헤드 이미지는 CSS가 아닌 Html에서 고치는 게 가능하더군요.

진짜 온갖 고생을 해서 알아냈어요. 

 

HTML로 가서 background-image를 검색해서 저 부분을 post cover로 시작하는 부분을 찾은 후,

저부분을 image 대신 background-color로 수정한 후 자신이 원하는 색깔의 코드를 찾으면 되는데 나는 흰색으로 넣고 싶어서 #FFFFFF으로 수정했어요 아니면 자신이 원하는 이미지로 수 정해주 주면 되는데요~

 

 

---

오늘 포스팅은 이렇게 열림 포스팅으로 마무리 질게요 사실 티스토리는 정말 아무것도 모르는 사람들이 사용하기에는 다소 무리가 있기는 하네요

 

솔직히 이것저것 더 바꿔주고 싶은 게 많지만 하다 보면 정말 끝이 없을 거 같네요 

하면 할수록 쉬워진다는 말은 살짝 취소하고 싶지만 아직 시작도 제대로 못한 거 같으니 딱 한 달만 참고 기다려 볼게요

그럼 다음에 또 와주실 거죠?