티스토리 블로그 CSS 위치 찾는 초간단 방법

안녕하세요 잇님들 오늘 포스팅

내용은 바로 티스토리에 대한

내용인데요! 초간단 정보 포스팅입니다!

 

저도 요새 티스토리 블로그 꾸미기에

한껏 푹 빠져있는데 저처럼 컴퓨터 만지는데

소질이 많이 없고 IT나 공학 쪽 일을 하시는

분들이 아니라면 네이버 블로그보다

티스토리는 홈페이지 소스코드를 수정 보완하면서

꾸미기가 정말 쉽지 않을 것 같아요 그래서

오늘 포스팅을 쓰게 되었습니다!

 

티스토리 블로그 CSS 위치 찾는 초간단 방법!

전체적인 글씨 크기나 모양 그리고

여백 등은 인터넷에 보면 바로바로

검색해서 찾을 수 있어 큰 문제가 되지

않는데 아주 사소하거나 부분적인 것!

 

저는 이 포스팅을 쓰기 전에 카테고리

글 목록 글자들을 크게 하고 싶어서

구글과 네이버에 그렇게 검색을 해봐도

도저히 방법이 나오지가 않더라고요!

 

그러다가 발견한 방법입니다!

티스토리 블로그 CSS 위치 찾는 초간단 방법은

바로 크롬 에지 웨일 등 홈페이지 자체에서

제공하는 개발자 도구를 이용해서

코드 위치를 쉽게 찾는 방법이에요!

 

저는 에지로 캡처를 해봤는데 버튼이나

코드 정보 위치는 거의 똑같으니 참고하시면 됩니다

티스토리에서 수정을 원하는 홈페이지 화면을

켜놓고 F12를 누르게 되면 이렇게 개발자 도구가

나오면서 해당 화면 코드 정보가 쭉 나오게 되는데요!

 

여기서 제가 빨간색으로 표시한 버튼을 누르게 되면!

홈페이지 화면 쪽으로 마우스를 옮겨보면

각 글씨나 화면 글 목록들의 코드 정보가

파란색으로 블록처리가 되어 구분하기 편하고

팝업으로 뜨게 됩니다! 궁금하거나 수정이

필요한 글자 또는 배경 위에 마우스를 올리고

클릭을 해보면 아래쪽 빨간 박스 부분에

해당 내용에 대한 코드 기록이 나오는데요!

이쪽에서 수정은 해도 홈페이지에

변화는 없으니 티스토리 스킨 수정에서

CSS목록으로 들어갑니다 그리고 찾아놓은

해당 위치의 코드를 Ctrl+F 를 통해서 찾으면

너무나도 쉽게 수정하고 싶은 코드 위치를

찾을 수 있어요!

간단히 여백이나 글자크기 그리고 줄 목록

조절 등이 가능한 점! 코드는 사실 수정하고

싶은 해당 목록의 위치만 찾게 되면 너무나

간편하게 수정이 가능한데 참 위치 찾는 게

너무나 일이죠!

 

게다가 티스토리 블로그

잘 꾸미시는 분들을 보면 거의 코드가 

1500~2000줄짜리로 엄청나더라고요

저는 이런 식으로 수정을 원하는 해당 부분을

너무 쉽게 찾게 되어 요긴하게 잘 써먹고 있습니다

물론 티스토리 홈페이지 만들기는 엄청난 공부를

해가면서 천천히 수정 보완해야 더욱 완성도 있는

블로그가 되겠지만 지금 알려드린 방법을 쓰신다면

좀 더 간편하고 빠르고 쉽게 수정을 하실 수 

있으실 거라 생각해요!

 

다들 열심히 티스토리 블로그 운영하시길

바라면서 저도 양질의 포스팅을 열심히

올리려고 노력 중입니다 파이팅입니다~!!